为了账号安全,请及时绑定邮箱和手机立即绑定

React实践图片画廊应用(下)

老师讲的很好,感觉学到了很多。看的时候yomen下载的react-webpack generactor已经不是在用grunt而是用的webpack,可以直接在github上面可以看到使用方法。遇到问题不怕,努力解决,加油!
好好好好好
命令行运行npm run dist编译生成代码到dist目录。
感谢老师,终于踩完所有的坑,基于最新版webpack,附带详细注释

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

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

欢迎纠错~
if ( this.props.arrange.rotate ){
(['Moz', 'ms', 'Webkit', '']).forEach(function(value){
styleObj[value + 'Transform'] = 'rotate(' + this.props.arrange.rotate + 'deg)';
}.bind(this));
}
多谢老师~期待新课程
react入门学的老师这个例子,当初写的时候痛苦万分,很多地方其实不是react的地方头痛而是这个画廊应用的某些逻辑部分,所以后来又重构了好几次,组件拆分,方法拆分,ES6语法的重写,逻辑简化,简化变量命名,完善注释,来增强代码的可读性,版本从v1.0暂时到v1.2, 以后还会重构下去,代码在https://github.com/ckinmind/gallery-by-react,我甚至画了个扇区的示意图,希望对后来学的朋友有所帮助
看完视频发现:还需要加强下CSS3 景深,transfrom等知识,webpack,sass(学到了一个@at-root{})等知识,这项目中react知识相对较少。
老师讲的非常棒!!!
为什么我发布上去 静态页面显示图片都是404?有人可以帮忙指导下吗?
用ES6重写了,地址:https://github.com/ckinmind/gallery-by-react

符完整的项目说明和目录说明,欢迎star
谢谢某个大哥的分享 http://www.imooc.com/video/11779 课程网站

,综合了老师和各位的例子,解决了各种坑,列出了各种注意点。欢迎小伙伴们参考.

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

预览:https://cllgeek.github.io/gallery-by-react/

另外:我收集整理了一份react的学习资料,https://github.com/cllgeek/react-tutorial

欢迎start 不定期更新.
忘了说了,还有一个双击的问题.
几个问题请教一下:1.火狐浏览器(自动更新)中,中间图片翻转时回合旁边的图片穿插后再还原;2各版本的IE都有问题.系统:win7 64 sp1旗舰版. 谁解决了,求github地址.
课程须知
1.具备一定的JS,CSS前端基础 2.了解前端自动化的相关知识 3.请先学习"React入门"、"React实践图片画廊应用(上)"课程
老师告诉你能学到什么?
React入门基础知识,2015年最优秀的前端集成解决方案,CSS3动画,变形,字体渲染方式等大前端周边扩展知识,真实的项目开发流程,如何利用好github保存项目,发布web说明站点。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消