用户的浏览环境非常复杂，很多情况无法靠测试用例去覆盖，所以最好建立一个前端错误日志，在真实用户端收集bug。
try&catch是一个捕获前端错误的常见方法，比如：
|
1 2 3 4 5 6 |
try{ //给所有脚本设置一个统一入口，比如设置一个init函数 init(); }catch(e){ //处理错误，将错误信息上报给服务器 } |
像上面这样，所有脚本统一用init作为入口，一旦发生错误就会被try捕获，然后交给catch去处理。
除了正常运行模式，ECMAscript 5添加了第二种运行模式：“严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。
设立”严格模式”的目的，主要有以下几个：
– 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
– 消除代码运行的一些不安全之处，保证代码运行的安全；
– 提高编译器效率，增加运行速度；
– 为未来新版本的Javascript做好铺垫。
“严格模式”体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。
另一方面，同样的代码，在”严格模式”中，可能会有不一样的运行结果；一些在”正常模式”下可以运行的语句，在”严格模式”下将不能运行。掌握这些内容，有助于更细致深入地理解Javascript，让你变成一个更好的程序员。
本文将对”严格模式”做详细介绍。
进入”严格模式”的标志，是下面这行语句： 查看全文
Right：
|
1 |
var string = 'Foo' + bar; |
Wrong:
|
1 |
var string = 'Foo'+bar; |
Right：
|
1 2 3 |
var foo = 'bar'; var http = require('http'); |
高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。
关于流畅度，主要体现在前端动画中，在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案，在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端，我们选择性能更优浏览器原生实现方案：CSS3动画。
然而，CSS3动画在移动多终端设备场景下，相比PC会面对更多的性能问题，主要体现在动画的卡顿与闪烁。
目前对提升移动端CSS3动画体验的主要方法有几点：
|
1 2 3 4 |
-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); |
我们试图绑定一些事件到DOM元素上的时候，我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢？在什么场合下用什么方法是最有效的呢?
当我们在开始的时候，有些知识是必须具备的：
下图仅仅是一个示例，这是一个在browser环境下的一棵模拟DOM树，在下面的代码中仅起到演示的作用： 查看全文