今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

1.早上完成了项目的基础原型图的更改，可能还有很多没弄懂，没改对。。。

2.下午完善了任务四，重新将web和app的banner滚动模块ppt做了总结。

3.提交任务四，对于前几个任务不懂的地方回顾。

明天计划的事情：（一定要写非常细致的内容）

开始任务五，了解story的拆分。
遇到的问题：（遇到什么困难，怎么解决的）

1.还是对于新项目中的基础概念理解不清楚，所以导致在工作过程中比较难，对于不了解的地方要多去查阅资料，一次不了解，就要在此去看，反复去了解，只有在了解了基础知识的前提下才知道自己做的是什么，那样对于自己的问题也会有新的认知和思考。

收获：（通过今天的学习，学到了什么知识）

banner的调研总结：

1.web网页Banner 轮播图通常位于首页顶部，有时也会在页面中间位置。以动态的形式为用户呈现多张图片，自动轮播的效果可以让每张图片得到较好的曝光。

2.位于首页顶部的作用可提高广告商品、优质内容的曝光度，提高浏览到购买的转化率和衡量内容价值。

3.中间部位 Banner 轮播图的作用是在可利用固定且较小的广告位展示更多的广告数量和内容。

4.每张图片都支持点击跳转到新落地页，可以是外部网站、应用程序内页或文本内容。

5.在移动端应用的 Banner 图片上一般展示的轮播图控件，通常以多个小圆点或其他样式显示，作用是告诉用户一共有多少张图片，让用户有探索的欲望，并且提示用户当前展示的是第几张；在 PC 端还会有左右点击按钮，点击切换到上一张或下一张。

6.Banner 轮播图为动态呈现，每张图片停留时间，轮播方向均是在前端代码中设置的定时任务。而需要注意的是，图片停留时间尽量不要少于 3 秒，避免用户还没有阅读到图片上全部信息，页面就已经切换了，造成不好的用户体验。

7.如果图片上的内容过多，那么停留时间可延长，但不要超过 5 秒，因为用户看到第一张图片后，就很快会被其他内容吸引而离开，以至于后面的图片得不到曝光。

8.具体每张图片应该停留多长时间，应该根据banner所展示的内容来决定，但是也要留足时间让用户有一个完整地体验。

9.Banner 轮播图通常自动向左滑动，并且在移动端可以手动向左或向右划动查看后一张或前一张图片。

10.Banner 轮播图内容具有跟踪实时热点和热度推荐的作用

任务四的调研ppt

链接：https://pan.baidu.com/s/1gsFoLvK3fV-klcm403f9Dw 

提取码：e5v4