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
