前端面试

逐帧拆解浏览器渲染流水线，从 requestAnimationFrame 到 GPU 渲染全解析，助你彻底掌握前端性能优化核心

从 compiler-sfc 解析到 runtime-dom 渲染，深度解析 Vue3 架构设计如何实现极致性能优化。

深入解析 Vue3 如何利用 Proxy 实现数据响应式，对比 Vue2 的 defineProperty，揭秘依赖收集与触发更新的全过程，还有 ref 和 reactive 的妙用！

Vite 是现代化前端构建工具，快速启动、热更新等特性显著。本文深入剖析它为何快，以及双打包器、Bundleless 等原理，还有开发与生产构建过程。

本文全面剖析 TypeScript 核心内容，从any、unknown、never等基础类型，到数组、对象、函数等语法，再到enum类型详解，助你深入理解 TS，提升前端开发技能，轻松掌握 TS 精髓

本文全面深入地讲解浏览器缓存机制。从 HTTP 缓存入手，详细介绍强缓存（如 Expires 和 Cache - Control 字段）、协商缓存（Last - Modified、ETag 等字段），

1. Vue2/Vue2.7/Vue3版本区别 先看 vue2.7官方文档说明的新增内容 移植回来的特性 组合式 API、setup 语法糖 支持 defineComponent 以改善类型推断 (相

在js中我们经常需要操作数据，对于一般的数据类型，我们可以直接使用值赋值的方式，创建一个新的变量，而对于一个引用类型变量，如果我们需要保留一份备份，就需要进行对象拷贝，我们如何进行拷贝呢，可以看看本文

# this 是什么 * this 是一个代词，代指一个对象 * this 提供了一种更优雅的方式来隐式的传递一个对象引用，可以让代码更加简洁易于复用

**作用域共有两种主要的工作模型**。 1. 第一种是最为普遍的，被大多数编程语言所采用的**词法作用域**(也叫静态作用域)。 2. 另外一种叫作**动态作用域**，仍有一些编程语言在使用（比

数组常用的方法有哪些 增：push、unshift、splice、concat push尾部插入 unshift前面插入 splice指定位置插入 concat拼接数组 删：pop、shift、spl

继承 是什么 继承是面向对象三大特性：继承、封装、多态 之一 具体来说就是让子类可以访问到父类的方法 实现方式有？ 原型链继承 构造函数继承 组合继承 原型式继承 寄生式继承 寄生组合式继承 类的继承

1 背景与目标 1.1 背景 商户服务需要对外提供 h5 / pc 等多种形态的页面，对应页面为 /pc.html 、/h5.html 等，但目前 yarn serve 时只会干巴巴的展示 127.0

1. 原型概念 JS 是一门基于原型的语言，其他语言通过类描述和实例化对象，JS 通过构造函数描述和实例化对象，通过原型实现对象继承。 JS 中几乎每个对象都有隐式原型，相当于他的父对象，这里的对象可

npm、yarn、pnpm 是常见的包管理工具 他们都是将一个一个的包下载并安装在项目的 node_modules 中 1. npm 首先是 npm，它是 node.js 自带的包管理工具，但是在现代

事件循环是 JS 中重要的概念，用于处理同步代码、异步代码的执行顺序问题 因为 JS 的执行环境不同，分为浏览器事件循环和 Node.js 事件循环