• 营促销聚合频道项目总结
  • 过程简介
  • 项目总结
    • LessWell
    • Well
    • Action
  • 技术总结
    • 知识点
    • 代码量
    • LessWell
    • Well
    • Action

营促销聚合频道项目总结

过程简介

项目开发约两周：

• 第一周，项目创建、页面开发
• 第二周，修复各种问题、调UI、埋点、发布上线

由于第一周事情较多，因此进度较慢，这一周整体比较累。

本来计划是用Vue3+TS+Vite编写，但是考虑到时间关系，还是使用了Vue2。从结果来看，使用Vue3肯定来不及，需要先学习TS和Vue3，然后在项目中再实战。

项目总结

LessWell

• 前期没有对需求做到细致过一遍，导致一些细节前期没有确认，后期出现较大变动甚至会影响技术方案实现和进度的情况

• 没有考虑到现实情况，导致开发时间紧张压力过大，严重消耗了身体

• 在时间较为紧张的情况下，也没能进入心流状态

Well

• 项目最终还是按期上线

Action

• 项目估时需要考虑到现实情况，留有一定余量

• 项目开始时，对需求的分析需要做两遍，第一遍做总体分析，第二遍做细节分析

• 写项目开发日记，方便最后复盘

技术总结

知识点

• VueCLI工程的NODE_ENV变量是面向工程打包的， 不是日常开发中的QA/Stage/线上环境。

  • 这三种环境对应的NODE_ENV变量都是``production，因为这三种环境为我司定义的环境，而对Vue工程来说其实都应该是构建production`产物

  • 针对这三种环境，需要自己使用额外变量来区分，比如使用 VUE_APP_ENV来区分

• 从H5跳转到小程序原生首页，以前一直用switchTab，但是QA测试发现tab变量会不生效，应该是用reLaunch

• 小程序分享设置

  1. 不应该使用ready函数包括，因为ready函数是JSSDK的，需要配置授权代码，直接使用postMessage即可
  2. 对外分享的地址直接使用/page/home/webview/webview?src=${url}promotion&needwrap=1原生地址，如果使用授权链接包裹，会在一些有右滑返回的手机上，出现右滑两次才能返回的情况。因为授权链接有重定向，所以会出现需要出现右滑两次。

代码量

约1208行

File                                        blank        comment           code
------------------------------------------------------------------------------------------
./components/Hotel.vue                         57             25            262
./components/CouponItem.vue                    29             22            215
./App.vue                                      28             29            191
./components/BarrageItem.vue                    7             24            110
./Model/ModelParser.js                         21             22             95
./components/BottomItem.vue                    10              8             81
./components/Banner.vue                        12              9             76
./components/Coupon.vue                        11              0             58
./components/Barrage.vue                       11              8             55
./components/Bottom.vue                         4              7             40
./components/TopImage.vue                       4              8             18
./main.js                                       2              0              7
------------------------------------------------------------------------------------------
SUM:                                          196            162           1208
------------------------------------------------------------------------------------------

LessWell

• 对CSS很多熟悉不是很熟悉
• Vue2的文档也没有读完，对Vue2的很多变量、API不熟悉

Well

• 完成了从0到1的项目搭建，前端工程使用VueCLI生成，后端熟悉了平台配置，完成了整个项目的搭建上线，熟悉了全流程

Action

• 读完APIFox使用文档，达到熟练使用的程度
• 通读Vue2文档，熟悉变量、API等
• 通读CSS3，对其有一个整体大概的印象
• 读完Vue CLI文档，对其配置基本熟悉
• 开始学习TS，为后续工程做准备
• 研究Web性能监控指标体系等知识