讲讲我学到的React:
首先官网是必看的:https://facebook.github.io/react/
1、推出者:Facebook
2、推出原因:Facebook在开发一个广告系统时,因为对当前所有的MVC框架不满意,所以就自己写了一个UI框架
3、是什么:Javascript UI库
4、类似的库有哪些:Jquery、redux、flux等
5、库和框架的区别:your code calls a library but a framework calls your code
6、为什么会火:降低了前端开发的复杂度
7、体现在哪些方面:
编写简单直观的代码:
简化可复用组件:整个UI上的每一个功能模块定义成组件,然后将小的组件通过组合或者嵌套的方式构成更大的组件;
虚拟DOM:核心类型:ReactElement / ReactElement 工厂、ReactComponent / ReactComponent 类(一个 ReactComponent 类就是一个简单的 JavaScript 类、一个 ReactComponent 类就是一个简单的 JavaScript 类)、ReactNode、
JSX语法:Javascript代码嵌套XML文件
8、虚拟DOM实现了什么效果:无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面,由虚拟DOM来确保只对界面上真正变化的部分进行实际的DOM操作。
9、怎么创建组件:调用 React.createClass 方法,传入的参数为一个对象,对象必须定义一个 render 方法,也可以包含描述生命周期的方法 ,render 方法返回值为组件的渲染结构,也可以理解为一个组件实例。
10、组件的生命周期:一个React组件的生命周期包括实例化、存在期和销毁时。
实例化:组件在客户端被实例化,第一次被创建时,首次装载组件时,按顺序执行 getDefaultProps、getInitialState、componentWillMount、render 和 componentDidMount
存在期:组件在客户端被实例化,第一次被创建时
销毁时:每当React使用完一个组件,这个组件必须从 DOM 中卸载后被销毁,完成所有的清理和销毁工作,执行 componentWillUnmount。