技術拓展直播課8

• 按chrome的官方文檔

• 長按刷新 清除緩存（不一定好使）
  

• Ctrl f 查找類
  

• console控制臺見b站
  bilibili

• source面板直接打斷點 效果和debugger一樣
  單步調試 進入到函數的下一步
  

• 網速 no throttling 是否需要過濾

• domcontentloaded dom完全加載完的時間 看時間線
  

• performance性能分析 火焰圖 wasd鍵盤快捷控制 每項耗時多久
  CPU資源分析 按顏色
  

• settimeout17是顯示器刷新的最小頻率，因為任務調度，可能會有其他任務插入，可能不能保證頻率，建議使用h5 window.requestAnimationFrame方法來優化性能
  

• JS是單線程 對于大量不影響dom的計算 會阻塞 用webworker新開線程處理高性能運算

• 改變冒泡執行順序

• 比較長的紫色layout 除了第一次是重排 其他情況優化重排重繪

• GPU加速屬性 2d動畫也用3d屬性