技術(shù)拓展直播課8

• 按chrome的官方文檔

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

• Ctrl f 查找類
  

• console控制臺(tái)見b站
  bilibili

• source面板直接打斷點(diǎn) 效果和debugger一樣
  單步調(diào)試 進(jìn)入到函數(shù)的下一步
  

• 網(wǎng)速 no throttling 是否需要過濾

• domcontentloaded dom完全加載完的時(shí)間 看時(shí)間線
  

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

• settimeout17是顯示器刷新的最小頻率，因?yàn)槿蝿?wù)調(diào)度，可能會(huì)有其他任務(wù)插入，可能不能保證頻率，建議使用h5 window.requestAnimationFrame方法來優(yōu)化性能
  

• JS是單線程 對(duì)于大量不影響dom的計(jì)算 會(huì)阻塞 用webworker新開線程處理高性能運(yùn)算

• 改變冒泡執(zhí)行順序

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

• GPU加速屬性 2d動(dòng)畫也用3d屬性
  

總結(jié)

以上是生活随笔為你收集整理的chrome调试的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。