接上:
3.bug 2.var topImgNum = Math.ceil(Math.random() * 2)产生的随机数可能是1 或 2, 但是合并回去的时候只合并了一个imgsArrangeTopArr[0];
导致元素缺失一个.
解决:
要么在合并时用imgsArrangeArr.splice(topImgSpliceIndex, 0, imgsArrangeTopArr);
要么在生成时用var topImgNum = Math.random() > 0.5 ? 0 : 1;
3.bug 2.var topImgNum = Math.ceil(Math.random() * 2)产生的随机数可能是1 或 2, 但是合并回去的时候只合并了一个imgsArrangeTopArr[0];
导致元素缺失一个.
解决:
要么在合并时用imgsArrangeArr.splice(topImgSpliceIndex, 0, imgsArrangeTopArr);
要么在生成时用var topImgNum = Math.random() > 0.5 ? 0 : 1;
2016-09-04
做到这一章, 发现几个问题.
1.图片点击后翻转到背面的原理没讲,代码没演示.(通过看源码解决)
2.bug 1. centerIndex 和 topImgSpliceIndex 可能会随机生成一样的,所以可能会导致中心图片有两张.解决:
//如果一样就重新生成.
while(topImgSpliceIndex === centerIndex) {
topImgSpliceIndex = Math.ceil(Math.random() * (imgsArrangeArr.length - topImgNum));
}
评论不能超过300 蛋疼.
1.图片点击后翻转到背面的原理没讲,代码没演示.(通过看源码解决)
2.bug 1. centerIndex 和 topImgSpliceIndex 可能会随机生成一样的,所以可能会导致中心图片有两张.解决:
//如果一样就重新生成.
while(topImgSpliceIndex === centerIndex) {
topImgSpliceIndex = Math.ceil(Math.random() * (imgsArrangeArr.length - topImgNum));
}
评论不能超过300 蛋疼.
2016-09-04
换角度这里我直接用了原来取值范围的函数,getRangeRandom(-30,30)。结果应该是一样的。
另外,我用的这个React版本,厂商前缀的写法要求驼峰写法 需要一点小更改
另外,我用的这个React版本,厂商前缀的写法要求驼峰写法 需要一点小更改
2016-09-02
谢谢大家,综合了老师和各位的例子,解决了各种坑,列出了各种注意点。欢迎小伙伴们参考.
源码:https://github.com/cllgeek/gallery-by-react/
预览:https://cllgeek.github.io/gallery-by-react/
另外:我收集整理了一份react的学习资料,https://github.com/cllgeek/react-tutorial
欢迎start 不定期更新.
源码:https://github.com/cllgeek/gallery-by-react/
预览:https://cllgeek.github.io/gallery-by-react/
另外:我收集整理了一份react的学习资料,https://github.com/cllgeek/react-tutorial
欢迎start 不定期更新.
2016-08-30