说到 javascript 中的定时器，我们肯定会想到 setTimeout() 和 setInterval() 这两个函数。本文将从 事件循环（Event Loop） 的角度来分析两者的工作原理和区别。

在今年对 Instagram Web 进行全新的设计的时候，我喜欢在写 React 组件的时候，用上一些 ES6+ 的新特性。请允许我列举这些能够改变你写 React 应用方式的新特性。比起以往，这些特性能够使你撸起码来更加容易、有趣！

来自Google的前端工程师-Philip Walton 分享了自己关于如何成为优秀的工程师的一些观点。个人感觉很有价值，所以翻译成中文，方便大家阅读。水平有限，如翻译不妥之处请在评论中指出。

我使用 React.js 构建大型项目已经有一段时间了，我遇到过很多在不同的组件中都要用到相同功能的情况。因此，我花了一个小时左右的时间去了解mixin的用法，然后分享我所学习到的一些东西。

原文来自： [链接] 所谓的倾斜效果，我也不知如何用语言描述，那就直接看Demo啦，下面我们会对这个效果的实现原理逐步分析：[链接] 文档结构 对一个图片添加该效果，首先，我们需要一个具有宽高的容器。DOM 结构非常简单。 {代码...} 上面这段结构经过脚本处理之后，会被替换成下面的结构： {代码...} 脚本分析 我们利用...

这个规则对于函数同样适用，其原因在于函数只是分配给变量的对象。唯一需要引起注意的地方在于当适用函数声明时，函数定义也会被提升，而不仅仅是函数声明被提升。看下面的代码：

以下编码风格来自于《编写可维护的 javascript》一书中，加上个人总结，自代表个人风格，仅供参考。 缩进 缩进可以采用2格缩进或者4格缩进，具体使用哪个看团队的代码规范和自己的爱好。 行尾分号 行尾一律加上;分号，除非该行需要折行。 行的长度 单行不应该超过80个字符，如果超过，应该折行编写。 折行 当一行长度达...

首先考虑一下，改变 DOM 样式导致浏览器重绘有两种方式，一种是单纯的重绘，页面布局没有受到影响（如改变盒子的背景色，修改字体颜色，修改透明度...）；另外一种是在重绘之前会触发 Rendering（回流），也就是页面布局受到了影响，需要重新布局，在重绘页面。下面我们分别对这两种情况进行测试。

CSS3 提供了transition 过渡、transform 变换和animation 动画来实现页面中的一些样式转化，这篇文章会对这几个属性做简单的介绍，然后比较一下 CSS3 动画和 JS 动画哪个性能更好。

一些情况下，我们希望网页可以直接向桌面推送消息。本文利用 HTML5 的 Web Notifications API 来展示具体的代码该如何编写，同时来看一看这个特性在各个浏览器上的兼容性如何。

在 web app 中有时候会使用一些比较方便的快捷键，像 ctrl ＋ s、ctrl + f 这些。 这里介绍一个非常实用的工具Mousestrap可以用来捕获任何快捷键，在以后的 web app 中可以用它来捕获捕获快捷键。

如果要对元素节点进行多次读写，那么最好的方式是：把多次操作在DOM节点树外统一处理好，然后再一次性更新DOM节点树，具体的方法大致包含下面几种。

javascript按照数据存储位置的不同可分为以下四类： 直接量（字符串、数字、布尔型、Object、Array、Function、正则表达式、NULL以及undefined）。 变量。 数组项。 对象成员。 javascript对以上四个类型数据的访问速度依次减慢，也就是说，访问直接量的速度是最快的，而访问对象成员的消耗的时间是最多的。 管理作用域 ...

当浏览器遇到<script>标签时，页面的加载、介些都会停下来，运行此javascript代码，然后再继续加载。这种事情同样会发生在那些以"src"属性调用的外部脚本，浏览器首先下载外部文件的代码，这要占用一些时间，然后在运行这些代码，这又要占用一些时间。此过程中，页面的解析与用户的交互都是阻塞的。

一般情况下，我都是在条件语句中才会用到"&&"运算符，表示条件之间是"且"的关系，下面这个例子是我们最常用的： {代码...} 其实"&&"还有另外一种用法，表示：如果'&&'左边执行结果返回ture，那么执行右边的代码。 {代码...} 这段代码表示的就是，如果obj存在，那么就调用obj的openIt()方法。 后...