【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 学习总结（87）—— Mysql 执行计划（Explain）再总结

Mysql 学习总结（88）—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键

Mysql 学习总结（89）—— Mysql 库表容量统计

mysql 实现主从复制/主从同步

mysql 审核_审核MySQL数据库上的登录

mysql 导入 sql 文件时 ERROR 1046 (3D000) no database selected 错误的解决

mysql 导入导出大文件

mysql 将null转代为0

MySQL 常用列类型

mysql 常用命令

Mysql 常见ALTER TABLE操作

MySQL 常见的 9 种优化方法

MySQL 常见的开放性问题

Mysql 常见错误

MYSQL 幻读（Phantom Problem）不可重复读

mysql 往字段后面加字符串

mysql 快速自增假数据，新增假数据，mysql自增假数据

Mysql 报错 Field 'id' doesn't have a default value

MySQL 报错：Duplicate entry 'xxx' for key 'UNIQ_XXXX'