wereact操作虚拟dom对象,不直接操作dom.
react使用dom diff算法,最小化页面重绘。(不再是操作一个dom重绘一次页面,而是等所有虚拟dom操作完毕再一起重绘页面,这叫批量重绘,虚拟dom不会立即重绘页面)
使用react 要下载react核心文件、react-dom,操作虚拟dom的文件,和babel.js文件(讲jsx转为js)。
html代码
<div id="test"></div>
1. 创建虚拟dom对象
let Vdom = <h1> Hello react !</h1>
2. 将虚拟dom渲染到页面真实dom容器中
react-dom .js文件有一个 ReactDom对象,它有一个渲染方法render
ReactDom.render(Vdom,document.getElementById('test'))
委婉待续...