以上图片自是为了图片而图片,可以走走看看~~~
项目搭建你应该注意那些问题?
个人看法与经验
1、根据业务需求,对业务功能进行分析,拓展业务可能未来的功能点
比如:做小程序+h5+app任一端未来业务会让你再实现一遍,这个时候你就想说,如果我使用uniapp就好了,我基本不用再写一遍了
2、框架选型 vue react uniapp react-native 原生js
3、是否需要 UI 开发相关的工具和库
-
是否使用 UI 组件库?
-
移动端和后端管理系统,看下组件库是否成熟等,最好是看下源码结构和代码,假设又不满足需求改如何改进和第二次开发
4、是否使用 Less、Scss、Tailwind?
5、是否需要响应式设计,是否需要移动端兼容?
6、SPA 还是 MPA?是否需要前端路由库?
如果需要做seo优化,那只能选择nuxt.js 或者next.js等服务端渲染框架了(这个框架选型取决定性作用)
7、业务是否复杂,需要数据管理相关的库?mobx、redux、vuex。
redux和vuex等 持久化怎么做,是不是不需要呢?
8、团队对代码质量要求如何?是否写测试,是否需要 eslint,是否需要 ts?
9、项目代码与结构层面
缓存管理
- 永久缓存,直到卸载app
- 登录后一直保存的数据,如用户信息
- 跨页面传值,将其他页面的临时缓存清空
- 特殊缓存,只有进入到首页就会清空,
结构分层管理 多人开发减少冲突
-
组件管理 页面组件和公用组件
-
css模块化 如何规范
10、项目运维相关事项:
-
代码管理:git flow分支管理
-
构建管理 webpack vite rollup
-
项目部署 jenkins nginx
-
监控告警 sentry 神策埋点
11、如何项目总结和团队提升
项目总结
- 收集意见
如何采纳意见和实施?
- 项目紧与项目时间稍长 该如何权衡?
列举一下,可以那些可以乱一点,那些地方一定要按约定(我的原则是:用的地方多的尽量标准话,省去后面改费时间)
团队提升
- 做业务需求之前,将业务图用前端思维画出简易脑图(前端能看懂就行)
- 流程图(目的是熟悉整个项目,怕自己忘记+他人+新人)
- 代码review
- 源码分析与分享
- 难点突破
(打包慢,css乱、个人觉得可以研究下他人写的脚手架或者ui组件库,他们是怎么做到不乱和统一规范,估计提升比较大)