React框架初步了解
2019-07-24 本文已影响0人
光头小青蛙
-
React框架是什么 ？
React是一个 是一个用于构建用户界面的 JavaScript 库，主要用于构建用户UI界面，很多人认为 React 是 MVC中的V（视图）
-
React框架的特点
React通过对DOM的模拟，最大限度地减少与DOM的交互。JSX是 JavaScript语法的扩展。React开发不一定使用 JSX，但是建议使用它。通过 React构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。React实现了单向响应的数据流，从而减少了重复代码。
-
React开发
使用React开发需要引入两个js文件，一个是react.min.js React 的核心库,react-dom.min.js提供与DOM 相关的功能.
-
简单的React程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>react</title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<!-- 生产环境中不建议使用 -->
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
let time="2019-07-24";
ReactDOM.render(
<h1>{time}</h1>,
document.getElementById('app')
);
</script>
</body>
</html>
