dom.js

基础认识 官网 特点 声明式编程 组件化 支持客户端和服务端渲染 高效 虚拟DOM，不总是直接操作DOM，只是减少DOM的操作,操作虚拟DOM不会对页面进行重绘，当渲染的时候，才会进行渲染 DOM Diff 算法，最小化页面重绘，就是当页面变化时，通过计算那部分需要重绘，只重绘当前部分，减少页面的重绘区域 单向数据流 js文件 react.js：react的核心库 react-dom.js：提供操作DOM的react扩展 babel.js：解析jsx语法 <div id="app"></div> <script src="js/react.development.js"></script> <script src="js/react-dom.development.js"></script> <script src="js/babel.min.js"></script> <script type="text/babel"> // 创建虚拟DOM元素对象 let vDom = <h1>react hello</h1> // 将虚拟DOM渲染到页面真实DOM容器中 ReactDOM.render(vDom,document.getElementById('app')) </script> JSX react提供了创建虚拟DOM的方法 虚拟DOM对象最终都会被react转换为真实的DOM