随笔分类 - 前端技术栈 / JavaScript
摘要：# history对象 在JavaScript中，window对象通过histor对象提供对浏览器的会话历史记录的访问 并且从HTML5开始，提供了对history栈中内容的操作 # history对象的方法和属性 跳转页面： history.back():后退 history.forward():
阅读全文
摘要：今天项目中，接收node服务器发送的数据完成页面渲染时，迟迟接收不到，Console栏里也没有报错信息，很是奇怪。于是开始和BUG的相爱相杀之旅。 1 首先打印服务器是否已经发送数据，发现数据已经发送出去，于是去检查客户端 2 查看客户端交互部分代码，如下： static readStateHand
阅读全文
摘要：功能：基于数组生成内容。动作：rollup、rolldown等 export default class SearchMenu { static searchList = [ { id: 1, head: "类<i></i>别", item: ["不限", "女戒", "花戒", "排戒"] },
阅读全文
摘要：如何实现一个Promise 1 实现Promise构造函数 Promise自身包含一个状态属性PromiseStaus，一个异步结果属性PromiseResult 状态在pending、fulfilled、rejected之间枚举，改变状态的两个函数resolve、reject由Promise自身的
阅读全文
摘要：ES5类 原型 原型链 继承 JavaScript中，原型是相对于构造函数(类)的叫法(或者说概念)，原型链是相对于构造函数(类)的实例对象的叫法。 对于JavaScript对象，如果在对象自身上找不到该属性，那么就会向上沿着原型链继续查找该属性 创建一个ES5类 在ES5中，类由函数名首字母大写的
阅读全文
摘要：对象的创建： 1 字面量创建 var obj = {a:1,b:2}; 2 构造函数创建 var obj = new Object(); obj.a = 1; obj.b = 2; 3 Object.create(targetObj):根据已有对象创建 使用已有对象提供新对象的原型链，现有对象会将t
阅读全文
摘要：防抖Debounce 为了防止事件在较短时间内连续触发从而引起对应的事件函数不必要的连续执行的事件处理机制。 一旦开始触发事件，Throttle保证了每个时间段内事件函数至少执行一次，Debounce则没有这样的保证。 防抖 debounce 在一定时间间隔内，事件函数被触发多次，但只执行最后一次。
阅读全文
摘要：1 js 几种 for 循环的区别 测试 loop 类型: for forEach forOf forin forof Object.keys 测试维度: 1. 是否可访问非索引的属性 2. 是否会访问到empty元素 3. 是否可中断循环 4. 是否可访问原型属性 5. 是否可访问不可枚举属性 6
阅读全文
摘要：单例模式： 要求一个类只有一个实例化对象存在 这个实例化对象必须提供一个全局对外访问方式 这个实例化对象应当是私有的，不能被外界直接访问或者更改 方式1 get实现 唯一实例化：判断这个对象是否存在，如果存在就返回,不再创建 全局访问：静态 私有：get只读，没有set,只读不写 export de
阅读全文
摘要：递归遍历： 基本问题: 当前属性值不为对象时，打印键和值 递归过程：当前属性值为对象时，打印键，继续递归 var o = { a: { b: { c: { d: { e: { f: 1, g:{ h:2 } } } } } } }; function printObjRec(obj) { for (
阅读全文
摘要：闭包： 1 函数内声明了一个函数，并且将这个函数内部的函数返回到全局 2 将这个返回到全局的函数内中的函数存储到全局变量中 3 内部的函数调用了外部函数中的局部变量 闭包简述： 有权访问另一个函数局部作用域中的变量的函数 闭包清除： 将存储该内部函数的全局变量赋值为null,此时内部函数没有被引用，
阅读全文
摘要：/* 实现一颗树 结点类:Tree 包含左子树left,右子树right,根节点root,缺省为null 构造设置value 树类:Trees 构造:默认根节点为null insert: 如果当前根节点不存在,则将传进来的节点存为根节点 如果当前根节点存在,执行InsertTree insertTr
阅读全文
摘要：桶排序: 对象中,数字键按照升序排列.依据这一特性将数组的值作为对象的键和值存入对象实现排序 因为对象的键不重复,因此不支持数组有重复元素存在的排序场景，也可以看作是实现数组的去重排序 function BucketSort(arr) { var o = {}; for (var i = 0; i
阅读全文
摘要：this 对象中的this //对象属性中的this,指向window //对象函数中的this,指向函数的调用者 // console.log(this);//window function abc(){ // console.log(this);//window } //对象中的this var
阅读全文
摘要：var request = new XMLHttpRequest(); IE7以下： var request = new ActiveXObject("Microsoft.XMLHTTP"); 手机端一般不需要兼容，PC端需要 var request = new XMLHttpRequest() |
阅读全文
摘要：Window: window.innerWidth:浏览器viewport视口宽，包括垂直滚动条 window.innerHeight:浏览器视口高，包括水平滚动条 window.outerWidth: 获取浏览器窗口外部的宽度。表示整个浏览器窗口的宽度，包括侧边栏（如果存在）、窗口镶边（windo
阅读全文
摘要：window.getComputedStyle（element,[string]） 1参为需要获取样式的元素，2参指定伪元素字符串（如“::after”，不需要则为null），设置2参可获取element的伪元素css样式 返回一个CSSStyleDeclaration对象，是所有css样式（内部、
阅读全文
