前端知识广度须知
概念相关:概念之间部分重叠
- 所谓前端基建是一个团队通用技术能力的沉淀。
- 所谓前端工程化的工程化是指软件工程,因为现在前端项目愈来复杂所以带来了各类问题,那么就需要以工程化为指导思想使用工具,规范等等解决这些问题。
- 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
微前端
概括:庞大项目分拆多个微应用,单独开发,部署,测试。