工程基建--前端基建

序：

工程基建 ： 编码规范、api规范、前后端协作、环境部署、微服务、微前端、性能、安全防御、统计监控、可视化 等等的建设；

后端基建： 后端规范文档、后端模板、安全、日志、微服务、RESTful API、中间件、数据库、分布式、权限控制、服务器性能并发 等等；

1、前端基建：

前端规范文档、前端脚手架、前端模板、前端组件库、前端工具库、前端BFF、前端CI/CD的构建部署、前端数据埋点 等等；

2、前端文档：

新人文档（公司、业务、团队、流程等）、技术文档、业务文档、项目文档（旧的、新的）、计划文档（月度、季度、年度）、技术分享交流会文档

3、前端文档：

Vue项目模板、Nuxt.js项目模板、微前端项目模板、BFF项目模板、管理后台项目模板、React项目模板、Node相关项目模板、其他模板等

4、前端脚手架（CLI）

快速创建项目、规范代码、mock数据、集合微前端、commit hook、自动化部署、集合工具函数、Hooks等、插件/模块快速上手、持续建设中。。。

5. 前端组件库（UI Design）

Ant Design、Element UI、Vant UI 等等

6. 前端响应式设计 or 自适应设计

7. 前端工具库（类 Hooks / Utils）

前端工具库，如 Day.js、axios、loadsh 等等
query参数解析、device设备解析、环境区分、localStorage封装、Day日期格式封装、Thousands千分位格式化、防抖、节流、数组去重、数组扁平化、排序、判断类型等

8. 前端工具自动化（Tools）

Eslint/Prettier自动化、Stylelint自动化、Git commit 自动化、其他等

9. 接口数据聚合（BFF）

Backends For Frontends主要将后端复杂的微服务，聚合成对各种不同用户端（无线/Web/H5/第三方等）友好和统一的API；

10. 前端 SSR 推进

服务器端渲染（Server-Side Rendering） 是指由服务端完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。

• 前后端分离；
• 首屏加载速度快；
• 利于 SEO；

11. 前端自动化构建部署（CI/CD）

每次 git commit 代码后，都会自动的为你部署项目至 测试环境、预生产环境、生产环境，不用你每次手动的去打包后 cv 到多个服务器和环境；

12. 全链路前端监控/数据埋点系统

• 行为数据：时间、地点、人物、交互、交互的内容；
• 质量数据：浏览器加载情况、错误异常等；
• 环境数据：浏览器相关的元数据以及地理、运营商等；
• 运营数据：PV、UV、转化率、留存率（很直观的数据）；

13. 前端可视化平台

数据可视化、图形可视化、VR 全景可视化、中后台视觉可视化
https://github.com/akira-cn/moyu

14. 前端性能优化

15. 前端低代码平台搭建（建设中）

• 降低开发成本；
• 所见即所得；
• 一站式研发；
• 技术收敛；
• 专业门槛低；
• 对新人友好，上手快；

16. 微前端（Micro App）

将您的大型前端应用拆分为多个小型前端应用，这样每个小型前端应用都有自己的仓库，可以专注于单一的某个功能；
微前端