前端知识体系不彻底手册，收藏好了！

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)关注“前端那些事儿”，带你了解最新的前端技术！