本文是《CSS框架》系列文章第 5篇 (共 41 篇） In 0.39.0 version Stylus got hash objects. Define You can define a hash using the curly ……

简单点可以这么说： js是单线程的，是基于事件循环的。setTimeout函数是异步的，异步的事件会加入一个队列，当同步的任务执行完之后，才会执行。

Stylus ships with a TextMate bundle, located within ./editors. To install, simply execute make install-bundle, or place ./editors/Sty……

我发现一个有趣的事情，竟然能在浏览器console里显示SVG图片和SVG动画！我迫不及待的要把这写出来，我想知道是否还有其他人之前也发现了这个用法。同时也为这个功能感到兴奋。我是在经过一系列的错误debug、测试和研究中偶然发现了可以在console里显示SVG图片，不仅仅能显示，而能够运行SVG动画。下面是一个动画效果截图：

今年三月，微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。

错误报告 Stylus内置梦幻般的错误报告，针对语法、解析以及计算错误，完整的堆栈跟踪，行号和文件名。 解析错误 解析错误例子： body form input == padding 5……

Base64 Encode 1x1px透明GIF图片能干什么？这种图片的特征就是体积最小化，最大限度的减少带宽。而且是透明的，具有隐身作用。用到的场景很多，比如测试浏览器是否支持data URI技术，或用来做一个透明的浮动层，或在lazy load图片时用它来做占位符

简单来说，CSS中的cubic-bezier()，就是一个用来创建过渡效果的timing function。它可以定义过渡的速度和其他一些指标，它也可以用来创建动画中的反弹特效。

正如你可能知道的，<script> 标记是用来指定在网页上执行哪个 JavaScript 的。<script> 标记可以直接包含 JavaScript 代码，或者指向一个 JavaScript 外链 URL。

JavaScript Promise API是新出现了一个API，借助 Promise，我们可以对setTimeout函数进行改良，下面就是把setTimeout()封装成一个返回Promise的sleep()函数。

我们将这些防止错误出现的程序称为”linters”。Javascript中有几个比较好的linter。但是在CSS中，我们就没有这么幸运了，我们的选择十分有限: 基于Ruby的，具有特殊预处理程序的scss-lint和较早的CSS Lint。现在我就要开始介绍一下我们开发的工具: stylelint.

red(color) 返回color中的红色比重。 red(#c00) // => 204 green(color) 返回color中的绿色比重。 green(#0c0) // => 204 blue(color) 返回color中的蓝……

.Htaccess对与一个网站来说是一种功能非常强大的配置文件。对它的功能了解的越多，你就越容易掌控你的网站配置。利用.Htaccess来禁止某个IP对网站的访问是它是基本功能之一。上面的配置只是用法之一，下面我将汇总一下在这个相关主题下的更多的用法。

一般网站或应用的后台都有备份数据库的功能按钮，但需要去手工执行。我们需要一种安全的，每天自动备份的方法。下面的这个shell脚本就是能让你通过过设定Crontab来每天备份MySQL数据库的方法。

在HTML5视频上我们可以自定义播放控制和现实效果，我们还可以在线获取视频的各种信息，比如今天要说的如果获取视频时长信息。

/** * A String equivalent of {@link MediaType#APPLICATION_JSON_UTF8}. * @...

用低代码开发平台,来说说使用的感受！

JS：字符串，长度不为0，如何判断该字符串是否全为同一个字符，全部为同一个字符的示例：0，1，22，AAA。 回答 1. 遍历字符串，逐个比较 for (let i=0;i < ……

我们是可以使用Wget来下载google drive里的文件的，但首先你需要知道要下载的文件大概是多大体积。

我不是深度的使用linux的程序员，但平时又少不了使用一两次。所以，很多常用的linux命令因为不常用，所以记不住，都需要查资料寻找用法。比如，如何在linux命令行里用命令显示文件目录的体积大小。

最近国外的一位网友发现了一个有趣的现象，有一个DIV，它在每种浏览器中的样子看起来都不一样，比如说firefox、edge、chrome、Safari、IE等。他给出的代码是这样的：

从chrome 59开始，谷歌发布了一款无头谷歌浏览器。它跟PhantomJS不同，它是基于正统的谷歌浏览器开发出来的，不是基于其它的框架，这让程序很难区分出它是正常浏览器还是无头浏览器。

当使用sudo命令来运行一个linux命令时，我们希望这个linux命令能以root身份运行，但有时候都会遇到“permission denied”的错误，结果发现是linux命令中只有部分语句是按root用户运行的。

在2018里，对于聪明的开发者们可以去熟悉的东西， Brown 给出了他对 JavaScript 生态系统中各个方面最前沿，至少也是很有用的预测。有两点需要说明的是： 首先，他基于所有 JavaScript于 标准的这些变化中，指出了一些好的可以去了解的，尽管里面所罗列的一些东西可能不是你所关注的。

然而，千万不要过度使用will-change属性，否则，事与愿违，页面的执行效率会降低，推荐的做法是当一个元素或属性发生变化时打开will-change，变化完成之后关闭它。