前端技术栈
1. 前台项⽬：
为让页⾯在服务端渲染(⾸屏)且前后端分离，需引⼊nodejs作为web中间层。
前端开发使⽤mvvm框架 vue/react，提⾼开发效率，（组件化）使项⽬易维护和扩展。
webpack/gulp 现实模块打包和⾃动化构建。
2. 中后台项⽬：⼀般后台项⽬都为内部管理系统，⽆需SEO和极致的响应时间。⼀般是以单页应⽤为主的纯前端项⽬。
客户端开发使⽤开源框架：Electron，它是基于 webkit + node.js + html5 技术来快速实现桌⾯开发且跨平台（Windows、Mac）。
移动端开发框架使⽤vuejs（根据项⽬复杂度可选），终端适配使⽤rem加媒介查询或viewport。
使⽤基于HTML5的移动APP开发技术，都有快速开发和跨平台的优势，但根据项⽬需求和使⽤场景，可以再从下⾯两⽅⾯做选择：性能优先（原⽣体验）
1. Facebook的：React Native（react）
2. 阿⾥的开源框架：WEEX（vue）（vue）
3. Google的：Flutter（dark）
快速开发（基于Webview）内容开发还类似于webapp⽅式，打包和底层调⽤使⽤HBuilder 或者 cordava实现。
⼩程序的开发⽣态不断地在完善，从最开始的原⽣框架，到腾讯⾃⼰开发类vue规范的wepy，再到美团开发近vue写法的mpvue，再到最近O2实验室推出的遵循React规范的Taro。
到现在，有多种开发⼩程序的⽅式，主要有原⽣，wepy，mpvue，Taro，uni-app等5种框架，对⽐分析也是在这⼏种⽅式中，我们可以根据业务类型和规模选择适合团队的框架。
类似taro，是⼀个使⽤ Vue.js 开发跨平台应⽤的前端框架，开发者编写⼀套代码，可编译到iOS、Android、H5、⼩程序等多个平台。
HTML5/CSS3/ES6
Vue.js
React.js
Webpack
Node.js
vue-cli
fetch
vue-routersvg和h5的关系
vuex
webpack4, splitChunksPlugin模块拆分 (vendor/runtime等), 异步组件
eslint (standard), precommit (husky)
vw
create-react-app (PWA)
fetch
react-router
redux, redux-actions, redux-saga, immutable
typescript
webpack4, react-app-rewired, splitChunksPlugin模块拆分 (vendor/runtime等), 异步组件
eslint (standard), precommit (husky)
css in js (styled-components), vw
前端开发所需掌握知识点概要：
HTML&CSS：
对Web标准的理解（结构、表现、⾏为）、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常⽤属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、CSS3、Flexbox、CSS Modules、Document flow、BFC、HTML5（离线& 存储、Histoy，多媒体、WebGL\SVG\Canvas）；
JavaScript：
数据类型、运算、对象、Function、继承、闭包、作⽤域、事件、Prototype、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步请求、模板引擎、模块化、Flux、同构、算法、ECMAScript6、Nodejs、HTTP;
其他：
主流MVVM框架(React\Vue\Angular)、Hybrid App\React Native\Weex、TypeScript、RESTFul、WEB安全、前端⼯程化、依赖管理、性能优化、重构、团队协作、可维护、易⽤性、SEO、UED、前端技术选型、快速学习能⼒等；
代码质量审查⼯具：ESLint/TSLint
在团队协作中，为避免低级Bug、产出风格统⼀的代码，会预先制定编码规范。使⽤ Lint ⼯具和代码风格检测⼯具，则可以辅助编码规范执⾏，有效控制代码质量。
PC 端：可直通过浏览器开发⼯具进⾏页⾯分析和调试，也可安装 Charles 或 Fiddler 等抓包⼯具进⾏数据分析。
移动端：在PC上调试⼿机端页⾯，可通过 Weinre、AlloyLever、Safari 等⼯具实现。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。