做到这一章, 发现几个问题.
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
个人用最新版工具加ES6,写完了的课程 ,踩过的坑不少,欢迎小伙伴们参考,如有疑问可以联系我 https://github.com/3terrace/gallery-by-react/
2016-08-18