自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 浏览器渲染原理

当我们对DOM的修改引发了 DOM几何尺寸的变化(比如修改元素的宽、高或隐藏元素等)时,浏览器需要重新计算元素的几何属性(其他元素的几何属性和位置也会因此受到影响),然后再将计算的结果绘制出来。这个过程就是回流(也叫重排)。【重新排列布局,即打碎重组】reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后,需要重新计算布局树,会引发 layout。为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,

2024-01-19 00:00:03 1149

原创 事件循环(消息队列)

程序运行需要有它自己专属的内存空间,可以把这块内存空间简单的理解为进程。主线程。

2024-01-18 00:06:31 937

原创 Vue3响应式系统(三)

当obj.foo执行两次自增操作,会同步且连续执行两次scheduler调度函数,这意味着同一个副作用函数会被jobQueue.add(fn)语句添加两次,由于Set去重能力,最终jobQueue中只会有一项,即当前副作用函数。obj.foo++ ====> obj.foo = obj.foo + 1 ,首先会读取obj.foo的值,这就会触发get函数中的track收集函数,之后又会将obj.foo的值赋值给obj.foo,这时又会触发trigger触发函数。此时,便不会无限循环,而是只执行一次。

2024-01-16 23:27:12 928

原创 Vue3响应式系统(二)

在副作用函数执行的时候,将当前副作用函数压入栈中,执行完毕后将副作用函数弹出,activeEffect始终指向栈顶的副作用函数。这样便不会出现相互影响的情况了。出现问题了,当我们修改text的值的时候,我们希望的是触发effectFn1,而现在是触发effectFn2,并没有执行effectFn1。,内层副作用函数会覆盖activeEffect,并且永远不会恢复,为了解决这个问题,我们需要一个。函数注册的副作用函数,意味着。

2024-01-15 23:29:47 476

原创 Vue3响应式系统(一)

副作用函数指的是会产生副作用的函数。例如:effect函数会直接或间接影响其他函数的执行,这时我们便说effect函数产生了副作用。

2024-01-15 22:17:35 1118

原创 浅拷贝和深拷贝

浅拷贝:按位拷贝对象,它会创建一个新的对象,这个对象有着原始对象属性值的一份精确拷贝。但只是复制对象空间而不复制资源。赋值:一个对象赋值给一个新变量的时候,赋值的是对象在栈中的地址,而不是堆中的数据,两个对象是相互影响联动的。、任意的函数以及 symbol 值,在序列化过程中会被忽略。①基本类型:拷贝的就是。②引用类型:拷贝的就是。

2024-01-12 14:45:01 383

原创 Restful API规范

RESTful API 是应用程序接口 (API) 的一种架构风格,它使用 HTTP 请求来访问和使用数据。该数据可用于数据类型,这些数据类型是指有关资源的操作的读取、更新、创建和删除。(也称为 RESTful Web 服务或 REST API)基于表示(REST),它是。

2024-01-07 17:17:55 11107 1

原创 Vue3自定义指令

节流函数

2023-12-29 15:24:35 971 1

原创 Three.js第四章——光源对物体表面影响

MeshBasicMaterial不受光照影响//MeshLambertMaterial受光照影响。

2023-12-27 23:44:06 440 1

原创 Vue自定义指令(Vue2)

运行时解析并执行的。

2023-12-25 17:48:58 1017 1

原创 Three.js第三章——透视投影相机

生活中用相机拍照,你相机位置不同,拍照结果也不同,threejs中虚拟相机同样如此。比如有一间房子,你拿着相机站在房间里面,看到的是房间内部,站在房子外面看到的是房子外面效果。想象为一个房间,然后根据相机位置和长方体位置尺寸对比,判断两者相对位置。你可以发现设置相机坐标(200, 200, 200),位于长方体外面一处位置。,具体说相机镜头对准哪个物体或说哪个坐标。,只有视锥体之内的物体,才会渲染出来,视锥体范围之外的物体不会显示在Canvas画布上。你用相机拍照你需要控制相机的。

2023-12-21 22:54:45 1450

原创 基于HTTP基础所提出的问题

