- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue3 浅学
readonly 会递归地将对象所有的属性都转换为只读对象，包括嵌套对象的 属性也是只读的，⽽ shallowReadonly 只会将根级属性设置为只读对象， 嵌套对象的属性仍然是可修改的。1、shallowReactive ⽤于创建⼀个浅响应式对象，它只会对根属性进⾏响应式 处理，⽽不会递归到对象的嵌套属性。toRef 函数⽤于创建⼀个指定响应式对象的属性的可响应式引⽤ toRef(响 应式对象，响应式对象⾥⾯的属性)2、markRaw⽤于标记⼀个对象，使其永远不会被转换为响应式对象。
2024-04-13 19:24:36
274
原创 Vue3中的watch和watchEffect的区别
执行时机：watchEffect：在被调用时立即执行，并且每当其依赖的响应式属性变化时会再次执行。默认情况下，它不会在初始化时执行。参数与回调：watchEffect：接收一个副作用函数作为参数，在该函数内可以直接访问并引用响应式状态，不需要返回值。watch：更适合用于对特定的单一或复杂数据对象进行深度监听，并在数据变更时执行特定的逻辑，比如表单验证、状态同步等。watch：需要显式地指定要监听的源（可以是一个对象、一个属性或者一个getter函数），并且在回调函数中处理新旧值的变化。
2024-04-11 20:27:39
188
原创 js中this指向以及改变this指向方法
1、在构造函数中this指向实例化对象2、在自定义对象的函数（方法）中this指向当前的对象3、在普通函数中this指向window4、在事件函数中this指向事件源5、在定时器函数中this指向window6、原型对象的函数中： 如果是实例对象调用，this指向实例对象 如果是原型对象调用，this指向原型对象7、在数组函数中指向当前数组。
2024-04-03 12:39:13
351
1
原创 原型、原型链
结论6、任何一个对象都有 __ proto __ 属性，实例对象的 __ proto __ 属性指向构造函数的原型。 2、原型也是对象也有__ proto __ 属性，原型对象的__ proto __指向Object构造函数的原型。 1、任何一个对象都有__ proto __ 属性，实例对象的__ proto __属性指向构造函数的原型。在javascript中每个对象都会有一个__ proto __属性，当我们访问一个对象的属性时， 2、实现数据共享（继承）
2024-03-31 18:10:27
750
1
原创 offset、client、scroll系列
= width+左右padding+左右border= height+上下padding+上下border= 距离左侧浏览器的横坐标= 距离上侧浏览器的纵坐标= 距离左侧父元素的横坐标= 距离上侧父元素的纵坐标。
2024-03-28 19:42:47
537
原创 vue2创建项目(自用，初学)
vue2创建项目(自用，初学)创建项目1.在文件资源管理器中，选择想建立文件夹的目录，输入cmd指令 vue create 项目名2.初学练习选择最后一项3.按空格进行勾选，回车下一步4.因为是vue2，所以选2.x5.选y6.选Less7.选默认第一项8.选默认第一项9.选第二项package.json10.选n，在熟练使用cmd创建后，可以选y，选后等待创建完成
2024-03-26 19:37:39
331
原创 正则匹配/正则表达式
1、\d 匹配至少有一个数字 2、\D 匹配至少任意一个非数字的字符 3、\w 匹配至少一个字母或数字或下划线 4、\W 匹配至少有一个不是字母，数字，下划线 5、\s 匹配至少有一个空白符 6、\S 匹配至少一个不是空白符的字符 7、. 匹配至少有一个非换行符 8、^ 表示匹配行首的文本(以谁开始) 9、$ 表示匹配行尾的文本(以谁结束)
2024-03-25 19:39:52
1350
原创 点击某元素之外的地方，隐藏该元素，点击自身不受影响(jQuery)
点击一个登录按钮，弹出登录框，该登录框的背景铺满网页（登录框是背景的子元素），点击登录框之外的背景，隐藏该登录框与背景，点击自身不受影响。
2024-03-21 19:38:18
572
1
原创 点击按钮一次，执行多次解决方法
今天，遇到了点击按钮一次，执行多次的问题，使用防抖也防不住，在点击事件和被调用函数上都加了防抖也无法解决此问题，最终解决方案为在点击事件前加一句关闭点击事件。
2024-03-20 11:22:38
589
1
原创 localStorage和sessionStorage
1、length:存储数据的个数2、setItem(key,value)存储数据获取对应的数据清除相应的数据5、clear()清除全部数据6、得到某个索引的key：localStorage.key(index);
2024-03-18 19:13:09
360
原创 Map和WeakMap
Map跟Object对象很像，但不同的是，它的key键名的类型不再局限于字符串类型了，它可以是各种类型的值给实例设置一对键值对，返回map实例。通过属性名获取属性值获取Map长度删除指定的键值对 成功true 失败 false清除所有成员判断Map结构中是否含有指定的值。如果有，返回true；如果没有，返回fasle。返回一个键值对的遍历器。返回键名的遍历器返回键值的遍历器遍历。
2024-03-14 18:33:17
1480
1
原创 Set和WeakSet
Set是ES6给开发者带来的一种新的数据结构，你可以理解为值的集合，同时它的值不会有重复项。用于给set中添加成员获取set长度删除属性 成功true 失败 false清除所有成员判断set结构中是否含有指定的值。如果有，返回true；如果没有，返回fasle。返回一个键值对的遍历器。返回键名的遍历器返回键值的遍历器遍历。
2024-03-12 20:02:55
1209
1
原创 iterator与for...of原理
当可遍历对象被for…of遍历的时候，[Symbol.iterator] ( )就会被调用，返回一个iterator对象。
2024-03-11 08:34:08
379
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人