分类: JavaScript

15 篇文章

【js手写】防抖和节流函数
防抖和节流 1.防抖 1.1 防抖的概念 防抖:当某个事件触发的频率过高时,为了避免不必要的性能开销,我们规定这个事件触发后,需要等待一段时间再执行其绑定的逻辑代码,如果在这一段时间内,该事件没有再次触发,就执行这个事件对应的逻辑,否则就重新进行计时等待,确保该事件不被过于频繁的触发。 比如我们为鼠标的移动绑定一个事件,显然这个事件会被过于频繁的触…
【js系列】如何手写一个call,apply以及bind
如何手写一个call,apply以及bind 首先我们对于call,apply以及bind三个函数的区别已经做了分析,具体请查看前文 函数 参数形式 返回值 call 第一个参数为this要指向的对象,后面的参数同函数保持一致即可。 立即执行,返回值即函数返回值。 apply 第一个参数为this要指向的对象,第二个参数为组织成数组形式的函数参数列…
【JS系列】如何模拟实现一个new效果
如何模拟实现一个new效果 对于一个new,它做了如下四件事情 new主要做了以下四件事情* 创建一个新对象 将该对象的__proto__挂载到函数的prototype属性上 将函数的this指针绑定到该对象上 执行函数 如果函数返回值不是一个引用类型 那就返回这个新对象 否则返回函数自身的返回值 function newFactory(func,…
【js系列】this的四种指向和三种改变方法
this的四种指向和三种改变方法 一、this指针: 下面是MDN上关于this指针的表述: 当前执行上下文(global、function 或 eval)的一个属性,在非严格模式下,总是指向一个对象,在严格模式下可以是任意值。---MDN 从字面上的意思,this也就是当前对象主体的一个代指。 二、this指针在JavaScript中的四种指向:…
Array.from的作用以及通过Array.from递归实现深拷贝
Array.from的作用以及通过Array.from递归实现深拷贝 一、作用 Array.from:将一个可迭代对象转换为数组并将其返回 二、参数说明 第一个参数 目标迭代对象 第二个参数map函数(作用同map) 第三个参数map回调使用的this对象 三、Array.from的浅拷贝 浅拷贝概念与原理 浅拷贝:在JavaScript语言中,数…
Koa2基础入门教程
一、koa安装与hello world示例: koa需要node v7.6.0以上(因为需要ES6) ```npm install koa --save``` 习惯性加上save,不加也可以。 koa的hello world示例 const Koa = require('koa'); const app = new Koa(); app.use(a…
【备忘】原生js进行简单的ajax手动封装
function Ajax(payload) { /** * payload:{ * url:'/url', * method:'get', * async: true * } * */ // 创建xhr对象 let xhr = new XMLHttpRequest(); // 通过open方法配置请求信息, // 第一个参数是请求方式,第二个参数…
【React整理系列】事件处理
【React整理系列】事件处理 一、React事件命名 不同于Vue,React的事件处理机制更加接近于原生事件的写法、 对于事件类型的指定,基本上是采用原生的写法(但是具体事件回调函数的指定有所不同): <button onClick={activateLasers}> Activate Lasers </button> …