KonishiLee's Blog

快启 Web 前端技术优化方案计划

写在最前:
因团队人数不确定,所有优化方案也是灵活性的,主要目标就是优化项目代码提升可阅读行,可维护性,并且让每个人能熟悉快启整个业务。

优化计划:

优化路径:Base/Global > OA > CRM > Stat > Tool > System (计划可变)

1.3 月初能够保证大概 3 个人

  • 负责优化产品整体 UI/UE 体验 1
  • js 代码重构以及架构 1
  • js 代码业务梳理,优化项目 1
优化周期:
  • Base/Global 1.5w

  • OA 1.5w

  • CRM 2.5w

  • Stat 1w

  • Tool 1w

  • System 2w

  • Total 9.5w

优化技术细节:
  • 1.将 ruby api 移除,并且将前端的页面改为静态 html
  • 2.分模块化打包,将通用的,common,components,base 这一部分的代码打包,然后将每个模块的分开打包
  • 3.样式优化,将 css 按照模块的方式分类
  • 4.系统设置的页面重构
系统设置重建 app

是否考虑用 react + semantic ,但是这一个对人员要求比较高,有一定的技术要求

2.选择技术架构

如果能提前招到一个对前端经验丰富的开发人员,可以考虑整个框架替换 React/Vue。但是这一块时间成本也比较大,对于每个人的学习成本也较大,周期较长,所以先执行上面优化计划,保证现有架构下能够支撑以及提升优化体验,以及组员对于业务的熟悉。如果顺利和优化时间充足,我会重写一套前端架构,做一些培训进行重构快启前端,重开快启项目进行框架替换。

主要目标:

  • 1.提升快启前端整体用户体验(UI/UE)
  • 2.提升产品粘性(细节优化功能)
  • 3.废弃重构脚本代码,脚本代码架构(周期较长,模块为单位)
  • 4.整理样式,样式表架构(周期较长,组件+模块为单位)
  • 5.提升整体代码可阅读,可维护,可扩展性
  • 6.熟悉整体业务结构
如果喜欢这个分享,就帮忙买杯咖啡吧