需要记住的前端API

alt 属性 用途：为图像定义可替代的文本。 示例代码： title 属性 用途：提供额外的信息或描述，增强用户体验。 示例代码： href 属性 用途：指定链接的目标地址。 示例代码： src 属性

简述 场景 优化函数回调 模拟一个回调函数 优化前 Promise 同时执行多个异步 通过race完成无感刷新 这里我拿web-loading这个插件的源码参考 这里为了看更清楚，翻译了下

简介 比较 强引用 弱引用 内存回收 window.gc 等待浏览器内存回收周期 引用计数算法 标记-清除算法 以上都还只是内存回收算法，那周期呢，因为各厂商的浏览器引擎不一样，这里我采用js红宝书这

Web客户端存储方式 Cookie(不推荐) 小型文本文件，可用于在客户端存储少量数据 通常用于存储会话状态、用户偏好等信息 请注意，当您尝试从JS代码中读取Cookie时，您只能访问当前脚本来源所在

兼容性 虽然API浏览器兼容性还可以，但不同浏览器内核输出的值可能有几率不一致。 在 chrome浏览器中 在微信嵌入浏览器中 不要问我为什么知道，暂时的解决方案使用正则去掉中文。 虽然有亿些弊端，但

全局对象 window：表示当前窗口或者全局环境。 document：表示当前文档对象。 屏幕信息 screen.availWidth和screen.availHeight：表示屏幕可用宽度和高度，即

举个栗子，例如isMobile，这个插件就是利用获取navigator.userAgent来判断是否是移动端还是PC还是IPAD等等。 输出结果可能会类似于下面这样： 上述代码中，我们可以看到navi

常用 proxy get(target, key, receiver)：在读取属性值时拦截。 set(target, key, value, receiver)：在设置属性值时拦截。 has(targ

MutationObserver MutationObserver 观察器可以观察目标节点的子节点、属性和文本内容等变化。具体来说，它能够观察以下三种类型的变化： childList：指目标节点的子节

addEventListener相对于直接使用onXX去注册或监听事件，可以注册多个相同类型的事件处理程序，而不会覆盖现有的处理程序。 一下是默认的addEventListener常用的API add

Document对象是获取元素后返回的是HtmlElement对象，它是由Element对象派生而来。所有的HTML元素都是HTMLElement对象的实例，如<div>、<p>、<span>等。HT

Document对象是JavaScript中最常用的对象之一，它允许开发者与浏览器DOM（文档对象模型）交互，并且大部分JavaScript操作都涉及到该对象。 getElementById() 根据

Object.create() 使用指定原型和可选属性创建一个新对象。 Object.keys() 返回一个由所有可枚举的字符串属性组成的数组。 Object.values() 返回给定对象的所有可枚

push() 这个方法会在数组末尾添加指定的元素，并返回新的长度。它会改变原始数组。 pop() 这个方法会移除数组中的最后一个元素，并返回该元素。它会改变原始数组。 shift() 这个方法会移除数