gallery-by-react小应用总结

跟着慕课网的教程，做了一个图片画廊应用，总结一下遇到的难点。

做这个应用的目的是让我初步了解react以及增加实践。

1.和以前相比，这次终于找到了如何正确的配置react开发环境了，最开始接触react的时候，在调试器不提示错误原因的情况下，硬是写了一个简陋的小应用，类似于连连看的应用，非常痛苦，做一点，就要运行一下检查，如果积累了很多再运行，有错误就根本不知道是哪里错误了。

2.视频教程出了挺久的了，yoeman的react-webpack包也不一样了，loaders的配置文件目录发生了改变，然后只有一个，视频中有两个

3.reactjs本身也改变了，分成了两部分，react和reactdom，在调用react.findDOMNode的时候会报错，应该换成reactDOM.findDOMDNode

4.这个应用最开始有个比较复杂的逻辑处理，要计算图片区域的取值范围，（处于上部style的left的区间，top的区间，处于左侧的图片的left的区间等等），我认为这里不够简化，绝对有简化的方法，我一定会改进的

5.视频的配置环境开发并不完整，没有介绍scss是怎么配置的（只是改了loaders识别的后缀名而已），我自己也没搞清楚scss是怎么一回事，照着教程require scss文件一直出错，还好，不弄scss，只使用css也能够正常运行，不过，scss里确实有非常方便的地方，在写样式表的时候会更简洁，你可以用内嵌的方式来表示元素间的父子关系，这样子不仅能够少写一点选择器的代码（如果的要选择的元素处于结构中较深的位置），更可以让样式表和页面结构匹配，从样式表就可以看出元素的嵌套关系

6.记住了github的命令，以前虽然会用，但是没记住命令啊，git add .把目录中所有修改过的文件加入到提交队列，git commit -m 这里写日志内容， git push，把你改过的上传到服务器

7.该应用中，至少使用了两次闭包函数，和this，照着做，大概知道是怎么回事，但是更具体的，还需要思考！

8.视频中提及了不少css的知识，比如说渲染字体方式，safari的方式和普通浏览器不一样呢，然而没记住。

9.有一个问题没解决，最开始的图片描述信息是保存在外部文件.json中的，不知为什么第二天就读取不出来了，暂时直接把数据和组件代码放在一起。