光影少年

一、整体流程（核心主线） 浏览器渲染页面大致分为 5 个阶段： 二、详细拆解每一步 1️⃣ HTML 解析 → DOM 树 浏览器拿到 HTML 后： 从上到下解析（流式解析） 遇到标签 → 转成节点

一、先给结论（面试速答版） 👉 React Diff：偏“通用 + 启发式 + Fiber 调度” 👉 Vue Diff：偏“精确优化 + 模板编译 + 静态提升” 一句话总结： 二、相同点（基础共识

一、CI/CD 是什么？ 1️⃣ CI（Continuous Integration，持续集成） 核心思想：频繁提交代码 + 自动构建验证 👉 每次你 git push 后，系统会自动做这些事： 安装

一、先搞清楚优化什么（核心指标） 前端性能不是感觉，而是指标： ⭐ 核心 Web 指标（必须掌握） FCP（First Contentful Paint） ：首次内容出现 LCP（Largest Co

一、常见模块化规范 1. CommonJS（CJS） 主要用于 Node.js 同步加载模块 通过 require 和 module.exports / exports 实现 2. ES Module

一、Webpack 核心概念 Webpack 本质是一个 模块打包器（module bundler） ，核心思想就一句话： 👉 把一切资源当成模块，然后构建依赖图，打包输出 1. Entry（入口）

一、核心定位不同 框架 定位 React UI 库（只负责视图层） Vue.js 渐进式框架（提供完整解决方案） React 只解决 View层 其他东西需要自己选： 路由：React Router

一、React Hooks 的理解 简单来说： 它解决了几个问题： 1 让函数组件也能有状态 以前函数组件只能展示 UI，没有状态。 2 替代复杂的生命周期 类组件生命周期： Hooks 用 useE

一、父子组件通信（最常用） 1. props（父 → 子） 父组件通过 props 向子组件传递数据。 父组件 子组件 子组件可以直接使用 title。 2. $emit（子 → 父） 子组件通过 $