前端成长进阶指北（JS篇）

怼烎@ 2022-10-14 00:48 202阅读 0赞

点击上方 三分钟学前端，关注公众号

回复交流，加入前端编程面试算法每日一题群

面试官也在看的前端面试资料

今天主讲 **JS 篇** ，且已整理成了 **pdf** ，文末免费获取

下面进入正文吧????

## indexOf 和 findIndex 的区别 ##

>  *  `indexOf` ：查找值作为第一个参数，采用 `===` 比较，更多的是用于查找基本类型，如果是对象类型，则是判断是否是同一个对象的引用
>  *  `findIndex` ：比较函数作为第一个参数，多用于非基本类型(例如对象)的数组索引查找，或查找条件很复杂

[indexOf 和 findIndex 的区别][indexOf _ findIndex]

## 闭包 JS基础 编程题 (字节) ##

var foo = function(...args) { 
        // 要求实现函数体
    } 
    var f1 = foo(1,2,3); 
    f1.getValue(); // 6 输出是参数的和 
    var f2 = foo(1)(2,3); 
    f2.getValue(); // 6 
    var f3 = foo(1)(2)(3)(4); 
    f3.getValue(); // 10

**解答@Ishmael-Yoko**

function foo(...args) {
      const target = (...arg1s) => foo(...[...args, ...arg1s])
      target.getValue = () => args.reduce((p, n) => p+ n, 0)
      return target
    }

[字节：一道 JS 基础编程题（闭包）][JS]

## 闭包的使用场景，使用闭包需要注意什么 ##

![95aad7a1bb02f34a61c2b41052ea5a68.png][]

[闭包的使用场景，使用闭包需要注意什么][Link 1]

## 了解词法环境吗？它和闭包有什么联系？ ##

> 一个函数和对其周围状态（**lexical environment，词法环境**）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是**闭包**（**closure**）
> 
> 也就是说，闭包是由 **函数** 以及声明该函数的 **词法环境** 组合而成的

[了解词法环境吗？它和闭包有什么联系？][Link 2]

## 从页面 A 打开一个新页面 B，B 页面关闭（包括意外崩溃），如何通知 A 页面？ ##

> 本题是 html 页面通信题，可以拆分成：
> 
>  *  A 页面打开 B 页面，A、B 页面通信方式？
>  *  B 页面正常关闭，如何通知 A 页面？
>  *  B 页面意外崩溃，又该如何通知 A 页面？

[从页面 A 打开一个新页面 B，B 页面关闭（包括意外崩溃），如何通知 A 页面？][A _ B_B _ A]

## 监听一个变量的变化，需要怎么做 ##

> 监听一个变量的变化，当变量变化时执行某些操作，这类似现在流行的前端框架（例如 React、Vue等）中的数据绑定功能，在数据更新时自动更新 DOM 渲染，那么如何实现数据绑定喃？
> 
> 本文给出两种思路：
> 
>  *  ES5 的 Object.defineProperty
>  *  ES6 的 Proxy
> 
> Proxy 相比于 defineProperty 的优势：
> 
>  *  基于 `Proxy` 和 `Reflect` ，可以原生监听数组，可以监听对象属性的添加和删除
>  *  不需要深度遍历监听：判断当前 `Reflect.get` 的返回值是否为 `Object` ，如果是则再通过 `reactive` 方法做代理， 这样就实现了深度观测
>  *  只在 `getter` 时才对对象的下一层进行劫持(优化了性能)
> 
> 所以，建议使用 `Proxy` 监测变量变化

[监听一个变量的变化，需要怎么做][Link 3]

## 讲下 V8 sort 的大概思路，并手写一个 sort 的实现 ##

> 关于 `Array.prototype.sort()` ，ES 规范并没有指定具体的算法，在 V8 引擎中， **7.0 版本之前** ，数组长度小于10时， `Array.prototype.sort()` 使用的是插入排序，否则用快速排序。
> 
> 在 V8 引擎 **7.0 版本之后** 就舍弃了快速排序，因为它不是稳定的排序算法，在最坏情况下，时间复杂度会降级到 O(n2)。
> 
> 于是采用了一种混合排序的算法：**TimSort** 。

![299c4fabe2ced89a7d03c564d6bdc402.png][]

