screenX clientX pageX概念

• screenX:鼠标位置相对于用户屏幕水平偏移量，此时的参照点也就是原点是屏幕的左上角。
• clientX:鼠标位置相对浏览器窗口的左上角的偏移量，但它不会随着滚动条而变动。
• pageX：参照点也是浏览器内容区域的左上角，会计算滚动距离。

CSS阻塞

• css加载不会阻塞DOM树的解析
• css加载会阻塞DOM树的渲染
• css加载会阻塞后面js语句的执行

提高webpack编译速度

• happypack 处理loader
• DllPlugin 和 DllReferencePlugin 预编译库
• webpack-uglify-parallel 处理压缩
• Tree-shaking & Scope Hoisting
• 通过 externals 配置来提取常用库
• 配置CommonsChunkPlugin