前端框架

下面的例子，供大家学习参考：

1. 周期：1-2周，完成XXX公众号开发，页面10+，有UI设计要求，技术栈上的考虑：

   1. UI框架：可以考虑移动端UI框架，vant，mint，MUI、cubu UI，根据业务组件来考虑哪个更容易修改，同时，考虑CSS预编译习惯：SCSS、LESS、stylus

   2. JS框架：根据自己熟悉的技术栈，三大框架中推荐Vue 或者 React，如果是H5 + PHP的组合，推荐Vue，写页面的模板语法更轻量；

2. 周期：1-3个月，完成XXX中台管理系统，页面20+，有部分UI设计要求，技术栈上的考虑：

   1. UI框架：可以考虑AntD，Element，iView，它们都有对应的Admin的模板

   2. JS框架：根据自己熟悉的技术栈 + 团队成员的技术栈，Vue 或者 React，Angular国内不是很好招人，后期维护是问题

3. 周期：1个月，完成XXX官网，页面10+，有UI设计要求，技术栈上的考虑：

   1. UI框架：不太考虑了，一般官网都会有比较细节上的UI设计需求，选定一个CSS预编译语言；

   2. JS框架：使用SSR推荐nuxt.js 或者 next.js 提升性能；如果有IE支持的要求，那就乖乖的写静态页面 + CSS兼容配置，交给Java同学（JSP）或者PHP同学，后端渲染；

除了上面的考虑以外，还需要考虑的内容：

1. CICD集成：短期小项目，可以不用考虑；大项目（工期超过3个月，页面超过40+，多端多平台）

2. 工程化配置：考虑webpack，gulp，vite等已经成熟的打包工具即可，使用常规配置，无需自己再造一个轮子（CLI），除非自个有意愿学习技术 + 公司有推动的时间与成本；

3. 常规集成：单元测试、集成测试；ESLint + Prettier；

4. 版本控制，协同流程 —> 一般团队都会在初期形成好，延续即可

5. 日志服务（滚动日志）

6. 监控报警通知 -> 服务监控，后台监控，CI/CD监控 -> 短信、邮件等