什么是web基建？
基建这个定义可大可小，各行各业都需要，在软件这个行业中也必不可少，对于web基建理解，我个人会从基础知识点到全链路监控说明，其中的每个点说的并不全面，抛砖引玉，欢迎大家在实践中补充完善。
基建意义？
解决业务问题
- 提高对业务支持性
- 增加代码的可适用性
- 提高代码健壮性
团队训练营
- 团队成员发挥自我驱动意识、发挥主观积极性、提升自我技术能力同时增加团队活力
- 开发产品思维，规范化、成员技术实践操练场
团队建设
- 利于梯队团队建设
- 提升团队技术多元化
- 影响力建设
- 技术沉淀
- 产品提升
- 开源体验
影响力建设
- 技术沉淀
- 产品提升
- 开源体验
基建如何落地？（偏向React）
规范&文档
- 编码规范
- 设计规范
- 迭代规范
- 文档规范
- 版本规范
- 业务文档
- 技术文档
壳工程建设（脚手架CLI开发）
- 可推荐：基于CRA和UMI做二次开发
Create React App（CRA）
- UMI思考得相对全面，从技术选型、构建，到多端输出、性能优化、发布等方面进行了拆分，使得UMI的边界更为清晰。
React全家桶 + dva + jest + antd (mobile) + less + eslint
私库开发
- 组件开发及管理
- 业务组件开发及管理
- UI组件开发及管理
模块开发及管理
- 业务模块
- 工具模块
- 模块开发规范
- AMD、CommonJS和ES6 Modules；
- 使用标准的模块系统来处理依赖和导出
CI/CD自动化构建部署（未来实现云打包、云检测和自动化部署）
- 合规检验
- 自动化测试
- cypress
- puppeteer
自动化打包及构建
- 自建私库
- Gulp
- Grunt
- npm
- yum
- webpack
监控及可视化系统
监控
- 数据埋点
- 性能监控
- 异常监控
数据分析
- 数据清洗加工
- 行为数据分析
- 链路数据分析
可视化系统
- 业务数据大屏
- 行为数据可视化
- 端性能数据可视化
辅助信息
- 行为
- 用户
- 设备
web安全
- 持久化攻击
- sql注入攻击
- 爬虫对抗
- 漏洞
- XSS
- CSRF
性能调优
- 组件代码调优
- 打包工具调优
- 部署配置调优
对web前端发展方向感知
- 可视化编程
- 微前端（qiankun）
- Serverless
- 云开发、云部署
