-
调用顺序 getDefaultProps getInitialState componentWillMount render componentDidMount查看全部
-
引入了三个库: react.min.js 、react-dom.min.js 和 babel.min.js: 1 react.min.js - React 的核心库 2 react-dom.min.js - 提供与 DOM 相关的功能 3 babel:第二代编译器,React官方博客发布声明其自身用于JSX语法解析的编译器JSTransform已经过期,不再维护,React JS和React Native已经全部采用第三方Babel的JSX编译器实现。 4 browser.js是babel编译器的浏览器版本。查看全部
-
单页模型(SPA):客户端不用向浏览器频繁发送请求,把新页面拉取下来根据客户端具体情况,在本地绘制新的界面、再展现数据。
优点:减小客户端与服务端的交互延迟,提供更及时的响应,增强用户体验。
单页APP的挑战:
如何保持数据与UI同步更新;
如何提高DOM操作的显效率。
使用HTML开发UI界面异常复杂。
React 特性:
自动化的UI管理:让界面和显示数据变化同步。在界面和数据之间创建了联合层,让数据变化转换成一系列事件,开发者只需要根据事件改变界面状态。减少了逻辑耦合度。
更高效的DOM操作:在内存中保存了一棵叫做Virtual DOM的数据结构,对DOM的操作转化成对虚拟DOM的操作,缓存这些操作在合适时间和浏览器的DOM进行对比,一次性全部提交变更。更高效。
UI的组件化设计:ui组件化方式简化复杂的UI界面。提供多API,很小但可重用的组件,然后组合形成大组件。
依赖JS开发UI界面:摆脱CSS影响。JSX语法结构,看似与html语法相似但本质不同,会被REACT解读成一系列DOM操作-createElement,简化UI设计的表示方式。
REACT的本质:MVC中的V。将数据和UI进行结合。
查看全部 -
{...this.props} es6属性扩展 获取父组件的所有属性集
查看全部 -
新版react废弃了旧的createClass方法,采用https://blog.csdn.net/shaleilei/article/details/79020180所示的方法创建
查看全部 -
React组件生命周期调用顺序
getDefaultProps
getInitialState
componentWillMount
render
componentDidMount
查看全部 -
getInitState: 放到construct里
getDefaultProps: 改写 static defaultProps=()
查看全部 -
更新props后发生的事情 componentWillReceiveProps shouldComponentUpdate componentWillUpdate render componentDidUpdate查看全部
-
当要移除组件时,ReactDOM.unmountComponentAtNode(); componentWillUnmount: function () { //这里做一些收尾工作 }查看全部
-
script中要引入的src查看全部
-
children 属性是react固有属性查看全部
-
55555
查看全部 -
444444
查看全部 -
444444
查看全部 -
44444
查看全部
举报