2020前端知识体系（图谱）

前言

随着前端的不断发展，各种框架概念层出不穷，初级希望能了解前端整个知识体系，加强对前端认知，有一定工作经验的前端工程师也希望能构建自己的知识体系，往更高的层次迈进。因此本人查阅多方资料，结合自己的了解认知，整理出如下的知识图谱，供大家讨论与参考。

GitHub地址： 2020 前端知识图谱，
期待您的 star。因个人能力与视野有限，欢迎大家提 PR 与 issue，一起改善，一起进步。

图谱

Todo List

• 为图谱对应的列表增添超链接，链接到知识点对应的更多内容的页面(建议文档渠道：官网、MDN、GitHub、wiki，中英文随意)

  •  编程基础
  •  开发软件
  •  类库框架
  •  知识进阶
  •  工程开发
  •  编程思想
  •  领域分支
  •  社区发展
  •  计算机基础
  •  后端知识
  •  软技能

• 增加二级图谱，进行更详细的拓展

  •  编程基础
  •  开发软件
  •  类库框架
  •  知识进阶
  •  工程开发
  •  编程思想
  •  领域分支
  •  社区发展
  •  计算机基础
  •  后端知识
  •  软技能

编程基础

HTML(5)

• 元素
• DOM
• 语义化

CSS(3)

• CSSOM
• 选择器
• 布局
• 交互
• 绘制

JavaScript(ES6+)

• 类型
• 原型链
• 作用域
• 闭包
• 事件
• 异步
• 正则表达式

开发软件

编辑器和IDE

• VIM
• Sublime Text3
• Notepad++
• WebStorm
• Visual Studio Code(强烈推荐)

调试工具

• Chrome DevTools
• Firebug
• Postman
• Fiddler
• Charles

切图

• Sketch
• PhotoShop
• PxCook

类库框架

工具库