项目重构已经基本完结,此刻的感想就是那句老话“千里之行始于足下”,一开始拿到重构任务的时候心情是非常的忐忑的,总是担心完不成咋办,之前从来没想着对一个老项目进行重构,因为老是听说能跑的代码就是好代码,千万不要动。抱着这样的心情开始了项目重构之旅。
服务端vueSEO优化首选推荐nuxt,但是在选nuxt2还是nuxt3的时候犯难了,不知道如何选,反复使用脚手架创建并观察了项目结构后,默默的选择了nuxt2,技术储备不足没有信心应对TS带来的巨大工作量。这里也不做过多辩解好与不好,总觉得什么利于多人协作的时候,为什么不强调一下代码规范,以及审核是否及时。即使是用了TS,没有严格的代码规范,写出来的代码还是一坨屎,本质是人的不同。
由于是一个人进行的重构,对于技术选型思考的不是太完善,毕竟是第一次进行,UI选择版本居然直接使用的是脚手架定义的低版本UI,一开始还没有感觉到有什么不对,但是倒了具体功能的时候才发现有点离谱,首先是ICON图标的展示,只能默默的一个一个改,图片点击预览a-image图标是没有的,当时就差点跳脚,最让人无法 理解的是a-table的scroll居然没办法和展开同时使用,控制台老是提醒报错,expand展开行单行展示若是出现操作行fixed浮动还好解决,若是展开的内容是一个子表格,就完犊子了,操作列的操作按钮什么的,直接给你整的错乱。之前讲到的替换主题色在网上搜了老长时间,结果现在打开UI官网的文档写的明明白白,以及版本间的差别,悔不当初应该升级到兼容vue2的2.xxx版本,所以给出的教训就是看文档,仔细看文档,没事多看看文档。
在重构的这段时光,其实感觉蛮充实的,每天一个小功能,日积周累居然将整个项目不知不觉就重构完成了,现在缺憾的是还没有进行部署检测,nuxt打包分为build 和 generate ,一个是ssr式的,一个是静态网页那样的打包为dist文件部署。之前一直考虑的是SEO优化,所以选择了普遍认为更好的ssr模式的配置。但是在部署的时候是静态网页这种的方式,所以在打包配置这块可能不太让人心里放心。