前端知識體系不徹底手冊，收藏好了！

1. 性能優化

1. Gzip

2. 圖片優化

3. 緩存策略

4. 本地存儲

5. CDN

6. 服務端渲染

7. Dom優化原理

8. Event Loop

9. 迴流（Reflow）與重繪（Repaint）

10. Lazy-Load

11. 事件節流（throttle）

12. 防抖（debounce）

13. LightHouse

2. 工程化

1. Webpack原理

2. Webpack插件開發

3. 自動化測試

1. 單元測試

2. 性能測試

3. 安全測試

4. 功能測試

4. 算法數據結構

1. 經常使用排序算法

2. 貪婪算法

3. 動態規劃

4. 經常使用搜索算法

5. 設計模式

1. 單例模式

2. 策略模式

3. 代理模式

4. 迭代器模式

5. 發佈-訂閱模式

6. 命令模式

7. 組合模式

8. 模板方法模式

9. 享元模式

10. 職責鏈模式

11. 中介者模式

12. 裝飾着模式

13. 狀態模式

14. 適配器模式

6. 架構設計

1. 工做流設計

2. 構建流設計

3. 單頁面應用設計

4. 多頁面應用設計

5. 組件化設計

6. 測試核心

7. 文檔核心

8. 微前端架構

9. 演進式架構

7. 多端應用

1. 微信小程序

2. 支付寶小程序

3. 頭條小程序

4. 百度小程序

5. React-Native

6. Weex

7. Flutter

8. Uni-app

9. mpvue

10. Chameleon

11. Taro

12. Electron

8. 編譯原理

1. 詞法分析AST

2. 代碼生成

3. 代碼轉換

9. 瀏覽器原理

1. 渲染機制

2. 緩存機制

3. 同源策略

10. 可視化

1. canvas

2. svg

3. WebGL

11. 網絡協議

1. HTTP

2. HTTP2

3. HTTPS

4. TCP/UDP

5. IP

12. 代碼管理

1. git

2. Eslint

13. 服務器端知識

1. MySql

2. MongoDb

3. Redis

4. Pm2

5. Nginx

6. Docker

7. Jenkins

14. 前端監控

1. 性能監控

2. 錯誤監控

15. Web安全

1. XSS

2. CSRF

3. Cookie劫持

4. 傳輸安全

5. Oauth

16. 團隊管理

1. 工程師發展路徑

2. 如何保持技術競爭力

3. 如何找到管理自信

4. 角色認知

5. 管理規劃

6. 團隊建設

7. 任務管理

8. 管理溝通

9. 管理方法論

17. NodeJs

1. assert - 斷言

2. async_hooks - 異步鉤子

3. Buffer - 緩衝器

4. child_process - 子進程

5. cluster - 集羣

6. console - 控制檯

7. crypto - 加密

8. debugger - 調試器

9. dgram - 數據報

10. dns - 域名服務器

11. domain - 域

12. Error - 異常

13. events - 事件觸發器

14. fs - 文件系統

15. global - 全局變量

16. inspector - 檢查器

17. module - 模塊

18. net - 網絡

19. os - 操做系統

20. path - 路徑

21. perf_hooks - 性能鉤子

22. process - 進程

23. punycode - 域名代碼

24. querystring - 查詢字符串

25. readline - 逐行讀取

26. repl - 交互式解釋器

27. stream - 流

28. string_decoder - 字符串解碼器

29. timer - 定時器

30. tls - 安全傳輸層

31. trace_events - 跟蹤事件

32. tty - 終端

33. url - URL

34. util - 實用工具

35. v8 - V8引擎

36. vm - 虛擬機

37. worker_threads - 工做線程

38. zlib - 壓縮

39. C++插件

40. N-API

41. 命令行選項

42. ECMAScript 模塊

43. 安全策略

44. 診斷報表

45. 國際化支持

18. Vue

1. 組件設計及通訊

2. 生命週期

3. Diff算法

4. 雙向綁定實現原理

5. Vuex

6. Vue-router

7. Nuxt

19. React

1. 組件化

2. 高階組件

3. Fiber

4. Hooks

5. 生命週期

6. Redux

7. React-router

8. Next

20. Angular

1. 內置過濾器

2. 核心設計思想

3. 數據綁定原理

4. 依賴注入

5. 通訊方式

6. 經常使用路由庫

21. TypeScript

1. 基礎類型

2. 變量聲明

3. 接口

4. 類

5. 函數

6. 泛型

7. 枚舉

8. 類型推論

9. 類型兼容性

10. 高級類型

11. Symbols

12. 迭代器和生成器

13. 模塊

14. 命名空間

15. 模塊解析

16. 聲明合併

17. 裝飾器

18. Mixins

19. 三斜線指令

20. JavaScript文件類型檢查

22. Javascript

1. 做用域

2. 閉包

3. 原型鏈

4. Promise

5. async及await

6. 生成器

7. ES六、ES7新特性

8. 函數式編程

9. 正則表達式

10. 數據類型檢測

11. this對象

12. 事件

13. 高階函數

14. 深淺拷貝

15. 垃圾回收機制

23. HTML

1. 語義化

2. SEO

3. Doctype

4. 離線存儲

5. webSocket

24. CSS

1. 盒子模型

2. flex佈局

3. 動畫

4. 選擇器

5. 優先級算法

6. 僞類

25. AI

1. Tensorflow.js

2. 神經網絡

3. 監督學習

4. 卷積神經網絡

5. 無監督學習

6. 強化學習

7. 自動駕駛

8. Deepfake(深度換臉)

9. 人機對話系統與天然語言處理

26. VR/AR

1. AR.js

2. A-Frame

3. React VR

4. IdeaSpace

27. IoT

1. VxWorks

2. FreeRTOS

3. LiteOS

4. 樹莓派

5. Arduino

6. Ruff

7. Tessel

8. JerryScript

9. Johnny-Five

28. 區塊鏈

1. 密碼學

2. 拜占庭將軍問題

3. 共識算法（Pow，Pos，Dpos，Raft，PBFT）

4. 數字證書

5. 跨鏈技術

6. P2P網絡

29. PWA

1. Manifest

2. Service Worker

3. Push Notification

4. Cache API

5. Background Sync

30. WebAssembly

1. WebAssembly原理

2. WebAssembly應用案例

掃描圖中二維碼(或搜索微信公衆號FrontEndStory)關注「前端那些事兒」，帶你瞭解最新的前端技術！