摘要: 概念解释 函数节流: 频繁触发,但只在特定的时间内才执行一次代码 函数防抖: 频繁触发,但只在特定的时间内没有触发执行条件才执行一次代码 函数节流 函数节流应用的实际场景,多数在监听页面元素滚动事件的时候会用到。因为滚动事件,是一个高频触发的事件。 以下是监听页面元素滚动的示例代码: // 函数节流 阅读全文
posted @ 2019-01-05 18:29 诗和远方-ysk 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 函数防抖是什么 函数防抖是指 对于在事件被触发n秒后再执行的回调,如果在这n秒内又重新被触发,则重新开始计时 ,是常见的优化,适用于 表单组件输入内容验证 防止多次点击导致表单多次提交 等情况,防止函数过于频繁的不必要的调用。 代码实现 思路 用 实现计时,配合 实现“重新开始计时”。 即只要触发, 阅读全文
posted @ 2019-01-05 17:03 诗和远方-ysk 阅读(573) 评论(0) 推荐(0) 编辑
摘要: 父类 子类 封装一个extends方法 子类可以继承父类的属性和方法,也可以扩展自己的属性和方法。extends方法参数:1.父类 2.需要扩展的属性和对象的一个对象集合。 阅读全文
posted @ 2019-01-05 16:24 诗和远方-ysk 阅读(1435) 评论(0) 推荐(0) 编辑
摘要: 一.前言 众所周知:没有对象怎么办?那就new一个! 那么在JS中,当我们new一个对象的时候,这个new关键字内部都干了什么呢? 现在我们就来剖析一下原生JS中new关键字内部的工作原理。 二.原始的new 首先,我们先new一个对象看看: 打印结果: 从打印结果中可以看到: 用new关键字实例化 阅读全文
posted @ 2019-01-05 14:22 诗和远方-ysk 阅读(5211) 评论(0) 推荐(2) 编辑
摘要: 前端原生方法的实现,这里写一下常见的一些实现: 1.bind Function.prototype.bind2 = function (context) { var self = this; returnfunction () { self.apply(context); } } 2.promise 阅读全文
posted @ 2019-01-05 10:44 诗和远方-ysk 阅读(743) 评论(0) 推荐(0) 编辑