WaterFly

盲盒项目

4/7/2022 项目总结

# 盲盒项目总结

# 开发过程简介

项目预期开发三周：

  1. 第一周，UI稿延期一周，需求延期一周，盲盒首页交给其他同事，剩余详情、订单列表、订单详情
  2. 第二周，搭建基础工程，接入泡泡动画
  3. 第三周，紧张开发的一周，因为deadline，整体节奏非常紧张，非常忙碌，时间利用率非常高，周末两天加班
  4. 第四周，交付QA，同时修改逻辑，修改细节，修改问题，上线延期至周六，上线后才解决所有问题。工作节奏非常紧张，上厕所打水的时间都没有。

# 项目复盘

# 开发时间

纯开发时间初始预估两周，事后分析需要三周，即：3周开发时间 + 1周测试修改问题时间。

虽然页面流程看起来不多，但是细节非常多，后两周工作节奏非常快，非常紧张，打水上厕所的时间都没有。细节多、各种小的改动点、逻辑的串行、未考虑点的补全等等，细节还是很耗费时间的。中间还会遇到技术难点，解决起来也较为费时间。

当前项目是利用了提测的一周修复问题，勉强在上线后修复所有问题，完成上线。

估时公式：

  • 最终预估时间 = 主观预估时间 * 1.5，多出的时间即是细节和调整变动等的时间

# 项目压测

当前项目其实是自己用于对自己进行压力测试，第一周故意放慢了速度，把压力都放到了第二周。从第二周开始明显感觉到了心里的压力。

  • 压力表现，这种压力表现为：心里有一块石头，时刻压着，无法放松。
  • 原因分析，潜意识认为自己无法按时完成，时间非常紧张。虽然我通过理智分析并做了项目规划，但是始终无法说服潜意识。即大脑皮层对项目和时间进行了分析后，理论认为是可以在规定时间内上线，但是潜意识认为时间很紧张，对项目分析不认可，导致出现很大的心里压力。
  • 引申分析，这种压力表现是自己性格的一种投射，一种自己被动型性格的投射，表现出了自己性格消极的一面。即当面对压力、困难有一种畏难心理，这种畏难心理会导致力量对内投射，即表现为心理有一块石头，感觉到很大压力。需要锻炼自己，当面对压力时，表现出积极、兴奋、对困难征服的渴望，这是主动性性格的表现。即自己需要完成从被动型性格到主动型性格的转变。主动型性格，我当前理解为探索型性格，这种性格，会很好的释放自己的力量，当面对压力和困难时，会将自己的力量充分的爆发出来，将自己的力量对外投射。对未知的探索，对远方的渴望，对困难的征服。

# 技术复盘

  1. 当前项目不适合用万象，万象适合单页面运营需求，快速开发快速上线。盲盒详情有三个页面：详情、订单列表、订单详情，无法用一个万象组件完成，需要分成三个组件三个页面，开发和发布都会比较麻烦。
  2. 需要从头开始搭建一个工程，打通对发布流程的熟悉。
  3. 小组内都开始使用Vue3，自己也需要快速往Vue3转变，后续项目都使用Vue3。
  4. 对Vant组件要深入学习，自己目前只是简单会用，但是对复杂用法等都还需要研究，并且对组件整体需要形成一个知识框架。

# 代码量

SUM: 4161

-------------------------------------------------------------------------------
Language                     files          blank        comment           code
-------------------------------------------------------------------------------
Vuejs Component                 18            466            493           3435
JavaScript                       6             88             91            726
-------------------------------------------------------------------------------
SUM:                            24            554            584           4161
-------------------------------------------------------------------------------

# 项目收获

# 高度专注

工作紧张的节奏感。这个非常重要，由于deadline的存在，使自己能在时间单位内保持高度专注，高效的利用时间。这是一种在压力驱动之下，自发的高度专注，自己很久都没有达到过，也一直渴望锻炼到这个状态。通过这个项目，使自己能够进入这个状态，并享受这种状态。

进入高度专注状态的方法：

  1. 必须设定Deadline，deadline = 0.8 * 预估时间，保持任务的压力感
  2. 做好任务拆解，使专注的单位时间内任务可达成，专注时间一天一般下午3个小时左右（2点-5点）
  3. 开启手表倒计时
  4. 关闭微信、企业微信、邮件、无关网页等任何可能干扰工作的东西
  5. 不看手机，手机倒扣

Tips：专注比较耗费精力，建议准备水果、小饼干等，适当提高体内糖分。

# 技术点

  1. 公司有一个快速上传各种静态页面的站点，比如协议等很适合用这个站点快速上传。狮子座模板后台 (opens new window)

  2. 万象会在app节点上添加一个属性，导致页面底部用fiexed时，上拉时会出现底部被遮挡的效果

// 万象在app自动添加的属性
-webkit-overflow-scrolling: touch;

//修复方法，覆盖该属性，并设置为auto
.app {
-webkit-overflow-scrolling: auto;
}

# 待学习点

  1. Apifox
  2. Vant
  3. css
  4. Scss
  5. Vue3
  6. html2canvas 深入研究
  7. 关键帧动画 keyframes
  8. 创建自己的Tool库，并不断完善
Last Updated: 7/21/2023, 5:57:20 PM