掘友等级
获得徽章 0
收到贴纸了，但是为啥是2022![[吃瓜群众]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
，手动艾特优狐@优狐。
三明治🥪很难不爱 
七天能有多长
#每天一个知识点# 虚拟DOM的工作过程:
1. 用JavaScript对象结构表示DOM树的结构;然后用这个树构建一个真正的DOM树,渲染在页面上。
2. 当状态变更时,重新构造一棵新的虚拟DOM树。然后用新的虚拟DOM树和旧的虚拟DOM树进行比较,得到两个树的差异。
3. 将差异应用到步骤1构建的真正的DOM树上,视图就更新了。
#每天一个知识点# js 中 sort函数，会默认对数组进行排序吗？有时好像不太对，调用不带参数的 sort 方法时，会将数组的元素转换为字符串，然后按字符串对应的Unicode码顺序排序。
#每天一个知识点# 一个关于 Vue 的冷知识，Vue.js 实例中的数据对象是响应式的。这意味着当数据对象发生变化时，视图会自动更新以反映这些变化。Vue.js 实现这种响应式更新的方式是通过使用 Object.defineProperty() 函数来劫持数据对象的每个属性的访问器函数。
但是，这种对象劫持只适用于在实例创建时存在的属性。也就是说，如果你在实例创建后添加新的属性，那么这些属性不会自动响应式更新视图。为了解决这个问题，Vue.js 提供了 $set() 方法，可以用于向响应式对象中添加新属性。例如：
Vue.set(vm.someObject, 'newProperty', 'new value')
或者使用简写方式：
vm.$set(vm.someObject, 'newProperty', 'new value')
这样，当你添加新属性时，视图也会相应地更新。这是一个有用的功能，特别是当你需要动态地添加属性时。
#挑战每日一条沸点# 字节青训营每日沸点打卡第六天，今天get了一个打卡小工具，记录每天的进度，继续加油，又是向往字节的一天day06。
#挑战每日一条沸点#
今天也就那样吧，把很帅的视频剪出来了，颇有一番成就。哈哈哈爱了![[呲牙]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
自恋到看了三四十遍
#每天一个知识点# css渐变使用方式:
渐变(方向)
background: linear-gradient(to right, rgba(255, 255, 255, 0),#3FB6F7,rgba(255,255,255,0));
渐变(角度)
background: linear-gradient(88deg, #4DF7BF 0%, rgba(77, 247, 191, 0.26) 12%, rgba(77, 247, 191, 0) 100%);
![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
，手动艾特优狐@优狐。
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)