发表于: 2017-02-25 22:50:25

1 636


今天完成的事情:

1.写ppt,讲ppt;css里的这个content属性感觉确实用处不大,不仅仅是修改样式,还会插入内容,感觉违背了内容样式分离的原则,兼容性也不好。简单的网页大概可以用一用。

2.终于写出了首页“最新职位”的轮播图需求!一共20条数据,每次轮播只显示4个,下面详细 讲讲过程和思路。


遇到的问题:

1.这个需求首先有俩点,一个是多图轮播,一个是把多条数据按顺序分割每次只展示部分数据


2.可是我们的数据是从后台获取的,在html和css中除非写死否则是无法达到多图轮播效果的;但是我们可以把4个数据看成一个整体,就变成了“单图”轮播5次,20条数据变成5组数据,每次轮播一组。


3.那么怎么分割取回来的数据呢。

取回来的data数据其实就是一个数组,那么如何分割数组并把分割后的数组中的数据按顺序返回呢,使用js中的slice()和splice()方法

splice就是把20组数据的大数组从index0开始分割四次,也就是分成了5小组,并且不改变内容。

slice表示把5个小数组中的4组数据悉数提取。


4.最后是html中的展示问题,使用repeat嵌套包装好每一组轮播的数据,里层使用[$index]获取

然后大功告成了,插件使用bootstrap的轮播图插件就够了。



明天计划的事情:

1.写首页城市切换的功能,模态窗体

2.完善模块样式



收获:slice()和splice()方法;repeat嵌套(应该说是解锁了一种思路);

感谢二师兄的耐心指导~~~


ps:线上有些报错,样式载入好像有点问题,后续会完善。


返回列表 返回列表
评论

    分享到