大前端常用技術
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）前端微服務架構方案正在落地
圖形學
這是一片廣闊的天地，暫時我還不敢寫什麼…