前端知识广度须知
概念相关：概念之间部分重叠
- 所谓前端基建是一个团队通用技术能力的沉淀。
- 所谓前端工程化的工程化是指软件工程，因为现在前端项目愈来复杂所以带来了各类问题，那么就需要以工程化为指导思想使用工具，规范等等解决这些问题。
- serverless是指无服务器架构，使得开发者无须关注后端技术难点，只需要使用云函数和云数据库即可使项目运行。
- 跨平台是指操作系统；跨端是指客户端；二者并非非此即彼的关系，也可同时存在。
- lowcode低代码平台指使用少量代码即可完成项目搭建。
- 中台。
- 架构师核心：降低 需求的增长 带来的 技术实现的 复杂性。
前端基建组成：耗时长，难度高
概括：前端基建大于前端工程化，此核心目的是为了团队提效。围绕此目的而使用各类利于团队协作，沟通，风格统一的方案。
- 制作有共识的规范文档
- 代码规范（Airbnb JavaScript）；Git规范；项目规范；UI规范；
- 基础框架；脚手架配置规范化；
- 代码检测
- 平台组件化（自建如 elementUI，Vant 的组件库）；统一工具函数；
- 原型文档多沟通
- 团队协同：mock平台；接口聚合；项目管理；
- 数据监控：部署过程监控；性能跟踪分析；异常埋点监控；行为数据监控；
- 报表产出
- 轮子产出
- 文章产出
- Git分支管理
- 团队管理：技术分享；选定前后端接口规范，应用接口文档；权限管理；
- 项目管理：任务分配；文档管理；项目周会；项目复盘；设计规范；
- 生产力工具集
- 3D实现
- 微前端
- lowcode
- serverless
前端工程化组成
概括：前端项目愈来复杂和庞大，问题也随之而来。那么以工程化为指导思想就衍生出了各问题的具体解决方案。所以前端工程化是为了解决前端愈来复杂所带来的问题，各个问题的具体解决方案是前端工程化落地的体现。
- 技术选型
- 统一规范：代码规范（Airbnb JavaScript）；Git规范；项目规范；UI规范；
- 模块化
- 组件化
- 自动化测试；单元测试；
- 构建（打包）
- 项目部署
- CI/CD
- 脚手架
- MOCK服务
- 开发规范
- Node.js做Web服务中间层
- 性能优化
- 前端监控
- 微服务==微应用==微前端
- serverless
中台的应用
概括：中台是为了给所有项目提供公共资源。也就是一个个的轮子。
分类：业务中台；技术中台；数据中台；算法中台；
小微企业可应用Strapi.js
3D效果实现
- js引擎：three.js；
- css引擎：css3d-engine；
- 软件：krpano；
VR全景制作工具
跨端框架
- uniapp：小程序，H5，APP，web
- weex：停止更新，阿里内部正在研发weex 2.0，DCloud内置的weex将会和阿里的weex 2.0走不同的技术路线。
- hippy：腾讯开源，正在快速迭代，专为前端开发者设计，抹平双端差异。比较看好。
- hummer：滴滴开源，正在快速迭代。
lowCode低代码平台
- 可视化搭建系统：鲁班H5；
- 大屏可视化开发工具：DataV；V6.Dooring；
- tmagic-editor（vue3可用）
- lowcode-engine
微前端
概括：庞大项目分拆多个微应用，单独开发，部署，测试。
