前端基础设施的规划

什么叫前端的基础设施?

前端开发涉及的流程来划分：需求阶段 — 开发阶段 — 部署阶段 — 上线后。看每个阶段，需要哪些工具/服务/规范建设。想清楚后，设施也就出来了.

前端开发设计就的相关角色来划分: PM - UI/UE - FE - RD - 运营

代码规范[js, css, ts]

基础库系统开发

脚手架[react, react server render, 移动端/桌面端/web 端]

构建工具

组件库系统[react, vue, angular, 移动端]

灵活可靠的前端组件系统, 向多终端和多框架延伸. 还包括 Node 框架/配套的开发生态设施.

配套的文档设施.

组件库的构建打包发布设施.

数据 Mock 服务

界面化的, 操作性的. 联调平台.

easy-mock

CI 持续集成服务

部署服务

CDN 服务

活动运营开发平台

建设活动运营开发平台, 整合活动工具和数据可视化系统, 让运营人员可以自助实现规范, 体验良好的各种促销活动形式. 并提供活动期相关的效果和其它数据服务和可视化展现.

建设异常收集监控系统, 建设web性能监控系统, 网络监控.

支撑海量指标和日志的实时监控[业务埋点工具] 业务埋点: 灵犀

[全平台监控工具]

可视化服务, NGINX 监控数据(CPU, 网络, QPS), CDN 监控数据(响应时间, 命中率, QPS)

性能监控服务工具: 核心问题, 究竟要拿到哪些性能数据?

测试系统

参考

美团点评金融团队 web 前端技术体系

工程化 flow