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
                                逻辑清晰

全部评论问答未解决精华

wobugaosuni2

谢谢老师，跟着老师的教程做下来，熟悉了react框架，遇到不少问题也一一解决了。
PS：使用less工具编写样式，使用wr工具，实现chrome调试样式并映射到本地文件自动保存。具体的细节可以看README.md。
源码：https://github.com/Wobugaosuni/galleryByReact 有完整注释和项目文档
演示：https://wobugaosuni.github.io/galleryByReact/
欢迎star，持续更新中ing

1 2-1 控制组件构建(一)

2017-03-01

wobugaosuni2

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

2017-03-01

wobugaosuni2

谢谢老师，跟着老师的教程做下来，熟悉了react框架，遇到不少问题也一一解决了。

PS：使用less工具编写样式，使用wr工具，实现chrome调试样式并映射到本地文件自动保存。具体的细节可以看README.md。

源码：https://github.com/Wobugaosuni/galleryByReact 代码实现的功能都在注释里说明了

演示：https://wobugaosuni.github.io/galleryByReact/

欢迎star，持续更新中

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

2017-03-01

时光有染

现成的取两个数之间的一个随机数函数为什么不用呢，a=-30,b=30，不就好了
function getRangeRandom(a, b){
var max = Math.max(a, b),
min = Math.min(a, b);
return Math.floor(Math.random()*(max - min) + min);
};

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

2017-03-01

羽零八0

https://github.com/Lafree317/PhotoWall
仿照老师的项目,更新了最新的语法.
求Star

2017-02-25

最爱雨

很好，很不错，虽然我没有看

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

2017-02-22

许盛

很好的课程，学到了很多，感谢！

0 3-1 课程总结

2017-02-20

雪痕霞霞

老师讲的很好，感觉学到了很多。看的时候yomen下载的react-webpack generactor已经不是在用grunt而是用的webpack，可以直接在github上面可以看到使用方法。遇到问题不怕，努力解决，加油！

0 3-1 课程总结

2017-02-18

morning_jing

好好好好好

2017-02-09

qq_充电骑士_03680144

命令行运行npm run dist编译生成代码到dist目录。

0 3-1 课程总结

2017-02-07

某三木

感谢老师，终于踩完所有的坑，基于最新版webpack，附带详细注释

地址：https://github.com/yangxiaosen/gallery-by-react

演示：https://yangxiaosen.github.io/gallery-by-react/

欢迎纠错~

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

2017-02-07

qq_充电骑士_03680144

if ( this.props.arrange.rotate ){
(['Moz', 'ms', 'Webkit', '']).forEach(function(value){
styleObj[value + 'Transform'] = 'rotate(' + this.props.arrange.rotate + 'deg)';
}.bind(this));
}

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

2017-02-06

vivianma

多谢老师~期待新课程

0 3-1 课程总结

2017-02-05

Ckinmind

react入门学的老师这个例子，当初写的时候痛苦万分，很多地方其实不是react的地方头痛而是这个画廊应用的某些逻辑部分，所以后来又重构了好几次，组件拆分，方法拆分，ES6语法的重写，逻辑简化，简化变量命名，完善注释，来增强代码的可读性，版本从v1.0暂时到v1.2, 以后还会重构下去，代码在https://github.com/ckinmind/gallery-by-react，我甚至画了个扇区的示意图，希望对后来学的朋友有所帮助

2017-01-29

若川

看完视频发现：还需要加强下CSS3 景深，transfrom等知识，webpack，sass（学到了一个@at-root{}）等知识，这项目中react知识相对较少。

0 2-1 控制组件构建(一)

2017-01-29

Jamie_Tao

老师讲的非常棒！！！

0 2-1 控制组件构建(一)

2017-01-18

首页上一页 5 6 7 8 9 10 11 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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