- 博客(3)
- 收藏
- 关注
原创 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关注的人