HTTP 的底层是 TCP/IP。所以 GET 和 POST 的底层也是 TCP/IP,也就是说,。所以说,它们的本质是相同的。GET 和 POST 之所以产生,要通过HTTP的规则和浏览器/服务器的限制进行区分,使它们在应用过程中体现出不同。

2023-12-21 21:28:37 1083

原创 Three.js第二章——前置知识

Scene是场景对象,所有的网格对象、灯光、动画等都需要放在场景中,使用 new THREE.Scene初始化场景,下面是场景的一些常用属性和方法。

2023-12-20 23:20:28 455 1

原创 HTTP基础

听的最多的应该就是 HTTP 是一种这有点太浅。

2023-12-20 22:22:57 1008 1

原创 Three.js第一章(Vue3)------初识

【代码】Three.js第一章(Vue3)------初识。

2023-12-19 22:55:13 383 1

原创 TCP/IP

TCP/IP(Transmission Control Protocol/Internet Protocol):传输控制协议和网络协议。一般使用TCP/IP代指整个TCP/IP协议簇。协议簇是啥呢?简单来说就是一系列协议的综合。如下两个图:这个协议簇其实包含很多其他的协议,但是这里TCP和IP是它们中的代表,不仅仅只有TCP和IP。IP、ICMP、TCP、UDP、TELNET、FTP、HTTP等等都属于TCP/IP协议。

2023-12-19 21:11:57 918 1

原创 Maven配置

Win11系统的Maven流程。

2023-10-12 00:04:03 69 1

原创 Java环境配置

Win11系统的Java环境配置完整流程。

2023-10-11 22:52:16 49

原创 类型检查方法:typeof、instanceof 和 Object.prototype.toString

"function"

2023-03-09 10:06:10 149

原创 Ajax、Fetch、Axios三者的区别

注意:Ajax 是发请求的一种方式,或者把 XMLHttpRequest 与 Ajax 划等号,其实这是错误和片面的。我们使用这种方式实现网络请求时,如果请求内部又包含请求,以此循环,就会出现回调地狱。

2023-03-09 09:26:39 155

原创 Promise是什么与使用方法?

接收一个参数——函数。:resolve,reject,分别表示后的回调函数和异步操作执行的回调函数。为一个异步操作,延时2秒后输出语句。接收一个参数,是函数,并且会拿到我们在runAsync中调用resolve时传的的参数。

2023-03-08 19:11:11 132

原创 说一说JS数据类型有哪些,区别是什么?

特点就是数据涵盖的范围大,能够解决超出普通数据类型范围报错的问题。普通对象,数组,正则,日期,Math数学函数。基本数据类型:存在栈中,占据空间小,频繁使用。

2023-03-08 16:17:49 105

原创 cookie与sessionStorage、localStorage的区别

写入:生命周期:存储空间:数据共享:发送请求:应用场景:

2023-03-08 15:35:10 38

转载 回流与重绘

回流的代价比重绘的代价要高。有时即使仅仅回流一个单一的元素,它的父元素以及任何跟随它的元素也会产生回流。现代浏览器会对频繁的回流或重绘操作进行优化: 浏览器会维护一个队列,把所有引起回流和重绘的操作放入队列中,如果队列中的任务数量或者时间间隔达到一个阈值的,浏览器就会将队列清空,进行一次批处理,这样可以把多次回流和重绘变成一次。

2023-03-07 08:34:50 38

原创 CSS基础——line-height和vertiacl-align

line-height和vartical-align的一些用法

2023-03-03 20:26:04 309

原创 css基础之Flex布局

Flex的属性值练习。

2023-03-03 11:20:23 1548 1

转载 css基础之position篇

请注意,粘性元素“粘附”到其最近的祖先,该祖先具有“滚动机制,即使该祖先不是最近的实际滚动祖先。:用于设置元素在文档中的位置。top(顶部)、right(右侧)、bottom(底部)、left(左侧)属性确定元素的最终位置。:(静态定位)默认值,没有定位。IE5.5及NS6尚不支持此属性。偏移不会影响任何其他元素的位置。在打印文档中,元素放置在。

2023-03-02 12:03:58 50

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除