项目搭建你应该注意那些问题?

204 阅读2分钟

1646927786726.jpg 以上图片自是为了图片而图片,可以走走看看~~~

项目搭建你应该注意那些问题?

个人看法与经验

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组件库,他们是怎么做到不乱和统一规范,估计提升比较大)