关于前端React的一些思考

WEB标准的理解：
结构 Html
表现 css
行为 js + dom
好处 ： 1易于维护：修改css可以修改整项目
2 响应速度快：Html 文档体积变小，缩短响应时间
3可访问性：结构表现分离的Html，便于阅读器识别，便于用户阅读理解
4设备兼容性：不同的样式表让网页在不同设备上显示不同
5搜索引擎：语义化的html，更容易被搜索引擎解析。
React工作原理：
react会建立一个虚拟DOM，当state发生改变，然后根据diff 算法，标记这次改变，通过diff计算出不同然后再调和这次改变，更新dom。
优点：
1>只需要查看rander函数就知道组件是怎么渲染的
2>jsx语法引入，是的程序可读性增强，更容易明白组件之间的调用，组件布局
3>支持服务端渲染，可以改进SEO和性能
4>易于测试
5>只关注View，可以和其他框架（如Backbone.js, Angular.js）一起使用
类组件（Class componet）和函数类组件（Functional componet）区别
1>类组件具有自身的状态和生命周期挂钩，可以通过store维持状态
2> 函数组件只能接受props,并将本身渲染至页面，相当于一个展示组件
state 和 props 区别：
state 是一种数据结构，组件挂载时候的默认值，state可以随着时间推移而发生突变，但是多数是用户行为的结果
props(properties的缩写)则是组件的属性配置，由父组件传递给子组件，就子组件而言，props不可改变，props可以统一管理。除了传递数据之外，还可以回调函数。
生命周期方法不同之处：
.componentWillMount----多用于组件中应用程序配置。
.componentDidMount----->获取网络数据，设置事件监听
.componentWillReceiveProps --->特殊的prop改变导致的state转换
.shouldUpdateComponent ----->如果担心过度渲染，此过程是一个可以改善性能的地方，因为组件接受了新的prop，它可以组织(组件)重新渲染。
.componentWillUpdate--->很少使用，不能访问之前的props
.componentDidUpdate---->常用于更新Dom，相应props或state的改变。
.componentWillUnMont --->组件卸载时调用，取消网络请求，或者移除监听器。
在React中，refs的作用是什么？
refs可以用于获取一个Dom节点或者react组件的引用。
何为高阶组件(Heigher Order component)
高阶组件是一个以组件为参数并返回一个新的组件的函数，hoc允许你重用代码，逻辑和抽象。最常见的就是Redux的connect函数。除了简单分享工具库和简单的组合，Hoc最好的方式是共享React组件之间的行为，如多处存在大量的重复代码，就应该使用Hoc。
箭头函数的好处：
1>作用域安全，免去bind(this)
2>简单清晰，便于读写
setState({a:1},()=>{ })参数多一个callback好处：
callback是state导致的页面重新渲染的回调，等价于componentDidUpdate。
因为 this.props 和 this.state 的更新可能是异步的，不能依赖它们的值去计算下一个 state
何为 redux？
redux的基本思想是整个app的state保存在一个单一的store中，store就是一个简单的javascript对象，而改变state的唯一方式就是在应用中出发actions，然后为这些actions编写reducers来修改state，整个state转化是在reducers中完成的，并且不产生副作用。
store?：
1>允许通过getState() 访问state

2. 允许通过dispatch(action)改变state
   3.通过subscribe(listerner)注册listeners
   4.通过subscribe(listerner)返回的函数处理listerner的注销
   action?:
   是一个纯javascript对象，必须有一个type属性表明正在执行的action类型，其他属性随意
   reducer？
   一个纯函数，此函数以前一个state 和一个action作为参数，并返回一个state
   Redux Thunk作用？：
   redux Thunk是一个允许你编写返回一个函数而不是一个action的action creators的中间件，如果满足某个条件，则可以用来延迟action的派发(dispath)，这可以处理异步action的派发。