No road to follow

按顺序完成异步操作实际开发中，经常遇到一组异步操作，需要按照顺序完成。比如，依次远程读取一组 URL，然后按照读取的顺序输出结果。 Promise 的写法如下：123456789101112function logInOrder(urls) { // 远程读取所有URL const textPromises = urls.map(url => { return fetch(url).then(response => response.text()); }); // 按次序输出 textPromises.reduce((chain, ...

第七种数据类型在 ES6 出现前，Javascript 有 6 种数据类型： Undefined Null Boolean Number String Object 每种类型都可以看做值的集合。前 5 种集合值的数量是有限的。比如 Boolean，只有true和false两种情况。Number 和 String 值的数量显然要多得多。根据 ECMA Standard，Number 大约有18,437,736,874,454,810,627 个值，String 的话大约有 (2144,115,188,075,855,872 − 1) ÷ 65,535 种可能。而对象的范围是无限的，每一个对象 ...

Array.flat(depth)递归平铺多维数组，depth指定嵌套数组中的结构深度，也就是指定的递归层级，默认是 1。此方法并不修改原数组，而是返回一个新的数组。 之前如果我们想平铺数组可以这样做：1const flatten = arr => arr.reduce((flat, next) => flat.concat(Array.isArray(next) ? flatten(next) : next), []) 或者利用展开运算符，但只适用于二维数组，不过可以通过递归平铺任意维度的数组：12345678function flattenArray(arr) { ...

在 Vue 和 Vuex 的源码中，作者都使用了Object.create(null)来初始化一个新对象。为什么不用更简洁的{}呢？ Object.create()1Object.create(proto[, propertiesObject]) proto：新创建对象的原型对象。 propertiesObject：可选。要添加到新创建对象的可枚举属性（即其自身定义的属性，而不是其原型链上的枚举属性）的属性描述符以及相应的属性名称。这些属性对应Object.defineProperties()的第二个参数。 new 一个函数 和 Object.create 都发生了什么new 一个构造函 ...

数组合并数组 Array.concat()：会创建一个新的数组，对于大数组来说会消耗大量内存。 Array.push.apply(arr1，arr2) 类数组 arguments 对象、DOM 节点列表转化成数组的几种方式 for 循环后 rebuild ES5 - Array.prototype.slice.call(NodeList) (性能差) 12345// 以 arguments 为例(function fn(){ var arr = Array.prototype.slice.call(arguments) return arr.reduce((prev, curr ...

offsetParent：返回一个元素对象： 如果祖先元素中具有定位元素，此属性返回距离它最近的定位元素。 如果祖先元素中没有定位元素，那么返回最近的 table、td、th 或者 body 元素。 offsetTop： 当前元素顶端至父元素顶端距离，鼠标滚轮不会影响其数值。 不包括 border (当前元素 border 外到父元素 border 内)。 此属性可以获取元素的上外缘至offsetParent的距离，如果没有 offsetParent，则是至文档内壁的距离。 clientTop：当前元素client区域左上角与整个元素左上角的垂直距离，即上边框的高度。 ...

主要的编程范式有三种：命令式编程（Imperative programming）、面向对象编程（Object Oriented Programming）和函数式编程（Functional Programming）。 假设我们有这么个需求，我们登记了一系列人名存在数组中，现在需要对这个结构进行一些修改，需要把字符串数组变成一个对象数组，方便后续的扩展，并且需要把人名做一些转换：123['john-reese', 'harold-finch', 'sameen-shaw'] // 转换成[{name: 'John ...

执行栈执行栈，也叫调用栈，具有 LIFO（后进先出）结构，用于存储在代码执行期间创建的所有执行上下文。首次运行 JS 代码时，会创建一个全局执行上下文并 Push 到当前的执行栈中。每当发生函数调用，引擎都会为该函数创建一个新的函数执行上下文并 Push 到当前执行栈的栈顶。根据执行栈 LIFO 规则，当栈顶函数运行完成后，其对应的函数执行上下文将会从执行栈中 Pop 出，上下文控制权将移到当前执行栈的下一个执行上下文。12345678910111213141516171819var a = 'Hello World!';function first() { ...

仅居中元素定宽高适用 absolute + 负margin absolute + margin auto absolute + calc 居中元素不定宽高 absolute + transform lineheight writing-mode table css-table flex grid 公共代码：1234567891011121314151617<div class="wrapper"> <div class="box size">123</div></div>.wrapper  ...

身份证号码：1234// 第二代身份证号码正则let isTrue = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/// 第一代身份证正则表达式(15位)let isTrue=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/ 手机号号码：时间截止为：2018年1月11日移动号段：134 135 136 137 ...