面向对象的程序设计之对象
声明对象1234567// 字面量方式var person1 = { name: 'YY'}// 使用Object()var person2 = new Object()person2.name = 'JJ'
对象的属性数据属性和访问器属
...
React原理：diff算法
Posted on
|
Post modified:
|
In
React系列
React将Virtual DOM树转换为actual DOM树的最少操作的过程称为调和（reconciliation）
diff算法就是调和的具体实现
diff算法的3个策略
Web UI中DOM节点跨层级的移动操作特别少，可忽略不计（进行tree diff）
拥有相同类型的两个组件将会生成相
...
《深入React技术栈》学习笔记：React源码
Posted on
|
Post modified:
|
In
React系列
源码版本：React 16.2.0
React项目总览
[项目地址]（https://github.com/facebook/react/tree/v16.2.0）
使用的构建工具：yarn概览
react源码解读
先了解几个常量：ReactSymbols.js12345REACT_ELEME
...
React学习：PureComponent的使用
Posted on
|
Post modified:
|
In
React系列
原理
当前的props和state与之前的作浅比较，如果前后的props和state没有改变，那么组件就不会更新（即组件不会执行这些生命周期函数componentWillUpdate、render、componentDidUpdate）
源码分析
定义PureComponent并给其原型对象定义了
...
《深入React技术栈》学习笔记：高阶函数
Posted on
|
Post modified:
|
In
React系列
一、组件间抽象
代码示例
mixin
作用：实现多重继承
广义的mixin方法：就是用赋值的方法将mixin对象里的方法都挂载到原对象上，来实现对对象的混入。
React中的mixin
多个mixin有相同方法时
生命周期方法：会将各个mixin的生命周期方法叠加在一起顺序执行
普通方法：不同的
...
《深入React技术栈》学习笔记：基础知识
Posted on
|
Post modified:
|
In
React系列
React全貌React是用于创建用户界面的库。React是基于组件开发的，使得它具有可复用性。React本身是一个纯函数：y=f(x)。相同的数据会渲染出相同的页面。由于其强大的算法，React可以快速的渲染更新用户界面，更新时只更新改变了的部分。
React的特性
专注于View层
Virtua
...