随笔分类 - 原生JS
摘要：通过媒体查询实现响应式布局： @media screen and (min-width:600px) and(max-width:900px) { /* 样式 */ } 优点：一套页面适应多端设备，提升开发效率 缺点：页面效果不及单独为某一终端定制的页面效果；性能会降低，因为需要加载跟多的代码；维护
阅读全文
摘要：事件委托 一个DOM事件流的过程是，由事件捕获，再到事件冒泡，事件的触发在事件冒泡阶段发生。 所以，可以将子元素的事件绑定到父元素上，让父元素委托执行（e.targert）
阅读全文
摘要：<!-- JS运行机制的顺序 1.同步 2.process.nextTick 3.微任务（promise.then） 4.红任务（计时器，ajax,读取文件) 5.setImmediate 这是一次事件循环，如果还有任务队列里还有事件，会在setImmediata之后执行 运行栈会执行同步代码，异步
阅读全文
摘要：浅拷贝 function copy(obj) { let newobj = {} for (let i in obj) { newobj[i] = obj[i] } return newobj } let obj1 = { name: '小米', age: 2, } let obj2 = copy(
阅读全文
摘要：//promise解决回调地狱问题 function eat(fn) { setTimeout(() => { fn('吃饭') }, 2000) } function xizao(fn) { setTimeout(() => { fn('洗澡') }, 1000) } eat(function (
阅读全文
摘要：//解构赋值：分为数组和对象的解构赋值，对象的解构赋值是最长用的 let [a, b] = [10, 20] console.log(a) console.log(b) let { name, age } = { name: '对象', age: 22 } console.log(name) fun
阅读全文
摘要：闭包 //闭包：函数嵌套函数，内部函数就是闭包 //正常情况下，函数执行完成，内部变量就会被销毁（释放内存空间） //闭包：内部函数没有执行完成，外部函数变量不会被销毁 function outerFun() { let name = 'outer' return function innerFun
阅读全文
摘要：箭头函数与普通函数的区别 let obj = { name: '对象', sayName() { console.log(this)//这里的this为obj对象，因为是obj调用的方法。 setTimeout(function () { console.log(this)//这里的this为win
阅读全文
摘要：this关键字的指向 1.方法中的this，指向调用方法的对象 2.全局环境下指向全局对象 3.全局函数中的this，指向全局对象 4.内部函数中的this，指向全局对象 5.时间中的this，指向触发事件的DOM对象 6.构造函数中的this，指向new创建的实例对象 7.箭头函数中this，指向
阅读全文
摘要：//call,apply,bind三者的区别 let Dog = { name: '狗狗', eat(op1, op2) { console.log(this.name + '吃' + op1 + op2) } } let Cat = { name: '喵喵' } Dog.eat.call(Cat,
阅读全文
摘要：JS原型链和继承（包含ES6class类的继承） ES5原型链 let wat = { name: '喵喵' } console.log(wat.__proto__) //对象通过__proto__属性获取原型，对象的最顶层原型为Object.__proto__为null var Cat = fun
阅读全文
摘要：JS防抖+节流 防抖 let inp = document.getElementById('input') //获取dom元素 function bandence(fn, delay) { let n = null //利用闭包 return function () { if (n !== null
阅读全文
