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

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

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

                
                Materliu
            Web前端工程师

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

全部评论问答未解决精华

不是肥花

终于学完了， https://github.com/JZLeung/gallery-by-react 使用 es6 语法完成的，分离了组件。
接下来的会根据老师建议的方向进行深究（估计会先分离css，再使用 redux 进行状态管理），欢迎star。

0 3-1 课程总结

2017-11-28

努力奋斗的小黄人

请问，有人知道老师的github地址么？

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

2017-11-27

幕布斯1467664

老师找bug真厉害。

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

2017-11-24

哈敏恩

新版的firefox不兼容，背面隐藏的描述一直都为隐藏，我换了样式，用opacity代替backface-visibility

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

2017-11-23

Steven水木

哈哈，到了这一节，老师终于发现ceil是向上取整了

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

2017-11-17

慕标1996717

修复了新版的firefox不兼容，翻转的时候只是图片翻转，背面不显示问题
地址：https://github.com/zoujian3820/gallery-by-react
欢迎star

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

2017-11-09

慕标1996717

新版的firefox不兼容，表示翻转的时候只是图片翻转了，背面隐藏的那个白色底的提示面板
（<div class="img-back">）不会显示，因为翻转了180°所以一直都为隐藏
transform: rotateY(180deg) translateZ(1px);backface-visibility: hidden;
而老师的做法是，通过把父元素（<figure class="img-figure">）
加上 .is-inverse 类，再翻转180° 而使 .img-back 重回翻转前的正面，但是新的firefox不支持，我的版本是56.0.2

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

2017-11-09

慕标1996717

修复了一些坑，使用了ES6的写法，css预处理器采用了stylus
项目地址：https://github.com/zoujian3820/gallery-by-react/tree/master
欢迎start，谢谢

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

2017-11-07

扇子shanzi

https://github.com/zhongshanxian/react-gallery
完成啊，用的是class App extends React.Component

0 3-1 课程总结

2017-11-01

weibo_醉美_林_03791759

结束，散花，感谢老师！！！已粉

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

2017-10-12

水果馅的饺子

跟着老师做下来了，用的 ES6 + webpack 构建的，一路也踩了很多坑，commits 有构建步骤，各种函数也有释义，大家可以参考一下。
项目地址：https://github.com/Pegggy/gallery
预览地址：https://pegggy.github.io/gallery/dist/index.html

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

2017-09-28