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