本文主要记录在Debian8上编译安装最新版本的Nginx和设置其在开机时自动启动。 因为Debian自带的Nginx版本比较老，而这次折腾Nginx主要目的是实验HTTP/2，所以采用编译源...

在我们使用第三方库（比如jQuery）时，一种推荐的把第三方库添加到我们的页面中的方法就是使用CDN链接添加，一个原因是CDN离用户更近，加载更快；但是更重要的原因是如果所有使用这个库的网站都使...

兵法有云「知己知彼，百战不怠」，在性能优化时如果能知道一个网站不同阶段的延时，就可以有针对性地进行性能优化。 Navigation Timing API就提供了获取一个网站的生命周期不同关键节...

很多人初次接触float属性，可能都是看到或者使用float进行布局。但是float属性的本意并不是用于布局，要真正理解float属性，就要首先了解它被添加到CSS中的本来意图。 设计意图 当...

box-sizing属性用于修改盒模型的width属性和height属性的意义，该属性一共有3个值 content-box：width和height属性对应内容区的宽度和高度。这是默认的...

在JavaScript异步编程之分割耗时任务中，我们通过定时器把耗时任务分割成多个部分，从而避免了耗时任务阻塞线程，进而阻塞UI。 好在HTML5为我们提供了「web worker」，使得我们...

process.nextTick和setImmediate的区别主要在于：process.nextTick在本次事件循环结束之后立即执行；而setImmediate在下次事件循环的I/O事件回调...

当看到标题的时候，你心里一定会有疑问：行为一致性？什么行为？ 行为在这里指的是函数的行为：同步执行还是异步执行。 行为一致性指的是确保我们写的函数始终同步执行或者异步执行，而不是有时候同步执...

因为JavaScript是单线程的，任何耗时的任务都将阻塞线程，使程序失去响应。 下面有一个示例，其中使用一个运行1e9次的while循环模拟耗时任务。 1 2 3 4 5 6 7 func...

在图片懒加载中简单实现了图片懒加载。 对于页面变化是连续的或者说可预测的时候，比如页面滚动，使用懒加载是不错的选择。 可是懒加载技术是有局限的，比如当页面变化是不可预测的时候，懒加载就不适合...