readme修改

README.md

@@ -68,7 +68,7 @@ npm run prod
 ***
 
 **(2)reducers 存在help模块,reducer里面写help模块下的页面reducer,**
-index.js把help模块下reducer统一汇总**
+**index.js把help模块下reducer统一汇总**
 ![](http://upload-images.jianshu.io/upload_images/2701853-3c69a26c833d732b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
 
 ***
@@ -80,10 +80,15 @@ index.js把help模块下reducer统一汇总**
 ***
 
 **(4)scss下面index.scss汇总项目的scss**
+
 **animate为动画样式,common为公共样式,**
+
 **component为组件样式**
+
 **icon为图标样式,page为每个页面的样式汇总,**
+
 **reset为重置样式,**
+
 **variable为项目变量**
 
 ![](http://upload-images.jianshu.io/upload_images/2701853-aea763ed1ae1f180.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
@@ -126,13 +131,9 @@ index.js把help模块下reducer统一汇总**
 ### 7.代码分析
 
 > 我把页面分为4种情况,分别编写了4个逻辑组件
-
 > 1.页面无数据,静态页面 使用GetPage组件
-
 > 2.页面有数据,需要渲染页面的, 使用GetData组件
-
 > 3.页面是表单页面,使用GetInput组件
-
 > 4.页面为需要翻页的列表页,使用GetNextPage组件
 
 **注:逻辑组件内部会与redux关联,然后会把一些公共组件,**
@@ -145,20 +146,29 @@ index.js把help模块下reducer统一汇总**
 ### 8.总结
 
 > 1.开发spa应用,利用webpack进行了按需加载,大大提高了页面的性能
+
 > 2.使用逻辑组件,页面根据对应的需求采用对应的逻辑组件,
-大大提高了页面的开发效率,方便进行统一管理
+> 大大提高了页面的开发效率,方便进行统一管理
+
 > 3.采用redux进行页面的状态管理,把每个页面具备的公共状态抽离出来,
-如alert组件,loading组件的状态,在逻辑组件统一管理
+> 如alert组件,loading组件的状态,在逻辑组件统一管理
+
 > 4.每个页面都有对应的reducer唯一标识,用来记录每个页面的独立状态,
-在reducers目录进行配置
+> 在reducers目录进行配置
+
 > 5.每个页面都会获取自己页面的状态,通过在reducer配置的唯一标识来区分
+
 > 6.页面需要改变状态,需要发送action行为,统一定义为setState,用来改变状态
->7.为了页面还原到离开之前的状态,在离开页面的时候
-会把当前的离开位置,记录在当前页面的状态中,回来的时候还回到离开的位置
+
+> 7.为了页面还原到离开之前的状态,在离开页面的时候
+> 会把当前的离开位置,记录在当前页面的状态中,回来的时候还回到离开的位置
+
 > 8.离开页面会把当前页面的数据存储在状态中,重新回到页面,
-会首先加载状态中的数据,后面再通过数据请求,
-比较新旧数据的区别进行替换,大大加快了页面的2次打开速度
+> 会首先加载状态中的数据,后面再通过数据请求,
+> 比较新旧数据的区别进行替换,大大加快了页面的2次打开速度
+
 > 9.借助webpack可以编译sass,px转rem,es6编译成es5,模块化开发,代码压缩混淆,图片压缩......
+
 > 10.项目以模块化为基准,每个目录下面都会对应模块的分类,
 请注意模块的分类，相同子模块放到一个父模块里面。
 图片名称,文件夹名称,文件名称,样式名称,统一采用-命名