8.31 React 大众点评学习2，网络请求层，react-slick，规范之间的关系，package.json配置eslint，伪元素￥对应content: '\A5'，视口

redux-thunk

常规使用方式
1.1、action 注册（包括描述形参、types集合）。
1.2、异步action，需要使用中间件。返回一个带有dispatch的函数，在请求完成dispatch(requestSuccess(data))将data传给reducer。
2、reducer 解析 （对action行为的实现，最终改变state）

使用redux中间件封装

1、其中，url.getProductList是utils的url.js模块封装的请求协议。

2、fetchLikes()是home.js定义的actions类型的对象函数。

交由中间件的middleware/api.js模块去处理通用请求过程。
在api.js中 解构出{ endpoint,schema } ，进行请求发送，请求的参数normalizeData，最后处理结果。response回调，传递给state。

通用错误处理
组件 属于components文件夹。
逻辑 写入redux文件中。
( initialState, action-types, actions, reducer, selector解耦ui和状态)
注：reducer的处理可以通过action-type，也可以通过特有的返回属性，如error进行处理。
引入 containers 桥接至页面组件，通过mapStateToProps和mapDispatchToProps

react-slick 走马灯组件

规范之间的关系：
AMD和CMD是使 js模块化的一些规范。
sea.js遵循AMD规范，预加载
require.js遵循CMD规范，懒加载

Common.js是服务端的规范
node.js遵循commonjs规范

package.json配置eslint （ 注： “react-scripts”: "3.1.1"似乎不能实现修改）

视口宽高获取偏差异常
window.innerWidth 和 window.innerHeight 获取偏大
移动web情况，给html和body=增加overflow-x: hidden

标签：请求,规范,reducer,中间件,slick,js,content,8.31,action
来源： https://blog.csdn.net/qq_40196738/article/details/100170171