一、自我完善技术图谱
1、JavaScript
基础
- Websocket
框架
- React
- React-Router
- Ant Design
- React-DnD
- Vue
- Angular (使用率低)
衍生语言
- TypeScript
2、CSS
框架
LESS
SCSS
POSTCSS
CSS Modules
CSS in JS (styled-components)
布局方式
- Grid 布局
- Flex 布局
3、HTML
4、服务端
Node
- Node 原生
- Express
- Koa
Deno
5、移动端（前端）
小程序
- 原生小程序
- Taro
React Native
Flutter
- Dart
6、构建&编译工具
Webpack ( 是一个打包模块化的 JavaScript 的工具)
- 更侧重模块打包
Rollup (专注于 ES6 的模块打包工具)
- 针对 ES6 源码进行 Tree Shaking
- 适用于库的打包，没有 webpack 模块加载相关代码
Gulp (流程管理)
- 强调的是前端开发的工作流程
Parcel
- 零配置，定制化较低
7、HTTP && HTTPS
框架
- Axois
7、 WebAssembly
二、开发思考，指导相关
开发黄金准则
1、在最理想的的状态下，我们应该通过增加代码就能增加系统功能，而不是通过对现有代码的修改来增加功能
2、优先考虑组合，然后考虑继承
前端工程包含的部分
- 研发工具
- 监控体系
- 质量体系
- 等等
###