react

react核心:组件化开发,虚拟dom,diff算法

react渲染三部曲

  (1)定义一个容器用于存放虚拟dom,如

  (2)创建虚拟dom元素,如var  element  =  React.createElement('div', {className: 'title'}, 'hello  world')

  (3)将虚拟dom元素渲染到页面上,如ReactDOM.render(element, document.getElementById('app'))

  实例:

  window.onload  =  function(){

    var  div  =  React.createElement('div',  {className: 'content'},  'hello  world')

    // jsx

    var  div2  =  hello  world22

    ReactDOM.render(

      div2,

      document.getElementById('app')

    )

  }

你可能感兴趣的:(react)