一、介绍

将数据渲染为HTML视图的javaScript库
由facebook开源

二、react特点

采用组件化模式、声明式编码，提高开发效率和组件复用
React Native中使用React语法进行移动端开发
使用虚拟DOM和Diffing算法，减少与真实DOM的交互

三、react高效的原因

使用虚拟dom技术，不总是操作真实dom
dom diffing算法，最小化页面重绘

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>hello_react</title>
    </head>
    <body>
        <div id="test"></div>
        <script type="text/javascript" src="js/react.development.js"></script>
        <script type="text/javascript" src="js/react-dom.development.js"></script>
        <script type="text/javascript" src="js/babel.min.js"></script>
        <script type="text/babel">
            //创建虚拟DOM （VDOM）
            const VDOM=(<h1><span>hello react</span></h1>)
            //render(虚拟DOM,容器)
            ReactDOM.render(VDOM,document.getElementById('test'))
        </script>
    </body>
</html>

React-初识与了解

一、介绍

二、react特点

三、react高效的原因