前端技术架构体系

web前端技术栈	类别	主要技术
浏览器		Internet Explorer；Chrome；Firefox；Safari；Opera；Edge；Netscape
HTTP协议	HTTP/1.1	链接，会话，授权，请求，响应
	HTTP/2	压缩，打包，服务端推送
基础技术		HTML；JavaScript；CSS
渲染引擎		Trident(IE)；Blink/prev.Webkit(Chrome)；Gecko(Firefox)；WebKit(Safari)；Blink/pre.Presto(Opera)；EdgeHTML(Edge)
javaScript脚本引擎		JScript(IE8- / ASP)；Chakra(IE9+ / Edge)；V8(Chrome / Opera / Nodejs / MongoDB)；SpiderMonkey(Firefox)；JavaScriptCore(Safari)
包管理		NPM；Yarn
CSS预处理		Sass；Less；Stylus；PostCss
CSS框架		Bootstrap；Bulma；Tailwind CSS；Picnic CSSMaterializePure.css；Base；mini.css；Concise CSS；Mobi.css；Spectre.css；Foundation；Semantic UI
CSS命名规范		BEM；OOCSS；SMACSS；SUITCSS；Atomic
JavaScript前端框架		Vue；React.js；Angular
UI基础组件库	For Vue	PC：VUI；Element-ui    Mobile：Framework7；quasar-framework
	For React	Ant.Design
	For Angular	Prime-ng
构建工具	任务管理	NPM Script；Gulp
	语法检查	ESlint；JSlint；JSHint；JSCS
	打包构建	Webpack；Rollup；Parcel
测试工具	单元测试；集成测试	Jest；Mocha+Char；Karma；Protractor；Enzyme
	功能测试	Cypress；NightWatch；Protractor；Phantom
开发工具		VSCode；ATOM；Sublime Text；WebStorm；HBuilder；IDEA（Java前后端集成）；Pycharm（python前后端集成）；Eplipse（Java前后端集成）
强类型语言		TypeScript；Flow
服务端渲染	Vue	Nuxt.js
	React	Next.js；After.js
	Angular	Universal