# 大前端知识体系
# 整体结构
https://naotu.baidu.com/file/9dde5dc3a8f2532e15d78f945a8cc957
# 成长图谱
# 技术导航
# React/Vue
三大主流框架不用多说，每个前端入门的必备技能
# 特殊组件
- 拖拽：https://github.com/kutlugsahin/vue-smooth-dnd (opens new window)
- 流程：https://github.com/jgraph/mxgraph (opens new window)
- 数据图表：https://echarts.apache.org/examples/zh/index.html (opens new window)
- 地图：https://lbs.amap.com/api/javascript-api/summary (opens new window)
- 富文本编辑器：https://github.com/wangeditor-team/wangEditor/ (opens new window)
- 代码编辑器：https://github.com/Microsoft/monaco-editor (opens new window)
- 音频音轨：
- 弹幕视频：https://github.com/DIYgod/DPlayer (opens new window)
# 小程序
从PC时代，到移动互联网时代，再到微信时代，小程序将是未来前端开发的主战场
# NodeJS
即使不做node开发，现代前端工程体系也与node密不可分。而掌握了node更可以让前端如虎添翼，在中小应用的全链路开发上显得游刃有余。
# Puppeteer
headless chrome，可以理解成是一个运行在服务端的无UI Chrome，用它做自动化操作、爬虫、页面渲染将事半功倍，是一个不可多得的神器
# Electron
跨平台桌面应用开发神器，虽然目前桌面应用的战场不多，但作为技能贮备未来某天可能会给你带来惊喜。
# Chrome插件
这个，想必绝大多数前端和测试同学都写过一些interesting的小插件
# Flutter
经常用来与react-native进行对比，未来app开发的一个趋势，但在RN生态优势面前，Flutter未来如何？