【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锁机制，你真的明白吗

MySql 查询以逗号分隔的字符串的方法（正则）

MySQL 查询优化：提速查询效率的13大秘籍（避免使用SELECT 、分页查询的优化、合理使用连接、子查询的优化）（上）

mysql 查询，正数降序排序，负数升序排序

MySQL 树形结构根据指定节点获取其下属的所有子节点（包含路径上的枝干节点和叶子节点）...

mysql 死锁 Deadlock found when trying to get lock； try restarting transaction

mysql 死锁(先delete 后insert)日志分析

MySQL 死锁了，怎么办？

MySQL 深度分页性能急剧下降，该如何优化？

MySQL 深度分页性能急剧下降，该如何优化？

MySQL 添加列，修改列，删除列

mysql 添加索引

MySQL 添加索引，删除索引及其用法

MySQL 用 limit 为什么会影响性能？

MySQL 用 limit 为什么会影响性能？有什么优化方案？

MySQL 用户权限管理：授权、撤销、密码更新和用户删除（图文解析）

mysql 用户管理和权限设置

MySQL 的 varchar 水真的太深了！

mysql 的GROUP_CONCAT函数的使用（group_by 如何显示分组之前的数据）