今天完成的事情：上午继续昨晚未完的工作，完成竖向轮播图的demo，并将代码引入到项目中，对轮播区域的样式进行了修改。下午进行数据的请求和渲染，期间遇到了item的div中都渲染active选择器无法轮播，去掉后无法渲染的问题。经过2个小时的调整，没有成功。最终在网上找到了答案，成功得到了解决。对于热招职位的数据进行了处理，不同职位间添加了‘|’符号。晚上在网上找文章，研究了一下懒加载的实现过程。

明天计划的事情：编写一个懒加载的demo，查看效果，然后在项目的路由中进行引入。引入前，对css、js文件在各html网页间的依赖关系进行梳理，防止样式和功能的缺失。完成首页最新职位5页20条的渲染。首页、找职位、找精英轮播图的数据请求和渲染。

遇到的问题：

  今天遇到的问题基本都在轮播图上，上午修改轮播图的样式花了一个多小时，最后发现ui图不用显示上下按钮点击的，只是有4个点导航。所以浪费了一些时间。没看清ui图要求的过错。着实不该犯！再次询问产品，确定了本次前台适配的屏幕最小宽度为800px，所以就直接对在做的竖向轮播图进行了调试，发现以前都是用margin或者padding撑起来的，在分辨率变化时局部会引起布局的变化。因此，对这一区域的样式进行调整，使用了定位的方法，减少了上下margin和padding，宽度调整为了%单位，更适合分辨率的变化。

  下午在竖向轮播图数据渲染时，发现热招职位有的是一大长串字符串，中间有用数字1进行分离。开始直接进行了渲染，后来请教绍博师兄，建议使用过滤器，把字符串的1过滤掉，变成‘|’符号，然后在展示时如果展示不全的话使用‘...'代替显示。随后按照这个思路进行了实现。在过滤器中使用split()的方法，去掉了字符串中的1，变成了一个数组，在相博师弟的建议下，使用join()方法，添加了“|”，又变成了字符串，然后展示到了页面上，使用overflow：hidden，width设置固定宽度，‍‍text-overflow : ellipsis三个属性相互配合，实现了省略号的效果。‍

收获：成功实现了竖向轮播图的效果和数据渲染及处理，学习了angular的懒加载插件，打算明天编写demo进行验证，引入项目。