- 博客(3)
- 收藏
- 关注
RSS订阅原创 Vue响应式布局理解
首先他是先实现一个数据代理，将 data 中的属性添加到vue的实例当中，然后他会创建一个 Observer 对象，对data中的所有属性进行遍历和劫持，会对每个属性都创建一个 getter 和 setter 方法，同时创建了一个Dep对象，和 data 中的每一个属性都是一一对应的； 之后他会创建一个 compile 对象，他会调用update中的方法对数据进行一个初始化显示，还会创建一个 Watcher 对象，让其和Dep对象建立联系，当我们改变数据的时候会触发 Observer中的 set
2022-10-08 15:08:53
357
1
原创 React中createElement创建虚拟DOM
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/react.development.js"></script> <script src="./lib/react-dom.development.js">
2022-09-20 18:41:49
486
原创 浅谈React浏览器渲染流程
当浏览器发送一个请求，会得到对应的响应。浏览器会通过HTML解析器去解析HTML会构建DOM树,会通过CSS解析器去解析CSS生成CSS规则树。 如果页面中拥有一些JS逻辑，那么往往会通过JS将CSS,HTML进行修改的操作。往往造成重排重绘。那么什么是重排重绘呢？ 当元素的几何属性（大小，位置相关属性）发生变化后，浏览器会将几何属性进行重新的计算，会影响到其它的元素。 那么受影响的元素对应的几何属性也会发生变化（几何属性会重新计算）。 几何属
2022-09-20 18:36:03
369
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人