基础问答 问：HTTP 和 HTTPS 有什么区别？ 答：1. HTTPS 是 HTTP + SSL/TLS 协议的一个组合，使用 SSL/TLS 加密，相对更安全。2. 端口使用不同，HTTP 使用 80 端口，HTTPS 使用 443 端口。3. HTTPS 由于加密设计需要多次握手，HTTP

基础问答 问：什么是 Webpack Plugin？它的核心作用是什么？ 答：Webpack Plugin 是 Webpack 插件系统，本质是一个实现了 apply 方法的 JavaScript 类或函数。Plugin 通过 Webpack 提供的构建生命周期的回调钩子介入构建全流程（如初始化配置

概述 作用域（Scope）与作用域链（Scope Chain）是 JavaScript 的核心概念，它们决定了变量的可访问范围、生命周期，以及代码运行时变量查找的规则，理解这两个概念，可以回答我们 “变量在这里为什么能访问”，“为什么这里访问到的变量值是 undefined” 等诸多疑问，同时还能帮

基础问答 问：有没有遇到过内存泄漏？怎么排查处理的 答：前端页面上出现内存泄露，使用 Chrome devtools -> memory 工具排查，选择时间轴分配（Allocations on timeline）功能后开始录制操作，在页面上进行相关组件的操作，停止录制后，查看内存曲线，重点关注内存曲

基础问答 问：webpack 的 loader 了解吗，有什么作用？为什么 webpack 会需要 loader？ 答：webpack 本身仅能够识别 JavaScript 和 JSON 文件，但实际项目开发中会用到 CSS、Less、图片、Vue 组件等多种格式资源，Loader 就是用来解决这个

热身 先来看一道题： 请你编写一个函数，检查给定的值是否是给定类或超类的实例。 可以传递给函数的数据类型没有限制。例如，值或类可能是 undefined 。 Leetcode：2618 检查是否类的对象实例 你可能会很轻松的用 instanceof 写出来：obj instanceof class

BOM 是什么 基础问答 问：了解过 BOM 吗？他和 DOM 有什么差异？ 基础问答 问：了解过 BOM 吗？它和 DOM 有什么差异？ 答：BOM 是浏览器对象，指的是如 window ，location ，history ，screen 等由浏览器提供的操作对象，是提供给开发人员操作浏览器的部

装饰器原理 基础问答 问：什么是装饰器？有什么作用？ 答：装饰器是一种元编程语法，可以在不修改原有代码的前提下，动态地为类、方法、属性等添加一些能力，本质上还是一个函数，它接收目标对象、属性名、属性描述符（或类本身）作为参数，返回修改后的目标对象或属性描述符。 在使用的时候，是声明式的使用，在装饰器

概述 在 Web 应用架构设计中，单页应用（SPA）与多页应用（MPA）是目前两种主流的前端架构，他们各自适用于不同的业务场景。 作为一个前端开发，理解这两种模式的核心原理、技术实现及优劣势，对于我们未来选择合适的架构方案、优化应用性能有着非常重要的参考价值。 应用架构 单页和多页两种架构的差异，主

基础问答 问：知道浅拷贝和深拷贝吗？为什么要用深拷贝？ 答：拷贝，可以认为是赋值，对于 JavaScript 中的基础类型，如 string, number, null, boolean, undefined, symbol 等，在赋值给一个变量的时候，是直接拷贝值给变量，而对于引用类型，如 obj