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