大前端常用技术（持续更新）

大前端常用技术

Vue系列

Vue全家桶：

Vue+vuex+vue-router+veu-cli

Vue服务端渲染SSR:

vue-nuxt

Vue组件库：

vant,element,iView…

Vue全栈：

Express(koa,egg)+monogdb(mysql)+vue+vue-cli+vuex+vuex-router+vant+less(sass)+webpack+babel

typescript+express+vue+…

React系列

React全家桶：

react+redux+react-router

React服务端渲染SSR：

react-next

React组件库：

antTd,zent,Suite

移动端：

React-native

React全栈：

Express(koa,egg)+mongodb(mysql)+react+create-react-app+redux+react-router+jsx+antd+less(sass)+webpack+babel

Express(koa,egg)+mongodb+react+react-hooks+react-router+jsx+antd+less+webpack+babel

typescript+express+react+…

Node系列

Express

Koa2

egg（阿里基于koa2的封装）:

技术栈：egg+docuker+vue全家桶+webpack+babel

ThinkJS（360基于Koa2的封装）

模板引擎：

ejs,jade,mustache

包管理:

npm

yarn

Bower

CSS

预处理器：

Less

Sass

Stylus

PostCss

CSS3 动画：

Animate.css

bounce.js

Effeckt.css

move.js

可视化相关

数据可视化

Echarts （性能是硬伤，内存泄漏根本无法解决）

HighCharts

Flot

icharts

WebGL

Three.js

Babylon.js

Pixi.js

图可视化

d3

sigma.js

cytoscape

g6

Vis.js

Viz.js

移动应用开发

PhoneGap / Cordova

MUI

React Native

Ionic

Flutter(使用Dart语言)

Weex

Hybrid

桌面应用开发

Electron（常用方案）

NW.js

node中间层

（1）淘宝架构（国内最早实践node中间层）：
java+node+…

（2）python+node+ngnix+vue+webpack

（3）实现SSR的框架nuxt和next都内置了node中间层

构建工具

Grunt

Gulp

Brunch

Yeoman

Broccoli

webpack(主流方案，集成了babel)

测试工具

QUnit

Jasmine

Mocha

Selenium

WebDriverIO

Protractor

Chai

Sinon.JS

Karma

nodeunit

tape

nightmare

模块化方案

ES6 Module（主流）

CommonJS（主流）:

node

webpack

browserify

AMD:

RequireJS

CMD:

sea.js

UMD:

umd

函数式编程

bacon.js

immutable.js

ramda

underscore.js

lodash

ReactiveX

中间语言

CoffeeScript

TypeScript （常用）

ClojureScript

JSX（常用）

技术栈选型

（1）typescript代替javascript越来越明显；

（2）使用css预处理器，用变量、函数、条件判断的方式写css已成主流；

（3）前端工程化使用webpack作为构建工具；

（4）react和vue的选择上，中小公司偏vue，大公司偏react；react-hooks已经可以完全取代class的写法，很多一线公司全面拥抱react-hooks，函数式编程已经尤为重要（这里的函数指的是数学上函数的概念，不是用函数编程的意思）

（5）node中间层实践在一线大厂全部落地；

（6）自动化测试必不可少；

（7）混合App开发中，目前选择上react-native多于flutter；

（8）前端架构进一步向severless迈进;

（9）前端微服务架构方案正在落地

图形学

这是一片广阔的天地，暂时我还不敢写什么…