webopenbro

实现效果： 输入内容点击搜索 调用接口获取数据 渲染在列表内 index.js App.js searchList: searchHeader:

工具库：PubSubJs 下载：npm install pubsub-js --save 消息的订阅发布与取消

React本身只关注界面，并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互 react应用需要集成第三方ajax库或自己封装库 常用的ajax库配置代理的方法

功能页面的组件化编码流程 拆分组件：拆分界面抽取组件 实现静态组件：使用组件实现静态页面效果 实现动态组件： 动态展示初始化数据 数据类型 数据名称 保存在那个组件 交互（从绑定事件监听开始） 组件组

一.使用create-react-app创建应用 react脚手架 用于快速创建一个基于React库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer等） 下载好所有相关依赖

验证Diffing算法是否存在 React虚拟DOM中key的作用，对虚拟DOM渲染成真是DOM产生哪些影响

旧生命周期 1.生命周期图 2.渲染流程 (1).初始化阶段 由ReactDOM.render()触发...新生命周期...废弃生命周期

高阶函数&柯里化 高阶函数：如果一个函数复合下面2个规范中任何一个，那函数就是高阶函数。 若A函数，接收的参数是一个函数，那么A就可以称为高阶函数 若A函数，调用的返回值依然是一个函数，那么A就可以称

非受控组件:对于所有输入组件，现用现取为非受控组件 这类组件一般较多使用ref 受控组件:随着输入维护状态是受控组件 一般较多使用oChange事件,ref有性能上的缺陷 推荐使用受控组件