[讲下 V8 sort 的大概思路，并手写一个 sort 的实现][V8 sort _ sort]

## 了解继承吗？该如何实现继承？ ##

> JS 继承主要由六种实现方式：
> 
>  *  原型链继承
>  *  构造函数继承
>  *  组合继承
>  *  寄生组合继承
>  *  原型式继承
>  *  ES6 继承

[了解继承吗？该如何实现继承？][Link 4]

## 什么变量保存在堆/栈中？ ##

> JS 就是动态语言，因为在声明变量之前并不需要确认其数据类型，所以 JS 的变量是没有数据类型的，值才有数据类型，变量可以随时持有任何类型的数据。
> 
> JS 值有 8 种数据类型，它们可以分为两大类——基本类型和引用类型。其中，基本类型的数据是存放在栈中，引用类型的数据是存放在堆中的。堆中的数据是通过引用和变量关联起来的。
> 
> 闭包除外，JS 闭包中的变量值并不保存中栈内存中，而是保存在堆内存中。

[什么变量保存在堆/栈中？][Link 5]

## 实现颜色转换 'rgb(255, 255, 255)' -> '\#FFFFFF' 的多种思路 ##

> 仔细观察本题，本题可分为三个步骤：
> 
>  *  从 `rgb(255, 255, 255)` 中提取出 `r=255` 、 `g=255` 、 `b=255`
>  *  将 `r` 、 `g` 、 `b` 转换为十六进制，不足两位则补零
>  *  组合 `#`

[实现颜色转换 'rgb(255, 255, 255)' -> '\#FFFFFF' 的多种思路][_rgb_255_ 255_ 255_ -_ _FFFFFF_]

## 实现一个异步求和函数 ##

> 简化：两数之和
> 
> 加深：多数之和
> 
> 优化：使用 Promise.all

[一道字节笔试题，实现一个异步求和函数][Link 6]

## 一道腾讯手写题，如何判断 url 中只包含 qq.com ##

> http://www.qq.com // 通过
> 
> http://www.qq.com.cn // 不通过
> 
> http://www.qq.com/a/b // 通过
> 
> http://www.qq.com?a=1 // 通过
> 
> http://www.123qq.com?a=1 // 不通过

[一道腾讯手写题，如何判断 url 中只包含 qq.com][url _ qq.com]

## 由一道bilibili面试题看Promise异步执行机制 ##

>  *  `Promise` 构造函数是同步执行的， `then` 方法是异步执行的
>  *  `.then` 或者 `.catch` 的参数期望是函数，传入非函数则会直接执行
>  *  `Promise`的状态一经改变就不能再改变，构造函数中的 `resolve` 或 `reject` 只有第一次执行有效，多次调用没有任何作用
>  *  `.then`方法是能接收两个参数的，第一个是处理成功的函数，第二个是处理失败的函数，再某些时候你可以认为`catch`是`.then`第二个参数的简便写法
>  *  当遇到 `promise.then` 时， 如果当前的 `Promise` 还处于 `pending` 状态，我们并不能确定调用 `resolved` 还是 `rejected` ，只有等待 `promise` 的状态确定后，再做处理，所以我们需要把我们的两种情况的处理逻辑做成 `callback` 放入 `promise` 的回调数组内，当 `promise` 状态翻转为 `resolved` 时，才将之前的 `promise.then` 推入微任务队列

[携程&蘑菇街&bilibili：手写数组去重、扁平化函数][bilibili]

## es6 及 es6+ 的能力集，你最常用的，这其中最有用的，都解决了什么问题 ##

