React实践图片画廊应用（下）_技术问答

首页免费课 React实践图片画廊应用（下）问答

React实践图片画廊应用（下）

                
                Materliu
            Web前端工程师

                    查看讲师更多课程 
                    Materliu讲师的其他课程
                
Sass和Compass必备技能之Compass
中级·21217
免费课程
                                
Sass和Compass必备技能之Sass篇
中级·29320
免费课程
                                
Grunt-beginner前端自动化工具
高级·60389
免费课程
                                
                难度高级
            
                时长 1小时15分
            
                学习人数
            
综合评分9.73
                            58人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

Lip123

赞课程，同时贴一下个人版本https://github.com/daysai/gallery-by-react，最新yeoman跟ES6完成的版本

0 3-1 课程总结

2016-09-16

Preston1

我的BUG：偶尔会出现两个图片居中

0 2-2 控制组件构建(二)

2016-09-14

qq_那些梦里的事_0

老师讲的真的很棒，一万个赞！

0 3-1 课程总结

2016-09-13

妙笔

老师讲的好，好期待以后的课程

0 3-1 课程总结

2016-09-13

明明三省

https://github.com/ChangMM/gallery-by-react
用ES6，一个最新版本的generator-react-webpack重写的这个

2016-09-11

翻不回来了

最新回答 / Preston1

解决了，设置翻转时，不能为翻转容器（内部包含正面DIV、反面DIV）设置背景色，否则翻转过来后背景色会顶在最前面，覆盖所有内部元素

2 回答 553 浏览 1-2 图片组件构建(旋转控制)

2016-09-10

慕粉3791161

最后我加入了Redux来管理所有的state，并且用容器组件和表现组件的模式重写了项目，地址：https://github.com/ypan887/photo_gallery_react_on_rails

因为是用React_on_Rails这个gem来实现的，所以所有的React代码都在client文件夹下面。看到底下很多对redux敢兴趣的，欢迎来和我一起讨论学习，也期待大神给予意见。

2 3-1 课程总结

2016-09-08

慕粉3791161

然后我试着加了个Rails的后端并且添加了能够上传图片的组件，地址：https://github.com/ypan887/photo_gallery_react_on_rails/tree/20c5434e804de44fdf568d51b045076fc7271821
因为是用React_on_Rails这个gem来实现的，所以所有的React代码都在client文件夹下面。希望有兴趣的同学来一起讨论，也期待大神给予意见。

项目演示在这里：http://photo-gallery-react.herokuapp.com/

2 3-1 课程总结

2016-09-08

慕粉3791161

本人React新手，JavaScript新手，利用这个项目同时学习React和JS，非常喜欢这套教程。我先用ES6的语法和新版node写了一遍项目，欢迎大家多提意见，地址：https://github.com/ypan887/photo_gallary

1 3-1 课程总结

2016-09-08

luojingla

跟着老师视屏终于做完了，其中遇到了很多坑和小错误，一度想放弃，但还是坚持下来了，做出来的效果非常满意。https://luojinghui.github.io/gallery-by-react/src/index.html
非常感谢老师的讲解！期待您带来React + Redux + react-router及一些中间件讲解的课程，十分感谢！

1 3-1 课程总结

2016-09-08

luojingla

各种坑的走到这一步，很不容易啊。其中很多都是自己粗心造成的错误，真不应该。老师其实讲的很多细节都没有提到，要仔细看视频。

0 1-2 图片组件构建(旋转控制)

2016-09-07

极客教程

https://github.com/cllgeek/gallery-by-react

0 2-2 控制组件构建(二)

2016-09-07

JohanZhu

https://github.com/johanzhu/gallery-by-react
终于也做完了。如果遇到问题可以来问我哈~^-^

0 1-1 图片组件构建(图片旋转)

2016-09-05

JohanZhu

https://github.com/johanzhu/gallery-by-react
终于也做出来了。。不过用firefox和safari打开还是有些问题。。
欢迎慕课学友来问我^-^

0 2-2 控制组件构建(二)

2016-09-05

吴聊

接上:
本人也用了ES6和最新的yoman实现了.还有后续课程没看.https://github.com/boring2/react-sample-gallery readme.md中有版本不同的详细说明.欢迎参考借鉴指正.
最后感谢materliu老师~ 致敬.

3 1-3 图片组件构建(切换动画)

2016-09-04

吴聊

接上:
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;

4 1-3 图片组件构建(切换动画)

2016-09-04

首页上一页 12 13 14 15 16 17 18 下一页尾页

该课程已下架

课程须知: 1.具备一定的JS，CSS前端基础 2.了解前端自动化的相关知识 3.请先学习"React入门"、"React实践图片画廊应用(上)"课程

老师告诉你能学到什么？: React入门基础知识，2015年最优秀的前端集成解决方案，CSS3动画，变形，字体渲染方式等大前端周边扩展知识，真实的项目开发流程，如何利用好github保存项目，发布web说明站点。

微信扫码，参与3人拼团

热搜

最近搜索清空

React实践图片画廊应用（下）

翻不回来了