随笔分类 - JS
摘要：正则1 最初学正则的时候一笔带过没有认真学，导致每次想使用正则都是百度搜，最近重新学习了一下正则的语法，记录一下。 修饰符 i 忽略大小写 const reg = /a/i; let r1 = reg.test("abc"); console.log(r1); // true let r2 = re
阅读全文
摘要：const p = new Promise((res, rej) => { console.log('我是Promise') // 1 res('我是resolve') }) console.log('我是主线程') // 2 p.then(res => console.log('我是then：'+
阅读全文
摘要：防抖和节流 防抖和节流主要目的就是防止一个事件频繁触发或频繁使用DOM。比如scroll事件，滚动事件通常频繁触发，上一次回调没有执行完，下一次的事件就触发了，导致出现的页面抖动现象。 函数防抖的主要思想是让事件不立即触发 函数节流的主要思想是每次触发后间隔 n 秒后再触发 防抖 让事件不立即触发
阅读全文
摘要：首先说 new，new 是创建实例，常规如下： function a(x){ this.x = x } // 实例化 let b = new a(3) // { x: 3} b.__proto__ a.prototype // true b.__proto__ Object.prototype //
阅读全文
摘要：两点注意： 1.function做为返回值再调用时，属于在全局执行，所以this应指向全局 2.箭头函数没有this，故直接向外层找，且因为没有this，所以无法绑定this 第一题： var name = 'window' function Person (name) { this.name =
阅读全文
摘要：Storage 属性和方法 localStorage 和 sessionStorage 都有如下方法和属性 let nameS = localStorage.username if(!nameS){ nameS = prompt("what is your name?") localStorage.
阅读全文
摘要：发送请求 要发送简单的HTTP请求，使用fetch()只需要三步 1.调用fetch()，传入要获取内容的url 2.在http响应开始到达时取得第1步一步返回的响应对象，然后调用这个响应对象的某个方法，读取响应体 3.取得第2步异步返回的响应体，按需处理他 fetch因为返回promise通常要写
阅读全文
摘要：flex布局 使用display:flex开启flex布局 display: flex; 主轴方向 flex-direction可以设置主轴为x轴还是y轴，元素根据主轴排列，横轴为row，纵轴为column，顺序反转为row-reverse flex-direction: row; 主轴子元素排列方
阅读全文
摘要：HTML文档 <body> <span>呵呵呵</span> <div id="container"> <span>哈哈哈</span> <input type="text"> <input type="text"> <input type="text"> <button id="btn">点我</
阅读全文
摘要：通过CustomEvent可以定义一个自定义事件，用来定义一个全新的事件目标 CustomEvent()可接收两个参数，第一个参数是一个字符串，用来表示事件类型，第二个参数是一个对象，指定事件属性，可以将这个对象的detail属性设置为一个字符串、对象或其他值，表示事件的上下文 如下代码： // 定
阅读全文
摘要：Proxy对象提供了一种途径，让我们能够自己实现基础操作，创建具有普通对象无法企及能力的代理对象，创建代理对象时,需要指定另外两个对象,即目标对象(target)和处理器对象(handler) let proxy = new Proxy(target, handler) 创建Proxy 代理对象没有
阅读全文
摘要：es6提供了一个全新的api Reflect，其将object对象一些内部的方法，放到Reflect对象上，将来可能彻底取代Object对象内部的这些方法，方法的返回值也更改为true或false new.target 在介绍API之前我们先说一个属性，new.targer指向直接被new执行的构造
阅读全文
摘要：Promise期约 偏原理向，方法使用移步 https://www.cnblogs.com/xt112233/p/15137255.html 链式写法 期约的错误写法(fetch会返回一个期约)，大量的嵌套回调函数，违背了期约的初衷 fetch("/api/user/profile").then(r
阅读全文
摘要：生成器 生成器使用function*进行定义，调用生成器，并不会执行函数体，而是会返回一个生成器对象，这个生成器对象是一个迭代器，调用next()方法会开始执行函数体，直到遇到yield语句。yield语句的值会成为next()方法的返回值 function* getText(){ yield "t
阅读全文
摘要：迭代器 可迭代对象和迭代器是ES6的一个特性，迭代器可使用 for/of 进行迭代 for(let i of [1, 2, 3]){ console.log(i); } 迭代器可使用扩展操作符，也可进行解构 let chars = [..."abcde"] // ["a", "b", "c", "d
阅读全文
摘要：URL 创建URL 使用URL对象时，要传入一个绝对URL作为参数 let url = new URL("https://127.0.0.1:8080/path/name?age=18&sex=man#hashtest") url.href // https://127.0.0.1:8080/pat
阅读全文
摘要：let o = { a: 1, b: 2, c: 3 } let s = JSON.stringify(o) typeof s // string let p = JSON.parse(s) typeof p // object 如果传入了json不支持的数据结构，例如Map, Set, RegEx
阅读全文
摘要：通过继承原生Error类，实现定制的error class HTTPError extends Error{ constructor(status, statusText, url){ super(`${status} ${statusText}: ${url}`) this.status =sta
阅读全文
摘要：Date() 创建日期对象 若不传参数，则输出该对象会返回当前时间 let now = new Date() 若传一个数值参数参数，则将其视为毫秒数，计算1970年1月1日经过了相应毫秒数后的日期 let epoch = new Date(0) // 1970-01-01T00:00:00.000Z
阅读全文
摘要：Int8Array // 有符号字节，元素值在0-255之间，溢出会翻转 Uint8Array // 无符号字节，元素值在0-255之间，溢出会翻转 Uint8ClampedArray // 无符号字节，溢出不归零，会顾定为0或255（绘制颜色时很有用） Int16Array // 有符号16位短整
阅读全文
