| 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 |
相关文章：