前端技术梳理

大致列一下前端的开发技术，以便对前端有个整体概念，有些分类可能不够精确，仅供参考~

开发语言：

1.js/ES6
2.TypeScript
3.Flow——类似于TS，提供静态类型检查
4.SCSS、Less——css预处理器
5.NODE

前端框架

1.React(Native)
2.Vue(Weex、nuxt.js)
3.Angular(NativeScript)
4.Electron(桌面应用)
5.NW.js（桌面应用）
6.koa2（node框架）
7.express（node框架）

服务端渲染

1.SSR（vue）
2.Nuxt.js
3.Prerendering(预渲染)
4.next.js(react)

UI组件库

• 移动端

1.Mint-ui —— 饿了么（17年后停止维护）
2.Vant-ui —— 有赞（组件比较全）推荐
3.Muse-ui —— Google（相对比较友好）推荐
4.Nut-ui —— 京东
5.Cube-ui —— 滴滴（适合二次开发）
6.WeUI(小程序)
7.SUI Mobile(跨平台)

• PC端

1.element-ui(vue)
2.LuLu UI框架(适用于PC，兼顾Mobile端的UI组件库，非常适合面向外部用户的网站开发)
3.ant-design(react)
4.ant-design of vue (vue)
4.Material-UI(React)
5.Vuetify(vue)
6.at-ui(vue)
7.iView(vue)
8.easyUI
9.bootstrap

工程化的一些工具：

• 模块化

1.CommonJS
2.AMD——异步方式加载依赖模块
3.ES6模块化
4.样式文件中的模块化——SCSS、LESS

• 构建工具（打包、压缩、合并、单元测试、语法检测...）

1.Npm Script
2.Grunt
3.Gulp
4.Fis3
5.Webpack
6.Vite
7.Rollup——Js模块打包器(针对ES6模块打包、对ES6源码进行Tree Shaking)

• 包管理工具（管理node包，包括：安装、卸载、更新、查看、搜索、发布...）

1.npm
2.yarn

• 其他

1.eslint——语法规范检查
2.mocha——单元测试

代码版本控制（管理）工具：SVN、git

1.commitlint+husky——代码强制规范提交

扩展工具：

1.nodejs（服务端）
2.[ReactNative|Weex|ionic|flutter]（移动端和跨平台）
3.[WebGL|three.js]（图形学和3D建模）
4.[d3.js|ECharts|Highcharts|vis.js]（数据可视化）

OK ， 大概就这些， 前端技术发展太快， 日新月异， 保持不断学习吧！
勇敢牛牛 不怕困难！