- 博客(111)
- 收藏
- 关注
RSS订阅原创 vue3:响应式获取设备DPR
元素在设备屏幕上所占用的实际物理像素的数量=CSS像素大小*设备DPR*放大倍率。DPR是什么：物理像素 / CSS像素。
2024-06-25 23:48:29
405
原创 vue:响应式原理解析，深入理解vue的响应式系统
vue的响应式系统核心有两个，简单描述就是：1.在数据变化时重新render依赖相关函数（组件）。2.在vue2和vue3中分别使用Object.defineProperty和Proxy进行对象属性的读写。当依赖数据发生改变时，与之关联的数据或计算结果能够自动更新就是响应式。我们用代码可以更直观理解：在代码中首先，我们定义了一个update()函数来作为我们需要在数据变化时进行的操作。这个操作会更改程序的某个状态，也就是说这是个副作用函数，简称为作用 (effect)。其次，我们还需要定义一个when
2024-06-20 08:30:00
5048
原创 前端面试题：VUE中对响应式对象的属性进行解构赋值到本地变量为什么会失去响应式？
解构赋值是 ECMAScript 6 (ES6) 引入的一个非常方便的功能，通过它可以让我们以更简洁的方式从数组或对象中提取值，并将它们赋给变量。但是如果我们使用解构赋值获取响应式对象中的属性后，再去修改这个属性，会失去响应式，例如在上面的代码中，修改count后视图不会发生变化。
2024-06-18 23:38:08
489
原创 Vue 3 框架下 Web 应用中 Vue 3 与浏览器页面的生命周期触发时间顺序
【代码】Vue 3 框架下 Web 应用中 Vue 3 与浏览器页面的生命周期触发时间顺序。
2024-06-18 13:39:21
630
原创 vue:对三种获取更新后的dom的方式进行分析
由于vue的异步更新机制，我们在同步代码中是无法获取到更新后的dom的信息的针对这个问题，我们有三种解决方案获取更新后的dom:3.在微任务中获取因为更新是在同步任务结束后，执行微任务之前，所以上面三种方式可以得到更新后的dom。
2024-06-17 23:12:06
1071
1
原创 前端项目性能优化:工程化环境中将图片转为base64（vite插件）
本文介绍了通过在vite中自定义一个插件，在项目运行时将图片转为base64从而减少请求，提升项目性能的实现方式
2024-05-21 17:13:26
1721
原创 vite打包优化：压缩打包文件大小（vite-plugin-compression）
记录一个好用的vite打包压缩插件vite-plugin-compression
2024-05-15 17:15:01
2847
原创 一文读懂CSS中的阴影：box-shadow，text-shadow，drop-shadow的区别与使用方式
本文介绍了在CSS中设置阴影的三种方式，介绍了box-shadow，text-shdow，drop-shadow以及它们的使用方式
2024-04-08 23:51:29
3516
来自小红车的星空背景图片
2024-01-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人