面试官：tree-shaking的原理是什么？
前言 在前端面试的过程中， 一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是 还是 ，都具备一项很强大的能力—— ，所以面试官也常常会问到 的原理是什么，这时我们该如何回答呢？其实核心原理就是 。 在前端开发中，其实 的应用有很多，比如我们前端项目的打包工具 、代码检查工具 ，代码转换工具 都依赖了 的语法分析和转换能力。 AST简单介绍 是 的缩写，这玩意儿的全称叫 ，它可以用来描述我们代码的 。 举个例子： 我这...
2023前端面试题总结：JavaScript篇完整版
JavaScript有哪些数据类型，它们的区别？ 1. （数字）: 用于表示数值，可以是整数或浮点数。例如：42、3.14。 2. （字符串）: 用于表示文本数据，可以用单引号、双引号或反引号括起来。例如："Hello"、'World'、 。 3. （布尔）: 用于表示逻辑值，只有两个可能的值：true和false。 4. （未定义）: 表示变量声明了但没有赋值，或者访问不存在的属性时返回的值。 5. （空值）: 表示一个空值或者不存在...
for in 和 for of 的区别
在对数组或对象进行遍历时，我们经常会使用到两种方法: 和 ，那么这两种方法之间的区别是什么呢？让我们来研究研究 简单来说就是它们两者都可以用于遍历，不过 遍历的是数组的索引（ ），而 遍历的是数组元素值（ ） 先说说 for in 更适合遍历对象，当然也可以遍历数组，但是会存在一些问题， 比如： 索引为字符串型数字，不能直接进行几何运算 遍历顺序有可能不是按照实际数组的内部顺序 使用 会遍历数组所有的可枚举属性，包括原型，如果不想遍历原...
浅析 Map 和 WeakMap 区别以及使用场景
📢 愿你我一起在这肆意生活里大放光彩 📢 在阅读红宝书时遇到了 这个关键字，第一次见感觉没啥用，是我见识浅了，其实还是有点用的，有多大我不知道（快跑） 希望这一篇文章能让你对 有更好的理解，或者能够帮你理解 和 这篇文章会先从 再到 一、为什么是 Map ？ 1\. 传统对象结构 本质上是一个键值对的集合。和传统对象结构相比，传统的对象只能用 字符串作为键名 ，这就在使用上造成了很大的限制了。这也是新增 的原因之一。 在上面的代码中...
必备八股文——HTML&CSS
src和href的区别 和 都是用来加载外部资源，区别如下 src 当浏览器解析到该元素时，会暂停其他资源的加载和处理，直到该资源加载完成。 它会将资源内容嵌入到当前标签所在的位置，将其指向的资源下载应用到文档内，如 脚本等。常用在 、 、 等标签。 href 指向外部资源所在的位置，和当前元素位置建立链接，当浏览器解识别到它指向的位置，将其下载的时候不会阻止其他资源的加载解析。常用在 、 标签。 HTML5新增特性 新增语义化标签，...
必备八股文——JavaScript
共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt 。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型： Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。 BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已...
必备八股文——工程化 - 掘金
git clone ：克隆远程仓库到本地。 git init ：在当前目录初始化一个新的Git仓库。 git add ：将文件添加到暂存区，准备提交。 git commit m "commit message" ：提交暂存区的改动到本地仓库，附带提交信息。 git status ：查看工作区、暂存区的状态，显示文件的修改情况。 git diff ：显示工作区与暂存区之间的差异。 git diff staged ：显示暂存区与最后一次提交...
必备八股文——浏览器
攻击指的是跨站脚本攻击，是一种 代码注入攻击 。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信息如 等。 避免方式 不用服务器端拼接后返回（不使用服务端渲染）。 对一些敏感信息进行保护，比如 使用 ，使得脚本无法获取。 对用户输入的地方和变量都需要仔细检查长度和对 等字符做过滤 攻击的本质是利用 会在同源请求中携带发送给服务器的特点，以此来实现用户的冒充。 避免方式 添加验证码验证 使用 验证 限制 不能作为被...
必备八股文——网络
传递的参数不同， 传递的参数在 中， 传递的参数在 后拼接 请求一般用于查询， 一般用于提交某种信息进行某些修改操作 相对 请求安全 请求会被浏览器主动缓存， 不会，要手动设置 请求长度有限制， 没有 请求为更新数据 为创建数据 二进制协议 ： 的解析是基于文本，而 使用二进制，将请求和响应分割为更小的帧，从而实现多路复用。 多路复用 ：在一个连接里，客户端和服务器都可以同时发送多个请求或回应，而且不用按照顺序一一发送，这样避免了 队头...