【React基础】基本环境搭建-白红宇

【React基础】基本环境搭建

阅读量：625 次

发布时间：2019-03-13

本文共 650 字，大约阅读时间需要 2 分钟。

react的基本概念

React是Facebook开发出的一款JS库 Facebook认为MVC无法满足他们的扩展需求

特点：

react不使用模板

react不是一个mvc框架

响应式

react是一个轻量级的js库

原理：

虚拟DOM react把DOM抽象成为一个JS对象

diff算法

1.虚拟DOM确保只对界面上真正发生变化的部分进行实际的DOM操作

2.逐层次的来进行节点的比较

react 2013年发布

react 开发环境的搭建

引入:

react.js 核心文件

react-dom.js 渲染页面中的DOM 当前的这个文件，必须依赖于react核心文件，引入位置位于react.js之后

babel.js （把浏览器不认识的语言转换为认识的语言） ES6转换为ES5 JSX语法(浏览器不认识)转换成JavaScript 方便当前浏览器进行代码的兼容

第一步：

下载

1.react 核心包    npm i react --save  2.react-dom      npm i react-dom --save  3.babel          npm i babel-standalone --save

npm init -y 生成 package.json 文件

在这里插入图片描述

第二步：

引入文件到.html文件

在这里插入图片描述

第三步：

1.创建dom根节点

2.在根节点下写上

注意: type=“text/babel” 一定要写上，防止报错

效果：

在这里插入图片描述

转载地址：http://cxjaz.baihongyu.com/

你可能感兴趣的文章

MySQL优化的一些需要注意的地方

mysql优化相关

MySql优化系列-优化版造数据（存储过程+函数+修改存储引擎）-2

MySql优化系列-进阶版造数据（load data statment）-3

MySql优化系列-造数据（存储过程+函数）-1

MySQL优化配置详解

Mysql优化高级篇（全）

mysql会员求积分_MySql-统计所有会员的最高前10次的积分和

mysql会对联合索性排序优化_MySQL索引优化实战

MySQL作为服务端的配置过程与实际案例

Mysql使用命令行备份数据