1. 程式人生 > 其它 >2022前端知識點彙總

2022前端知識點彙總

1. webpack打包優化

2. 前端優化

常見的優化方向有:

  1. 縮短請求耗時:減少http請求數量,適當使用瀏覽器快取;

  2. 減少重排重繪:按情況使用ssr服務端渲染; 儘量避免響應式佈局;

  3. 改善JS效能:按需載入第三方資源的程式碼;減少單頁面的js數量和執行時長;大檔案放後面載入,減少總阻塞時長

  4. 靜態資源優化:圖片、檔案壓縮;預載入重要的資源;圖片懶載入;靜態資源放到第三方伺服器分流等

3. vue元件渲染過程

4. promise,setTimeout,巨集觀微觀

5. typeof 

typeof操作符返回一個字串,表示未經計算的運算元的型別。

型別 結果
Undefined "undefined"
Null "object"
Boolean "boolean"
Number "number"
String "string"
Symbol "symbol"
函式物件 "function"
其他物件 "object"

6. 事件冒泡和事件捕獲

7. react優化

8. react生命週期

10. http請求和響應

11. 深拷貝和淺拷貝:淺拷貝的物件為基本數值型別時,拷貝其值,為引用資料型別時,拷貝其記憶體地址,也就是淺拷貝複製的是棧裡面儲存的東西,淺拷貝物件的引用資料型別的改變會隨其拷貝物件的改變而改變;而深拷貝則完全拷貝了物件的值,開闢了新的記憶體地址,與其原拷貝物件互不影響。

12. debug