第二个项目

这次是一个网红投选的一个项目，我主要负责移动端（为了更多尝试移动端），页面共有5个：3个投票阶段、2个排行榜。这次的移动端页面制作过程中较第一次来说难度减少不小，基本清楚知道什么时候可以用什么单位。这次由于时间比较紧，所以项目中很多大图直接是放img，依靠img来撑开元素的高度。元素中的文本，更多是使用绝对定位div来覆盖在图片上面，然后使用flex的justify-content，text-align，align-items为center来使内容垂直水平居中。为什么适配不同设备，有时候会用到vh vw单位。然后640px的设计稿除二来做，低于12px的字体按12px来写
在页面体验方面：我加入了动画效果，在img load事件后，添加opacity动画渐变出现图片，来减少突变带来的不好体验。
人员交流方面：跟后台，pm，设计师接触的时间多了，也知道出现什么问题去找对应的人。
页面方面：一个投票页面需要很多东西，比如网红列表（各种参数，邀请码，follow状态等等），这里的邀请码是从后台处理后得到的，为了保证安全性，同时这里有个难点就是，邀请码需要当前人的登录id，所以当前用户没有登录时，后台返回的网红列表邀请码为空值，然后可以在投票时候发送请求获取该网红的邀请码，这样的话会导致多少个网红就需要发送多少个请求去获取邀请码，一次请求N个网红邀请码，但是不符合常规。所以这里采用了另外一个方法（恶心），登录之后判断邀请码存不存在，不存在就刷新页面，因为刷新页面可以重新获取网红列表，在登录状态下是可以获取邀请码的。。。。
mock数据：因为这次后台需要处理的东西比较多，导致提测前两天接口还无法在测试环境下使用，但是规定了接口文档，所以我们在接口文档的阅读下，制作模拟数据先在页面中渲染页面，后期直接放好请求就可以直接使用了。
最后：认识了几个新伙伴^,