> ## 我最常用的 ##
> 
> ES6 的特性是使用最多的，包括类、模块化、箭头函数、函数参数默认值、模板字符串、解构赋值、延展操作符、Promise、let 与 const等等，这部分已经是开发必备了，没什么好说的
> 
> 另外还有：
> 
>  *  ES7 的 `Array.prototype.includes()`
>  *  ES8 的 async/await 、String padding: `padStart()`和`padEnd()` 、 `Object.values()`
>  *  ES9 的 Rest/Spread 属性、for await of、 `Promise.finally()`
>  *  ES10 的 `Array.prototype.flat()` 、 `Array.prototype.flatMap()` 、String的 `trimStart()` `trimEnd()`
>  *  ES11 的 `Promise.allSettled` 、空值处理（ `??` ）及可选链（`?.` ）
>  *  ES12 的逻辑赋值操作符（`||=` 、`&&=` 、 `??=` ）、数字分隔符（ `1_000_000_000` ）、 `Promise.any()`
> 
> ## 最有用的 ##
> 
> ES6 的特性都很有用，ES7-ES11中，我比较感兴趣的是：
> 
>  *  ES8 的 async/await
>  *  ES9 的 for await of
>  *  ES11 的 `Promise.allSettled` 、ES9 的 `Promise.finally()` 、ES12 的 `Promise.any()`
>  *  还有常用的逻辑操作：逻辑赋值操作符、数字分隔符、空值处理及可选链等都很大的简洁优化了我们的代码
> 
> 其中，async/await 异步终极解决方案，`for await of` 异步串行，`Promise.allSettled` 解决了 `Promise.all` 的只要一个请求失败了就会抛出错误的问题，当我们一次发起多个请求时，所有结果都能返回，无论成功或失败，等等等，不了解的可以往下查找

[es6 及 es6+ 的能力集，你最常用的，这其中最有用的，都解决了什么问题][es6 _ es6_]

## Promise.allSettled 的作用，如何自己实现 Promise.allSettled ##

> 本文从四个方面循序渐进介绍 `Promise.allSettled` ：
> 
>  *  `Promise.all()` 的缺陷
>  *  引入 `Promise.allSettled()`
>  *  `Promise.allSettled()` 与 `Promise.all()` 各自的适用场景
>  *  手写 `Promise.allSettled()` 实现

[Promise.allSettled 的作用，如何自己实现一个 Promise.allSettled][Promise.allSettled _ Promise.allSettled]

## Promise.any 的作用，如何自己实现 Promise.any ##

> 本文从五个方面介绍 `Promise.any` ：
> 
>  *  `Promise.any` 的作用
>  *  `Promise.any` 应用场景
>  *  `Promise.any` vs `Promise.all`
>  *  `Promise.any` vs `Promise.race`
>  *  手写 `Promise.any` 实现

[Promise.any 的作用，如何自己实现一个 Promise.any][Promise.any _ Promise.any]

## Promise.prototype.finally 的作用，如何自己实现 Promise.prototype.finally ##

> `Promise.prototype.finally()` 是 ES2018 新增的特性，它回一个 `Promise` ，在 `promise` 结束时，无论 `Promise` 运行成功还是失败，都会运行 `finally` ，类似于我们常用的 `try {...} catch {...} finally {...}`

[Promise.prototype.finally 的作用，如何自己实现 Promise.prototype.finally][Promise.prototype.finally _ Promise.prototype.finally]

## typeof 可以判断哪些类型？instanceof 做了什么？null为什么被typeof错误的判断为了'object' ##

> `typeof` 操作符唯一的目的就是检查数据类型，但我们使用 `typeof` 来判断**引用类型变量**时，无论是什么类型的变量，它都会返回 `Object` 。为此，引入了`instanceof`。
> 
> `instanceof` 与 `typeof` 相比，`instanceof`方法要求开发者明确的确认对象为某特定类型。即 `instanceof` 用于判断引用类型属于哪个构造函数的方法。

[typeof 可以判断哪些类型？instanceof 做了什么？null为什么被typeof错误的判断为了'object'][typeof _instanceof _null_typeof_object]

## var、let、const 有什么区别 ##

> 从作用域规则、重复声明/重复赋值、变量提升（hoisted）、暂时死区（TDZ）四个方面对比 `var` 、 `let` 、 `const` 声明的变量差异

[var、let、const 有什么区别][var_let_const]

WeakMap 和 Map 的区别，WeakMap 原理，为什么能被 GC？

> `Map` 相对于 `WeakMap` ：
> 
>  *  `Map` 的键可以是任意类型，`WeakMap` 只接受对象作为键（null除外），不接受其他类型的值作为键
>  *  `Map` 的键实际上是跟内存地址绑定的，只要内存地址不一样，就视为两个键；`WeakMap` 的键是弱引用，键所指向的对象可以被垃圾回收，此时键是无效的
>  *  `Map` 可以被遍历， `WeakMap` 不能被遍历

