React.js留言板（Mock.js模仿数据交互）



React 起源于 Facebook 的内部项目，因为该公司对市场上所有JavaScript 框架都不满意，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开开源了。

由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。

先说明下，本项目是在初学React.js之后实现的简单留言板的新增和展示（Mock.js实现伪数据交互），功能比较简单，不过相对也更适合React初学者查看。此篇文档用来说明项目的想法思路以及某些关键代码的展示，可以分为项目说明，项目思路，代码展示三个部分，项目效果：

一、项目说明：

本项目已经在gitHub上共享，地址https://github.com/liu942626/MessageBoard，注释量比较大，放心阅读；另外附上写留言板时参考的网上的另外一个项目，关键js代码只有100行，本次要说的项目也是在这个项目上拓展而来的也把地址附上，同时谢谢这位上传项目的前辈，地址https://github.com/David-Guo/message-board。

效果查看：下载下来后想要查看的话，直接浏览器打开dist/html/index.html即可查看并进行新增等操作，无需开启服务；

主要代码：src/js/index.js下是实现留言板的js文件代码，200行带注释，dist下的index.js经过了压缩，要查看的话请转到src下；

学习前提：项目依托于node.js，查看可以直接打开，修改的还想看到效果的话需要node.js辅助压缩拷贝文件；

项目修改代码并且查看效果（仅限你想在git下来的此项目里修改）：

首先下载安装nodejs，然后git clone项目；

根据项目中的package.json使用npm下载安装需要的依赖包；

在src下修改代码，不修改文件路径的话，不用修改gulpfile.js。

目录结构说明：

src/js/index.js 关键代码，自己写的js事件实现都在这个里面了；

src/asserts 依赖的公共js和css文件（jQuery、Bootstrap和Mock）；

src/css/index.css 自己写的页面css效果，主要是提示消息冬天显示隐藏的C