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

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

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

                
                Materliu
            Web前端工程师

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

全部评论问答未解决精华

元素内联样式中没有transform属性

最新回答 / 阿海珐

抱歉，是自己看错了，没有transform属性的是中心图片，旋转角度为0，所以没有设置transform属性

1 回答 1448 浏览 1-1 图片组件构建(图片旋转)

2017-11-19

Steven水木

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

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

2017-11-17

图片翻转点击报错？

最新回答 / 阿海珐

可以在加载ImgFigure组件之前console.log看一下arrange.pos，如果pos对象里面有transform，那么问题可能出在这里，组件里面是不能修改props的值的，而使用style=arrange.pos这种方式会让你的arrange.pos里面也出...

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

2017-11-12

慕标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

火狐浏览器只显示img-back

+ 我来回答回答最高可+2积分

2 回答 974 浏览 3-1 课程总结

2017-10-30

字体图标增删

最新回答 / newming

没有什么好办法，如果是iconfont的话，往你的项目中添加图标，重新下载覆盖就可以了，原有图标的代码不回发生改变，所以没有问题的

1 回答 877 浏览 2-1 控制组件构建(一)

2017-10-25

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