[WeakMap 和 Map 的区别，WeakMap 原理，为什么能被 GC？][WeakMap _ Map _WeakMap _ GC]

## 更多 ##

[阿里：如何判断两个变量相等][Link 7]

[实现一个 sleep 函数，可从 Promise、Generator、Async/Await 等角度实现][sleep _ Promise_Generator_Async_Await]

[面试官问：Promise.all 使用、原理实现及错误处理][Promise.all]

[实现一个方法，拆解URL参数中queryString][URL_queryString]

[介绍 setTimeout 实现机制与原理，手写一个实现][setTimeout]

[字节：如何模拟实现 new 操作符][new]

[前端同学经常忽视的一个 JavaScript 面试题][JavaScript]

[手写 LRU 缓存策略，了解 Vue 的 keep-alive 实现][LRU _ Vue _ keep-alive]

[介绍下 Set、Map、WeakSet 和 WeakMap 的区别？][Set_Map_WeakSet _ WeakMap]

[用最简洁代码实现 indexOf 方法][indexOf]

[给定两个数组，写一个方法来计算它们的交集][Link 8]

[什么是防抖和节流？有什么区别？如何实现？][Link 9]

[JS数组中 forEach() 和 map() 的区别][JS_ forEach_ _ map_]

[实现一个数组（包含对象等类型元素）去重函数][Link 10]

[不产生新数组，删除数组里的重复元素][Link 11]

[携程&蘑菇街&bilibili：手写数组去重、扁平化函数][bilibili]

pdf

##  ##

关注「三分钟学前端」:

回复「**JS**」，自动获取三分钟学前端 JS 篇小书（120+页）

回复「**算法**」，自动获取 github 2.9k+ 的前端算法小书

回复「**面试**」，自动获取 github 23.2k+ 的前端面试小书

回复「**简历**」，自动获取程序员系列的 `120` 套模版

最近开源了一个github仓库：百问百答，在工作中很难做到对社群问题进行立即解答，所以可以将问题提交至 https://github.com/Advanced-Frontend/Just-Now-QA ，我会在每晚花费 1 个小时左右进行处理，更多的是鼓励与欢迎更多人一起参与探讨与解答????

## 最后 ##

欢迎关注「三分钟学前端」，回复「交流」自动加入前端三分钟进阶群，每日一道编程算法面试题（含解答），助力你成为更优秀的前端开发！

》》面试官也在看的前端面试资料《《

“在看和转发”就是最大的支持

