摘要: ES6类的基本语法 例: class Cat { constructor(name,age){ this.name = name this.age = age } } Cat.prototype.eat = function() { console.log("吃鱼") } let cat = new 阅读全文
posted @ 2021-07-21 22:07 `Duet` 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 原型对象 什么是原型? 每一个对象都有他的原型对象,他可以使用自己原型对象上的所有属性和方法 获取原型的方法 通过对象的__proto__获取 例: let cat = { name:"喵喵" } cat.__proto__.eat = function(){ console.log("吃鱼") } 阅读全文
posted @ 2021-07-21 21:47 `Duet` 阅读(392) 评论(0) 推荐(0) 编辑
摘要: promise // promise对象 // resolve可以将异步数据传递出来 let p = new Promise(function(resolve){ resolve("hello world") }) // 通过then拿到异步数据 p.then(function(data){ con 阅读全文
posted @ 2021-07-21 20:26 `Duet` 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 回调地狱 // 获取奶茶的方法 function getTea(fn){ setTimeout(() => { fn("奶茶") },1000) } // 获取火锅的方法 function getHotpot(fn){ setTimeout(() => { fn("火锅") },2000) } // 阅读全文
posted @ 2021-07-21 17:12 `Duet` 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 节流 <style> body{ height: 2000px; } </style> 节流的概念和作用 // 节流:控制执行次数 // 节流的作用:控制高频事件执行次数 window.onscroll = throttle(function(){ console.log("hello world" 阅读全文
posted @ 2021-07-21 16:54 `Duet` 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 封装一个用防抖的函数 <input type="text"> 封装代码 let inp = document.querySelector('input') inp.oninput = debounce(function(){ console.log(this.value) },500) // 防抖 阅读全文
posted @ 2021-07-21 16:29 `Duet` 阅读(19) 评论(0) 推荐(0) 编辑