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

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

https://marsdes.github.io/react_gallery/
图片来源网络 侵删
es6
非常感谢。囫囵吞枣看完了,从刚刚开始项目搭建就不停的出状况,到后面的按照老师讲的比葫芦画瓢,磕磕绊绊一步步做出来,太感谢啦!内容很丰富,好多点需要细细消化,在实践项目中体会。。。最后,课程要是有个打赏功能就好啦
最后送女朋友 简直程序员撩妹最高进阶
ant design of react
grunt serve:dist 在新版中先用命令行进入cfg文件中 然后在用命令行运行dist.js 代替
视频作品很好,老师的思维真棒
本来觉得好难不想自己写的,但是想着自己做个相册画廊给男票看看也挺好的~是时候重新看一遍然后敲一遍了。
翻转关键的代码

/*先开始时.img-back,旋转了180度,因为translateZ(1px),位于正面图像的下方*/
/*当.img-figure旋转时,.img-back又旋转了180度,旋转度数为360,因为translateZ(1px),位于正面图像的上方*/
transform: rotateY(180deg) translateZ(1px);

源码地址:https://github.com/geekhac/gallery-by-react/blob/master/src/styles/App.scss(包含了下节课的几行代码)

最赞回答 / 爱睡觉的小猫咪
因为刚刚.img-back的z值小,没有设置translateZ(1px),导致操作不到

最赞回答 / 爱睡觉的小猫咪
参考:http://sass-lang.com/documentation/file.SASS_REFERENCE.html#parent-selector是因为刚刚类名设置不正确,带点号是说追加一个类名,在原有类名后要有空格
浏览器前缀在react中的写法http://www.andismith.com/blog/2012/02/modernizr-prefixed/
这是根据最新的webpack,使用es6编写的https://github.com/winsan-zhang/gallery-react。可以一起交流
希望能多讲个react + redux, 不过技术的确很牛

最新回答 / 慕前端9918592
在React中使用Redux数据流http://www.imooc.com/learn/744
自己动手敲了一遍,yeomen + webpack + react ,
地址:https://github.com/bjcangyue/gallery-react
给后面的小伙伴一点参考。
课程须知
1.具备一定的JS,CSS前端基础 2.了解前端自动化的相关知识 3.请先学习"React入门"、"React实践图片画廊应用(上)"课程
老师告诉你能学到什么?
React入门基础知识,2015年最优秀的前端集成解决方案,CSS3动画,变形,字体渲染方式等大前端周边扩展知识,真实的项目开发流程,如何利用好github保存项目,发布web说明站点。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消