[indexOf _ findIndex]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d607f93f5f1170d3ee45e6d833357fca1bb248f9b2d89f0b251aa4bdea42f325d7aa72ff&idx=1&mid=2247484970&scene=21&sn=36c69a665cce7d7675fa18bb422dfc2a#wechat_redirect
[JS]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d673f93f5f6587bc180a87ea471e49fb28d0bf07741682c2b59ebd6e12c7e7a835fccb97&idx=1&mid=2247485022&scene=21&sn=7e238ae1da5a04bb16ddbacd06ce89ad#wechat_redirect
[95aad7a1bb02f34a61c2b41052ea5a68.png]: /images/20221014/088b351d86e44e9da68b4ae77c87cb89.png
[Link 1]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d67bf93f5f6dab6b229800346977f084622caf7c33c84984ed231c0c8c3c9031940b378a&idx=1&mid=2247485014&scene=21&sn=1b0815154bbeace310b8abe744cf5fc6#wechat_redirect
[Link 2]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d6bff93f5fa9b30aead4c07a830acf9596755e84c626cdff849b047893d47bd3dd993baa&idx=1&mid=2247485074&scene=21&sn=db584d2379ef91978b81854adbfaf581#wechat_redirect
[A _ B_B _ A]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d6dcf93f5fca145c8f6ae3cc44009b2a2942d5844db108ddad9ebf713b934145a488963c&idx=1&mid=2247485169&scene=21&sn=11860b76df5ba79c7ac1f659b5fb94bc#wechat_redirect
[Link 3]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d877f93f5161ca5e241c48fd36ff0cf73ea1b33d3493f0f19bceefc4dc1302396c1906de&idx=1&mid=2247485530&scene=21&sn=5f1e8da890d9cdaf68a9bfc343a758da#wechat_redirect
[299c4fabe2ced89a7d03c564d6bdc402.png]: /images/20221014/d2b8ffba552748a097a8f6e1a073e0c2.png
[V8 sort _ sort]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d79df93f5e8b13a89a82b3c213989c0bf517d09723ee284a119d95d74e0a46109217b144&idx=1&mid=2247485360&scene=21&sn=c143aba72fafc6f491888a380a616802#wechat_redirect
[Link 4]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d719f93f5e0f50e9b4d9890d66cfa86b7d0165a8f27a8073856c9ca3b735a792deef3f48&idx=1&mid=2247485236&scene=21&sn=62b62d7c6c7f33fc79232d92b6791d28#wechat_redirect
[Link 5]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d72af93f5e3c0651449f66461dab2d27e33155c4669d124bd4bcb911606b59db19f84e71&idx=1&mid=2247485191&scene=21&sn=3cddec1c4fd267d115722162f517777b#wechat_redirect
[_rgb_255_ 255_ 255_ -_ _FFFFFF_]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d7dcf93f5ecadf18562302c5c84ace88271b3ad18bdf5d0871c01dfe42fa15faaa2bfeb1&idx=1&mid=2247485425&scene=21&sn=f9d4efcc5fc47ae7596de0a57b263f6d#wechat_redirect
[Link 6]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d8b9f93f51afad0068011324ee6089125ea612499bad9fc0c85d927419065bef3450368b&idx=1&mid=2247485588&scene=21&sn=394984e7010c3f8938aaa498d46d8976#wechat_redirect
[url _ qq.com]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d7e9f93f5eff1c4d2480666050af95935a443b02fdafe89f62bd654a98f168bf39102757&idx=1&mid=2247485380&scene=21&sn=50fa8a50886e0bc319af6c62ad91d8fb#wechat_redirect
[bilibili]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d11ff93f58098180480f9f88598e965dd12b093463a08108457b7c68db77bdada37074b2&idx=1&mid=2247483698&scene=21&sn=c16fe8e907da1e4ca9d0dd62e9347dba#wechat_redirect
[es6 _ es6_]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d835f93f5123623659e9b23fa2659eb27d51a720892065fd6936893a574d3d5cfa463818&idx=1&mid=2247485464&scene=21&sn=38797270f77822748e836004b8f183a5#wechat_redirect
[Promise.allSettled _ Promise.allSettled]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d845f93f5153a170e73cacb57adea40b50179e833086bc74703b7e881c30509608c9f2f1&idx=1&mid=2247485544&scene=21&sn=88bcb08f5255751902406cec68d444d0#wechat_redirect
[Promise.any _ Promise.any]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d858f93f514e8678914addad52209483bea55442693c6cd54aa9b01a699dee347742f99d&idx=1&mid=2247485557&scene=21&sn=7f468a32acfb5f3003a92f85cf918d6d#wechat_redirect
[Promise.prototype.finally _ Promise.prototype.finally]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d8aff93f51b928947b6615d7baa31573e3d9ebeeb42e1bb36d50c74e95aa173f6b880f4a&idx=1&mid=2247485570&scene=21&sn=1c75fd521671c0d502a4e99cf8a3ac29#wechat_redirect
[typeof _instanceof _null_typeof_object]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d66df93f5f7b73da7dcf295c618c450fb545b3c6a02a9dacd6077d72243571c02cdfc0d1&idx=1&mid=2247484992&scene=21&sn=dec91a08c3b0a46d3f71448e6487406f#wechat_redirect
[var_let_const]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d814f93f51024bac007f9b6c386066789dfbac125c05010b7b9cea6078ebbe3a8dcbbe3c&idx=1&mid=2247485497&scene=21&sn=d9c7beb8558078c04b49adcaec0a25db#wechat_redirect
[WeakMap _ Map _WeakMap _ GC]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d682f93f5f94dbfd9d1a9a462bb7bd21ab4b4f46f7ccb979e6a20b6351d619f6e9f883a5&idx=1&mid=2247485103&scene=21&sn=c8bee4caa4339601e1af14036eeeca67#wechat_redirect
[Link 7]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d5dbf93f5ccdd644053150a02f957cc628ce7b47adb97fde476fcf0033c4bc74d7e7b00c&idx=1&mid=2247484918&scene=21&sn=1d5755f9f80eee7681c21e6ed72770d3#wechat_redirect
[sleep _ Promise_Generator_Async_Await]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d5f9f93f5cef5bb44642fac5e30605547fa9cab45153c9bfcb4ce87e9b1528a428e5e304&idx=1&mid=2247484884&scene=21&sn=1fc72e1a380c3097a75845ec80cd1a9a#wechat_redirect
[Promise.all]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d5fef93f5ce83dfe0131caf6ba943372b8522bf8ab3ae7e8f26dd002cd0efeaaa5109588&idx=1&mid=2247484883&scene=21&sn=9a65f2369453708303f272916daa705a#wechat_redirect
[URL_queryString]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d5b6f93f5ca093196a02a381316510dc070d3eef09c8a2f451678b8692e2223de61f7ede&idx=1&mid=2247484827&scene=21&sn=67b2218072482d2eb9a1768fc70e7b63#wechat_redirect
[setTimeout]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d5a6f93f5cb009afd43e9f3c1f2782810a4fee7a5c82ab82522bb00f5022625948d09bdc&idx=1&mid=2247484811&scene=21&sn=4e6d0eb5366ceac60027277d51e4b0bd#wechat_redirect
[new]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d514f93f5c025ba4e2e7211dce9404ccba4603734e91af7642f18e33097da7f15d32a8f2&idx=1&mid=2247484729&scene=21&sn=9b106affe7507eed1132a37bed2f8e0d#wechat_redirect
[JavaScript]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d53bf93f5c2d823e621fbbebfd76e603c79f038a0fbddbf4a5b865677abc66cb21c0d39d&idx=1&mid=2247484694&scene=21&sn=7637302a5b6f5bf60c9b5b1afc73f55b#wechat_redirect
[LRU _ Vue _ keep-alive]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d52af93f5c3c3dd1fddc0cfe43ec8d30b48d62cc611678043a0b66abefaa65732066bfbe&idx=1&mid=2247484679&scene=21&sn=b93545c5c8257c42ddd966dee15b4a63#wechat_redirect
[Set_Map_WeakSet _ WeakMap]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d488f93f5d9e6f519c2ee904c7356dbda562a280808640f2fb8a70be8a3feb1d917d3639&idx=1&mid=2247484581&scene=21&sn=08c7eac1a3604502e1c90e70cd8c46c8#wechat_redirect
[indexOf]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d46bf93f5d7d9c8bfda3cd0c6b57c48881849fd400daacbb0d6ca89709a7952be54b358a&idx=1&mid=2247484486&scene=21&sn=9ed6c0fbeeb9fc2dc057aa80c8996274#wechat_redirect
[Link 8]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d431f93f5d27caf22cf34fccca980d4d174f7a469e90e9d9b22acdce8cbdadba8c76c693&idx=2&mid=2247484444&scene=21&sn=5c9335fd37119467290affd62ac7d86a#wechat_redirect
[Link 9]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d3f0f93f5ae6bfb255dbbaa3bfd78cad9f449b90374809d9a3517edf7ff5220b8b3a6897&idx=2&mid=2247484381&scene=21&sn=d56d87b462d0de3fe72b6edb37ba59de#wechat_redirect
[JS_ forEach_ _ map_]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d2f9f93f5befa513fc37cb2fab410f6b8efca56138c91ffb5e283fa63e94e589caf1d323&idx=1&mid=2247484116&scene=21&sn=026034152ccef9531491f6414187e5eb#wechat_redirect
[Link 10]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d168f93f587ece518e043c23433d00dcc4e72412b1c3502142342600f2f5d63989ef3a78&idx=1&mid=2247483717&scene=21&sn=d0f94d13db802d2ce69b707c7c8179df#wechat_redirect
[Link 11]: http://mp.weixin.qq.com/s?__biz=Mzg2NjUxOTM2Mg%3D%3D&chksm=ce48d116f93f580083bb0c0233f8efb231f79a9c952b26ffe9d2b88d375488b688cf2a83a440&idx=1&mid=2247483707&scene=21&sn=a1ab8c5302daf284530f2451d0434be0#wechat_redirect