走进前端

10 浏览器存储 10.1 localStorage localStorage 是浏览器提供的一种存储数据的机制，可以用于在客户端（浏览器）保存数据，即使用户关闭浏览器后再次打开也能够保持数据的存在。

9.5 Fetch API Fetch 是一种在浏览器中发起网络请求的 API，它提供了一种更加现代化、灵活的方式来处理网络请求，相较于传统的 XMLHttpRequest，Fetch API 返回的

9.4 async/await 虽然使用 Promise 可以解决回调地狱的问题，但是依然需要大量的 then 和 catch 方法，代码仍然相对复杂。 在 ECMAScript 2017 (也称作

9.3 Promise 回调地狱 Promise是为了解决回调地狱问题而产生的一种编程模式。它可以将异步操作转换为类似同步操作的形式，以便更好地处理异步代码。所以先看一下什么是回调地狱。 回调地狱指的

9.2 XMLHttpRequest异步请求对象 XMLHttpRequest对象是JavaScript中处理HTTP请求的核心，它提供了向服务器发送HTTP请求和获取响应的方法和属性。XMLHttp

9 异步编程专题 什么是异步编程，直观的说就是代码的执行顺序和书写顺序可能不一致，因此需要使用一些特殊的技术来处理异步操作的结果，如回调函数、Promise、async/await 等，主要目的是在不

8.2 location对象 location 对象是浏览器提供的一个内置全局对象，用于获取和设置当前窗口的 URL 地址和相关信息。通过 window.location 属性可以访问 locatio

8.1 window对象 window是是 BOM（浏览器对象模型）的核心对象之一，它是全局作用域的顶层对象，所以引用的时候也可以忽略window对象，直接访问这些属性和方法，比如document对象

7.4 MutationObserver MutationObserver 是一种 JavaScript API，允许开发人员异步观察网页的 DOM（文档对象模型）更改。使用 MutationObse

7.3 事件处理 事件处理器的基本概念 JavaScript 中的事件处理器是非常重要的，因为它们允许我们在交互式 Web 应用程序中响应用户的操作。通过添加事件处理器，我们可以使网页变得更加动态和交

7.2 获取 DOM 元素 getElementById document.getElementById()可以通过元素的 ID 属性获取对应的 DOM 元素。 使用方法如下： var element

7.1 DOM 介绍 DOM 是指文档对象模型（Document Object Model），是一种用于 HTML、XML 等文档的编程接口。DOM 以树形结构表示文档，允许开发者通过编程方式操作文档

6.14 Reflect Reflect 对象与 Proxy 对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect 对象的设计目的有这样几个。 (1) 将 Object 对象的一些方

6.13 Proxy Proxy 是 ES6 中新增的一个内置构造函数，用于生成一个对象的代理对象，它接收两个参数： target：被代理的目标对象，可以是任何类型的对象，包括函数、数组等等。 han

6.12 WeakMap WeakMap 和 Map 最主要的区别在于键的引用方式和生命周期。具体来说： 1 键只能是对象（包括函数），不能是原始类型的值（数字、字符串、布尔值等），因为原始类型的值没

6.11 Map JavaScript 的对象本质上是一种键值对的集合，但是传统上只能使用字符串作为键，这限制了对象在某些场合下的使用。 一方面，只能使用字符串作为键使得对象不能够很好地满足一些需要使

6.10 WeakSet WeakSet 是 ES6 中新增的一种数据结构，它类似于 Set，但是有以下几点不同： 1 WeakSet 中的成员只能是对象，不能是原始值； 2 WeakSet 中的对象

6.9 Set 类型 Set 类型是 ES6（ECMAScript 2015）标准中新增的一种数据结构。这个数据类型也叫集合。集合是一种数学概念，表示一组无序的、唯一的元素。Set 类型实现了这个概念

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，通常用于 Web 应用程序之间的数据传输。

6.7 RegExp 类型 正则表达式（Regular Expression）是一种用来匹配字符串的工具，它可以根据用户指定的规则来进行字符串的匹配和搜索。正则表达式由一系列字符和特殊字符组成，用来定