理解变量提升try…catch 语句将捕获的异常绑定到一个变量，该变量的作用域只是catch语句块。 12345678910111213141516171819function test() { var x = "var", result = []; result.push(x); try { throw "exception&quot

函数调用理解函数调用， 方法调用，构造函数调用之间的不同。 12345678910111213141516171819202122232425262728293031323334最简单的函数调用function hello(username) { return "hello, " + username;}hello("Keyser soze&quo

了解分号插入的局限性JavaScript的一个便利是能够离开 语句结束分号 工作。 删除分号后，结果变得轻量而优雅，比如下面这个例子去掉所有分号，JavaScript会自动插入分号。 123456789function Point(x, y) { this.x = x || 0 this.y = y || 0}Point.prototype.isOrigin = funct

当心隐式的强制转换JavaScript对类型的错误出奇宽容,算数运算符 - 、*、%、/都会把参数转为数字。然而 + 会根据参数来决定位运算符不仅会将操作数转换为数字，而且还会将操作数转换为32位整数(表示数字的子集)。这些运算符包括算术运算符(~ 、& 、^ 、| 、<<、>>、>>>) 123453 + true; // 42 + 3

理解JavaScript的浮点数大多数编程语言都有多种数据类型，但是Javascript 却只有一种。使用 typeof 运算符查看无论是 ，整数还是浮点数JavaScript都简单的返回一个结果 123typeof 17; // numbertypeof 98.6; // numbertypeof -2.1; // number 事实上JavaScript中所有的数字都是双精度浮点数。 这是

Reactreact中文文档 事件处理你必须谨慎对待 JSX 回调函数中的 this，类的方法默认是不会绑定 this 的。如果你忘记绑定 this.handleClick 并把它传入 onClick, 当你调用这个函数的时候 this 的值会是 undefined。这并不是 React 的特殊行为；它是函数如何在 JavaScript 中运行的一部分。通常情况下，如果你没有在方法后面添加 ()

了解你使用的JavaScript版本由于不同的浏览器，对于JS的实现不同，我们必须精心编写代码保证他们在所有浏览器下工作如一。否则你可能面临这样的困境–应用程序在你自己的计算机上运行良好，但是部署到不同的环境时却无法运行。例如，const关键字在支持非标准特性的JavaScript引擎上测试时运行良好，但是当将它部署到不识别const关键字的web浏览器上就会出现语法错误。为此，ES5引入了一种版

vim快捷键和配置参考文章 SpaceVim vim-bootstrap

高性能网站建设指南-前端工程师技能精髓减少HTTP请求性能黄金法则提示了只有10%~20%响应时间花在了HTML文档上其他都用在了加载各种组件包括（图片，样式表，脚本，falsh）进行的HTTP请求上。因此改善响应时间的最简单途径就是减少组件数量，并由此减少请求数量 可以以下通过方式 CSS Sprites 内联图片 data:URL 合并脚本和样式表 data:URL模式首次在199

同步和异步要了解generator首先需要说一下异步和同步，大家都知道，Javascript的语言执行环境是单线程（Single thread）.所谓单线程，就是只一次只能完成一个任务如果有多个任务就需要排队，前面一个任务完成，再执行后面一个任务，一次类推。这种做法 好处是实现起来比较简单，执行环境相对单纯. 坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的