代码库：我们一直在使用它们。代码库是开发者把他们会在项目中使用到的代码打包起来形成的，这总能节省时间和避免重复造轮子。拥有一个可重复使用的包，不管是开源的还是闭源的，总比重复构建一样特性的包或者...

当 let（以及具备了和 let 相似声明行为的 const 和 class）等声明方式在 ES2015 中被引入后，许多的开发者包括我都使用了变量提升的定义来描述变量是如何被访问的。但经过对这...

在 ECMAScript 2015 之前，JavaScript 里的对象字面量（也叫对象初始化器）功能很弱。它只能定义两种属性：普通键/值对 { name1: value }Getters { ...

对于 JavaScript 语言来讲，入门者甚至是专家都会经常搞不清 slice 和 splice 这两个方法。它们虽然名称相似，但是功能却完全不同。在使用中，可以通过选择一个具有强语义表达性的...

我们是否应该尽快升级到 Angular 2，还是说 Angular 1 将仍然能和其他引人瞩目的框架或者库如 React 一起向前迈进？我们接下来聊聊这个话题。

如果你仍然在用 ES5 (同样也可以称之为 ECMAScript 5)写JavaScript代码，并且希望能够用ES6 (ES2015)编写代码，但是却又有点担心写不好。那么我们详细介绍几种较为...

尽管 promises 确有帮助，但它比普通的回调复杂多了。使用回调，你只需要传递一个函数，也许在其中又插入了另一个函数。但使用 Promise 的话，函数更多了。Promise 链可能会很让人...

一直以来，JavaScript 都并没有多线程的能力，而单线程在让开发者方便的同时，也使它一直不能处理计算量复杂的场景，唯一方法就是让服务端去做。幸运的是，随着 Web Worker 的普及，我...

交互动画的一个主要目标是创建出流畅的用户体验，其中大多数的用户交互都是通过鼠标和触摸屏实现的。在这篇博文中，我想分享一些JS对于物体移动的常见用法，包括拖拽和投掷效果。

缓动和弹动都是那对象从已有位置移动到目标位置的方法。但是缓动是指物体滑动到目标点就停下来；而弹动是指物体来回反弹一段时间后，最终停在目标点的运动。弹动，大多数时候，物体的加速度与它到目标点的距离是成比例的。

最普通的动画就是匀速的动画，每次增加固定的值。但是生活中很多运动并不是匀速运动的，而是有加速度改变的运动。在Web动画中，缓动动画有时候会让网站增色不少。

编写动画循环的关键，是要知道延迟时间多长合适。一方面，循环时间必须足够短，这样才能保证动画效果更平滑流畅；另一方面，循环还要足够长，这样才 能保证浏览器有能力渲染产生的变化。大多数显示器的刷新频...

ECMA Script5中数组方法如indexOf()、forEach()、map()、filter()、some()并不支持IE6～8，但是国内依然有一 大部分用户使用IE6～8，而以上数组方...

6月21日晚，古哥给咱们科普页面渲染机制、JS的一些性能优化和MV*架构，收益匪浅。在培训现场，古哥请船长当场用原生JS实现点击盒子随机变 色。船长的编程思路让人脑洞有点大开，Get到不少干货。...

screenX: 鼠标位置相对于用户屏幕水平偏移量，参照点也就是原点是屏幕的左上角；PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化；clientX:鼠...

瀑布流实现其实已经不是什么新鲜的玩意了，国内外多个展示性网站如花瓣网、百度图片等 都早已采用了瀑布流的页面布局方式。瀑布流布局巧妙地重排元素并填补了容器的所有空间，适合小数据块，每个数据块内容相近且没有侧重。

在某一个游戏公司的笔试中，最后一道大题是，“用CSS3实现根据动态显示时间和环形进度【效果如下图所示】，且每个圆环的颜色不一样，不需要考虑 IE6~8的兼容性”。当时第一想法是用SVG，因为SV...

实现原理很简单，就是循环文章模块，并抽取其中的h2、h3标签，将其中的内容赋予给新建的title树。我的博客使用的是客户端生成title树的方法。

研究滚轮事件是因为在做一个翻版的fullpage.js，需要通过监听滚轮事件进行翻页。在实现过程中遇到了一些兼容性问题处理。所以顺便封装了个方法wheel(upFn, downFn)，方便日后调用。

其实Web动画的实现原理跟早期的运动影片很类似，都是通过将一张张的赛璐珞片以较快速度播放，从而模拟出连贯的物体运动。而这一张张的赛璐珞片就类似于投影运动媒体的帧的概念，而几乎所有投影运动媒体都是通过帧来实现的。