
js
早起的小笨鸡
记录成长的点滴
展开
-
vue项目右键弹出菜单
右键唤出菜单原创 2022-07-11 12:55:59 · 2020 阅读 · 1 评论 -
vue封装公共方法、组件
vue组件封装调用原创 2022-07-11 12:40:44 · 3900 阅读 · 0 评论 -
js节流与防抖的概念、区别、适用场景、实现与封装
首先了解他们的概念、区别、适用场景,后面有代码 概念: 防抖(debounce):触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。 函数节流(throttle):高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率。**** 区别: 防抖:在特定时间内,只要重新触发事件,就会重新计算时间,而在这个时间内只会执行最后一次。 也就是说,你只要一直触发这个事件,他就不会执行,停止后才会执行 节流:特定时间内,无论你出发多少次,在这段时间内,一定会有且仅有一次真正的原创 2021-03-29 17:22:08 · 801 阅读 · 2 评论 -
关于改变this指向的三种方式:call、apply、bind
在写程序过程中,我们经常性的需要去改变函数的this指向问题,为此,js有专门提供的几个方法:call、apply、bind 他们都是因改变this指向而存在,但既然存在这么多种,一定有本质的区别,下面我们用代码来详细说明(实践是检验真理的唯一标准): 创建一个简单的函数: 上面函数 fn 执行,打印结果如图 接下来,我们使用call,apply,bind方法去改变this能否成功 从上面可以看出apply方法报错,bind没执行,只有call执行成功。这是因为写法不同,我们按照官方提供的方法正确操作:原创 2021-03-29 18:32:37 · 263 阅读 · 0 评论