前端知识点集

固定宽高比 paddingTop 实现 aspect-ratio固定宽高比 paddingTop 实现 aspect-ratio固定宽高比 paddingTop 实现 aspect-ratio固定宽高

常见布局 垂直居中 vertical-align 两侧定宽，中栏自适应 利用float+margin实现 利用table实现 利用flex实现 圣杯布局 参考 利用 HTML 和 CSS 实现常见的布

1px 线 viewport + rem 伪类 + transform: scale(0.5) border-image 可以使用图片或 svg box-shadow

深浅拷贝 对于基本类型不存在深浅拷贝之分，深浅拷贝是针对引用类型的 浅拷贝：只是复制引用，而没有复制真正的值 深拷贝：对目标的完全拷贝，复制的是对象的值。深拷贝之后对象之间互不影响。 深拷贝的方法：

HTML src和href的区别 src和href都是用来引用外部的资源 src 指向的内容会嵌入到当前标签所在的位置 src会将其指向的资源下载并应⽤到⽂档内，如请求js脚本。 href 表示超文本

this指向 非箭头函数 this的优先级如下： new call bind apply 等硬绑定 上下文对象的调用（隐式绑定） 默认绑定，即指全局对象 箭头函数 根据当前的词法作用域来决定this，

Symbol Symbol是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Obje

Set 存储任何类型的唯一值 常用方法 增 Set.prototype.add(value) 删 Set.prototype.delete(value) [移除Set中与这个值相等的元素，返回Set.

Reflect 提供了一个更好更标准的操作对象的方法。以后新的方法都会放在 Reflect 上 参考资料 阮一峰 Reflect

reduce 示例reduce 示例reduce 示例reduce 示例reduce 示例reduce 示例reduce 示例reduce 示例reduce 示例

Proxy Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等） 参考资料 MDN Proxy

Promise 一个 Promise 必然处于以下几种状态之一： 待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。 已兑现（fulfilled）: 意味着操作成功完成。 已拒绝（rej

new new F() 发生了什么 创建一个新的空的对象 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） 执行构造函数中的代码（为这个新对象添加属性） 如果这个函数的返回值为非基本

Map 任何值(对象或者原始值) 都可以作为一个键或一个值。能够记住键的原始插入顺序。 作用 在频繁增删键值对的场景下表现更好。 WeakMap 垃圾回收机制不考虑 WeakMap 对该对象的引用 不

let const var let const 块级作用域 let const 没有变量提升，有临时死区概念 let const 不能重复定义 const 不可变 let const 不会挂到全局 参

JS执行过程 1. 语法分析阶段 词法分析会把语句分解成词法单元，即 Token。 把 Token 转化成抽象语法树（AST） 2. 预编译阶段 预编译发生在 变量声明 和 函数声明，匿名函数 和 函

Javascript 数据类型 JavaScript有哪些数据类型，它们的区别？ JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String

AST 抽象语法树 参考资料 详解AST抽象语法树AST 抽象语法树 参考资料 详解AST抽象语法树AST 抽象语法树 参考资料 详解AST抽象语法树AST 抽象语法树 参考资料 详解AST抽象语法树

作用域 无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处 的位置决定。 定义 作用域是一套规则，用于确定在何处以及如何查找变量(标识符)。 声明提升 上面会被引擎理解为

原型和原型链 原型链示例图 构造函数 任何函数只要通过new操作符来调用，那么他就可以作为构造函数。 实例 只要是被new关键字调用构造函数所生成的对象就叫对象实例。 原型 所有生成的函数都会有一个p