我现在的做法都是实现前只有个大概的方向,代码里的细节是边写边想的,实现不实现的了,要在写的时候才知道。但方向错了后面就都做了无用功。
比如下面这个轮播图的功能,有多个轮播页面,每个页面可以放置多个图标。
我的想法可能是这样的,用伪代码表示:
1 、用个数组存储所有的小图标的名称或路径
let iconList = [{"src": "icon1.png"}, {}, ...]
2 、定义一个变量来表示每个轮播页可以放下的小图标的数量
let iconsPerPage = 8;
3 、根据小图标的数量和每页的数量,可以算出需要的轮播页的数量
let pageCount = Math.ceil(iconList.length / 8)
4 、利用循环生成轮播页
for (let i=0; i
5 、然后可以在每个轮播页里,循环生成轮播页里的图标
for (let i=0; i
想到这里就结束了。细节是在写代码的过程中边写边想的,至于实现不实现的了,要在写的时候才知道。
比如下面这些步骤都是在过程中才想:
计算出当前小图标在数组中的索引
let index = i * iconsPerPage + j
icon.src = iconsList[index].src
在生成轮播页里的图标时,如果索引超出了数组的长度,就跳出循环
if (index >= icons.length) {
break;
}