虚拟DOM 和 Diff 算法 虚拟DOM 和 Diff 算法 什么是虚拟DOM？ 使用javascript模拟了DOM结构的树形结构（对象表示），这个树结构包含整个DOM结构的信息 使用虚拟DOM有什么好处？ 操作数据要大大的减少性能损耗，提高渲染效率 越多的真实dom操作，越损耗性能 什么是Di ...
分类：
编程语言 时间：
2019-05-25 13:09:09
阅读次数：
127
在webpack.config.js文件夹中module.exports中添加： ...
分类：
Web程序 时间：
2019-05-24 10:41:29
阅读次数：
94
在项目中我们可能会遇到类似这样的场景，也就是父子组件的双向数据绑定 首先，先把在head中引入react.js、react-dom.js和可选择的babel.js(这里需要注意引用的顺序，react.js必须在react-dom.js之前) 在body里新建一个挂载点 然后就可以开始写JSX了，注意 ...
分类：
其他好文 时间：
2019-05-20 13:46:01
阅读次数：
151
点击settings.json中编辑， 把这段话加上去就可以了 "emmet.includeLanguages": { "javascript": "javascriptreact" } ...
分类：
Web程序 时间：
2019-05-10 12:52:14
阅读次数：
149
React双向数据绑定：model改变影响view，view改变反过来影响model 使用 map 渲染列表数据 JSX 的表达式插入 {} 里面可以放任何数据 用户数据的 JSX 结构抽离成一个组件 User ，并且通过 props 把 user 数据作为组件的配置参数传进去；这样改写 Index ...
分类：
其他好文 时间：
2019-05-02 11:40:57
阅读次数：
135
[TOC] 前言 Reactjs中事件处理，与DOM元素处理类似，但也有一些不同的语法。 1. React 事件名称使用驼峰命名，而不是全小写命名。 2. 使用JSX，可以将函数作为事件处理程序传递，而不是字符串。 es6的class语法规定，类的方法内部，如果含有this，它默认指向类的实例。但是 ...
分类：
Web程序 时间：
2019-04-30 23:26:24
阅读次数：
189
props是组件固有的属性集合，其数据由外部传入，一般在整个组件的生命周期中都是只读的，React的API顶层设计也决定了这一点。属性初值通常由React.createElement函数或者JSX中标签的属性值进行传递，并合并到组件实例对象的this.props中。事实上，组件接受静态信息的主要渠道 ...
分类：
其他好文 时间：
2019-04-29 15:26:01
阅读次数：
157
前言 前面我们已经学习了利用官方脚手架搭建一套可以应用在生产环境下的React开发环境。那么今天这篇文章主要先了解几个react重要的概念，以及讲解本文的重要知识JSX语法 React重要概念 【思想】 React 的核心思想是：封装组件，各个组件维护自己的状态和 UI，当状态变更，自动重新渲染整个 ...
分类：
Web程序 时间：
2019-04-21 09:26:39
阅读次数：
196
基础部分 创建一个react的项目 创建一个react的项目 全局安装 react 指令 使用脚手架创建应用 注意点： 1.全局安装create react app才能使用脚手架创建应用 2.应用名称全部为小写字母，不能出现“TodoList”这样的名称 组件的使用 组件的组成 认识jsx 简单的j ...
分类：
其他好文 时间：
2019-04-19 19:33:38
阅读次数：
149
Hello Wrold 通过react渲染一个Hello, world! JSX 即不是字符串也不是HTML，而且是一种JS语法扩展 在JSX中可以使用表达式 Babel会将JSX转换成React.createElement()的方法调用 元素渲染 在React中元素事实上是普通的对象 将元素渲染到 ...
分类：
其他好文 时间：
2019-04-18 09:37:11
阅读次数：
136
