react

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'))

委婉待续...

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React,用于构建用户界面的 JavaScript 库,是Facebook公司的开源项目,用于开发单页面应用; ...
    hellomyshadow阅读 264评论 0 0
  • 1).React核心概念 虚拟DOM(Virtual Document Object Model)假如存在如下的H...
    DoEmpty阅读 521评论 0 0
  • 实现三个接口:React.createElement, React.Component,ReactDom.rend...
    豆芽y_阅读 1,339评论 0 1
  • React 起源于 Facebook 的内部项目,他从最早的UI引擎变成了一整套前后端通吃的 Web App 解决...
    三也视界阅读 1,657评论 0 4
  • 夜莺2517阅读 127,761评论 1 9