1. 核心基础模块

1.1 Node.js 架构与运行原理（V8/libuv/事件循环）

核心架构组成

Node.js 的架构主要由三层构成：

1. V8 引擎层
   • Google 开发的 JavaScript 执行引擎，负责：
     • JS 代码解析与执行（Ignition 解释器 + TurboFan 编译器）
     • 内存管理（垃圾回收机制）
     • 提供 C++ 绑定能力（如 Buffer 的实现）
   • 面试重点：V8 的垃圾回收策略（分代回收、Orinoco 并行回收）
2. Libuv 层
   • 跨平台的异步 I/O 库，核心能力：
     • 事件循环（Event Loop）实现
     • 线程池（默认 4 线程，处理文件 I/O 等阻塞操作）
     • 操作系统抽象（网络、文件系统、子进程等）
   • 关键考点：Libuv 如何实现跨平台（Windows 用 IOCP，Linux 用 epoll）
3. Node.js 绑定层
   • 通过 C++ 将 Libuv 和 V8 能力暴露给 JS 层
   • 典型实现：fs、net、http 等核心模块

一、核心概念与基础

1.1 Webpack 定位与核心价值

1.1.1 模块化打包的本质需求

前端开发的核心演变

原始阶段：全局变量污染

<!-- 传统开发方式 -->
<script src="jquery.js"></script>
<script src="plugin1.js"></script> <!-- 可能覆盖全局变量 -->
<script src="plugin2.js"></script> <!-- 依赖顺序必须正确 -->

模块化革命：

• CommonJS（Node.js）：const module = require(‘./module’)
• ES Modules（现代浏览器）：import module from ‘./module.js’

一、性能指标体系与监控

1.1 核心性能指标 (Web Vitals)

LCP (最大内容渲染时间)

LCP 核心定义

• 官方标准：
  • 测量 视口内最大文本/图片元素 从页面开始加载到其渲染完成的时间
  • 反映用户感知的主要内容可见性速度
• 性能阈值（Chrome官方）:
  • Good（优）：≤ 2.5 秒
  • Needs Improvement（需优化）：2.6 - 4.0 秒
  • Poor（差）：> 4.0 秒

第一章：React 基础与核心概念

1.1 React 简介与设计哲学（组件化、声明式 UI）

基础概念概述

React 是什么？

Facebook 推出的用于构建用户界面的 JavaScript 库，核心解决 UI 组件化开发问题。

两大设计哲学

• 组件化 (Component-Based)：将 UI 拆分为独立、可复用的代码单元（组件），每个组件管理自身状态与逻辑。示例：<Button />, <Card /> 等
• 声明式 UI (Declarative)：开发者只需描述“UI 应该是什么样子”（What），而非“如何更新到该状态”（How）。对比命令式：直接操作 DOM vs. 返回 JSX 描述结构

第一章：CSS 基础与核心概念

1.1 CSS 语法与选择器（基础选择器、组合选择器、属性选择器）

基础语法结构

/* 标准规则 */
selector {
  property: value; /* 声明块 */
}

基础选择器

元素选择器

div { color: red; }

• 权重：0,0,0,1
• 适用场景：全局样式覆盖

类选择器

.active { background: blue; }

• 权重：0,0,1,0
• 实践：BEM命名规范（block__element–modifier）