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

Redux是最近发生在js界令人兴奋的事儿。它把众多优秀的库和框架中非常正确的特性保留了下来：简单且可预测的模型，强调函数式编程和不可变数据，基于api的轻量级实现……你还有什么理由不喜欢呢？R...

交互动画的一个主要目标是创建出流畅的用户体验，其中大多数的用户交互都是通过鼠标和触摸屏实现的。在这篇博文中，我想分享一些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动画的实现原理跟早期的运动影片很类似，都是通过将一张张的赛璐珞片以较快速度播放，从而模拟出连贯的物体运动。而这一张张的赛璐珞片就类似于投影运动媒体的帧的概念，而几乎所有投影运动媒体都是通过帧来实现的。

canvas上下文每个canvas元素都包含一个绘图上下文，可以通过它访问绘图API。消除图案在大多数动画中，必须在绘制下一帧图案前清除canvas，通过这样来模拟出物体正在运动的效果。

学习三角学，主要就是掌握各种边角关系，事实上，用于实现基本的动画90%的三角学只是都可

圆周运动,思路分析：圆的方程为：// (x0, y0)为圆心位置；(x, y)为圆上的点(x - x0) ^ 2 + (y - y0) ^ 2 = r ^ 2cos(angle) ^ 2 + s...

模拟球形的脉冲运动。使用正弦值改变球形的比例，即可制造出脉冲效果。

来一个挑战： 绘制一个物体，并让它随着鼠标旋转，使它总能指向鼠标。

小球的构造函数如下：