# 大前端知识体系
# 整体结构
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未来如何?