- 博客(10)
- 收藏
- 关注
原创 JS防抖与节流
在单位时间内将频繁触发的事件降低为只触发最后一次。搜索框1.利用闭包原理创建私有变量存储定时器;2.在事件处理函数内先清除定时器,这么做是因为如果还未到时间内触发事件,重新计时;3.启动定时器并注入执行代码;...
2022-07-31 16:19:05
192
1
原创 vue2组建通信
实现父组件向子组件传递数据的双向绑定,双向绑定使得子组件接收到的数据可以直接修改,无需通知父组件,v-model每个标签只能绑定一个,一般主要做数据双向绑定用,很少用来组建通信;如果在子组件上,引用的指向就是子组件的实例,然后父组件就可以通过this.$refs方法获取子组件的属性或调用子组件的方法。在父子组建通信中,子组件不能直接修改父组件的数据,需要子组件通过派发事件的方式让父组件修改数据,或父组件更新等操作;A级1级组件,B级2级组件,C级3级组件。1.封装独立的js组件;...
2022-07-16 11:28:41
199
原创 TypeScript - 泛型
2. 泛型约束 解释:默认情况下,泛型函数的类型变量 T 可以代表多个类型,这导致无法访问任何属性 解决方法: - 指定更加具体的类型 - 添加约束 3. 通过泛型约束函数和回调函数 4. 泛型接口 当我们调用泛型接口时,需要传入接口指定的类型参数的个数,值需要与前文类型一致,这样有效的约束了值的类型,避免出现其他场景调用值的时候报错(例如:is not
2022-07-10 14:30:14
605
原创 TypeScript基础概念
TypeScript 简称 TS,是微软开发的开源编程语言,是在JS基础上为JS添加了类型支持是JavaScript的超集。 从编程语言的动静来区分,TypeScript 属于静态类型的编程语言,JavaScript 属于动态类型的编程语言。 JS 的类型系统存在“先天缺陷”弱类型,JS 代码中绝大部分错误都是类型错误。这些经常出现的错误,导致了在使用 JS 进行项目开发时,增加了找 Bug、改 Bug 的时间,严重影响开发效率。而有了TS后配合 VSCode 等开发工具,TS
2022-07-08 22:13:39
459
原创 vue2中v-model和.sync修饰符
v-model在vue中称为语法糖,本质上是给标签属性绑定value和监听input事件,可以用作父子组件间传值拓展需求: 子组件点击父组件的num值加1 父组件代码:子组件代码:.sync修饰符原理: 本质和v-model语法糖一样,都是属性绑定传值,监听事件接收,不同的是监听事件是update,语法也不同......
2022-06-26 22:25:26
744
原创 Vue常用修饰符
1. 事件修饰符 - 处理 DOM 事件细节2. 按键修饰符 - 为 v-on 在监听键盘事件时添加按键修饰符3. 系统修饰键 -实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。4. 鼠标按钮修饰符 - 限制处理函数仅响应特定的鼠标按键5. 表单修饰符 - v-model增强的修饰符...
2022-06-19 16:50:56
8664
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人