以下是一些前端高级面试题及其答案： 一、JavaScript相关 事件循环（Event Loop）机制 答案： JavaScript的事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。它包含

前面一篇文章介绍了如何做 Vite 的插件开发 # 20分钟掌握 Vite 插件开发，这篇文章介绍清晰 Vite 的构建原理，为什么比 Webpack 构建速度快这么多。

实现一个new操作符 实现一个intanceof操作符 手写 Object.create 手写节流 手写防抖 手写浅拷贝 手写深拷贝 手写call 手写apply 手写bind 函数柯里化的实现 手写

HTTP 1.1 和 HTTP 2.0 的区别：二进制协议：HTTP1.1的解析是基于文本，而HTTP2使用二进制，将请求和响应分割为更小的帧，从而实现多路复用。多路复用：在一个连接里，客户端和服务器

图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存

webpack的构建流程1. **初始化参数**：从配置文件或者shell语句中读取合并参数2. **开始编译**：用参数初始化`Compiler`对象，加载所有配置的插件，执行run方法。

XSS 攻击指的是跨站脚本攻击，是一种代码注入攻击。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信息如 cookie 等。避免方式不不用服务器端拼接后返回（不使用服务端渲染）

MVVM是一种软件架构模式，MVVM 分为 Model、View、ViewModel： Model代表数据模型，数据和业务逻辑都在`Model`层中定义；View代表UI视图，负责数据的展示

HTML src和href的区别 src和href都是用来加载外部资源，区别如下 src当浏览器解析到该元素时，会暂停其他资源的加载和处理，直到该资源加载完成。 它会将资源内容嵌入到当前标签所在的位置