smile_hahahaxixi的博客

history 对象保存了当前窗口访问过的所有页面网址。pushState（）、replaceState()、location.href的应用、区别等

在浏览器拿到html文件后开始对html进行解析，当遇到内部script，外部script，外部有defer、async属性的script脚本时，html解析、渲染所费时长有什么不同，我们通过下面的代码执行来分析。上图可以看出文档解析完成时间（domComplete）和dom解析完成时间（domInteractive）是一样的，因为js的执行阻塞了dom解析，dom解析时长花费了4秒多。有async属性的script脚本时，可能会阻塞可能不会阻塞dom解析，不好举例，就不举例子了…加载：资源被放入内存。

本文详细讲了什么是闭包，闭包的产生，闭包函数中哪些变量会被回收哪些变量不会被回收等等大家容易出错的知识

1.语法 声明形式（字面形式）：var obj = {a:1,b:2}; 构造形式：vao obj = new Object(); obj.a=1; 2.类型 ①：typeof ：判断变量地址的机器码，前三位为0，则返回 Object, null机器码全是0，故返回Object； ②： instanceof：检测右边变量构造函数的prototype属性是否在左边对象实例的原型链上（右边变量是否在左边变量原型链上），若是则返回true； ③： Object.prototype.tostring.c

this是在函数被调用时绑定的，指向取决于函数在哪被调用。 1.隐式绑定 对象属性引用链中只有在最后一层调用位置起作用。 // 例： function foo(){ console.log(this.a); } var obj2 = { a:42, foo:foo } var obj1 = { a:2, obj2:obj2 } obj1.obj2.foo() // 42 2.隐式丢失 // 例 function foo(){ console.log(this.a); } va

1.什么是柯里化？ 通俗的讲，就是 只传递给函数一部分参数来调用它，让它返回一个函数来处理剩下的参数 的一种技术，下面举个简单的例子。 // 柯里化前 function add(x,y){ return x+y } 我们将该函数进行柯里化处理 // 柯里化后 function Currying(x){ return function(y){ return x+y } } // 扩展：实现一个add方法，使计算结果能够

对于原型与原型链的理解，网上一搜一大堆，这里仅对我自己的理解做个笔记。 这里面会涉及到几个名词：构造函数、原型对象、prototype、constructor、实例对象 1.声明一个函数（即构造函数）后，浏览器会在内存中创建一个原型对象。 2.构造函数会有一个prototype属性，指向【1】中说的原型对象。 3.原型对象中有个constructor属性，指向构造函数。 关系图如下 通过构造函数创建实例对象后，如： function Person(){ // 我就是构造函数 }

像素： 【像素 pixel】是图像显示的基本单位，表示“图像元素”。 ppi: 【ppi】是屏幕上每英寸可以显示的像素（点）的数量，即屏幕像素密度。 像素的分类： 1.设备像素（物理像素）：设备屏幕的物理像素，在同一个设备上，它的物理像素都是固定的。 2.css像素（逻辑像素）：是为web开发者创造的，在CSS和javascript中使用的一个抽象的层。 在桌面端，css的1个像素往往都是对应着电脑屏幕的1个物理像素。 设备物理像素：window.devicePixelRatio 设备逻辑像素：docum

export const keyWord = { left: { 0: 0, 1: 0, 2: 1, 3: 2, 4: 0, 5: 4, 6: 5, 7: 0, 8: 7, 9: 8, 10: 3, // 删除 11: 6 // 确认 }, right: { 0: 1, 1: 2, 2: 3, 3: 10, 4: 5, 5: 6, 6: 11,

JS防抖 代码 某事件触发时,延迟多长时间执行事件处理函数,若在延迟时间内用户再次触发了该事件,就清除上次的定时器,重新设置定时器,最近一次动作结束后,再执行事件处理函数. <script> function debounce(fn, delay) { var timer = null; clearTimeout(tim...

<div class="box"> <div id="grid1" class="grid">电信优惠卷</div> <div id="grid2" class="grid">谢谢惠顾</div> <div id="grid3" class="grid">奖品3</div> <...