巴别塔的饿灵

核心概念 本质：模块打包器 将各种资源（JS/CSS/图片等）视为模块 通过依赖关系构建依赖图 输出静态资源bundle 五大核心概念 Entry：打包入口起点，entry: './src/index

useEffect vs useLayoutEffect 执行时机「关键区别」 钩子 触发时机 useEffect 异步执行：在浏览器完成绘制paint后延迟执行，不阻塞页面渲染 useLayoutE

对比 特性 WebSocket Server-Sent Events(SSE) 通信方向 双向 客户端和服务器可以随时相互发送消息 单向(服务器->客户端) 服务器主动推送数据给客户端，客户端只能通过

分页处理Pagination 实现原理：前端仅展示固定数量，用户通过翻页加载。 优点：大幅减少DOM节点数。 虚拟滚动Virtual Scroll 实现原理：只渲染可视区域内的元素，滚动时动态替换内容

核心概念和组件 JavaScript是单线程的 这意味着它一次只能执行一段代码。 如果所有操作（网络请求、文件读取、定时器、用户点击）都同步执行，那么耗时的操作会阻塞整个页面，导致页面无响应。事件循环

From DeepSeek. 核心原理 抽象表示 虚拟DOM是真实DOM的轻量级JavaScript对象表示。例如，一个<div>可能被表示为 更新流程 初始化： 首次渲染时，根据数据生成虚拟DOM树

定义 指能够访问自由变量的函数。自由变量是指在函数中使用的，既不是函数参数也不是函数局部变量的变量。换句话说，闭包就是能够读取其他函数内部变量的函数。 在JS中，闭包通常是指一个函数及其捆绑的周边环境

BFC 触发 清除浮动 浮动元素会脱离文档流，所以普通容器内的浮动元素是不会被算进容器高度中，所以会导致一些容器高度为0，但是子元素有高度，从视觉上遮盖了该容器的兄弟元素，此时把该容器设置为BFC容器

元素 扩展 [1] $\color{red}{怪异模式}$ 模拟旧版本浏览器的行为，不同浏览器行为可能不一致 没有声明DOCTYPE/使用过时的DOCTYPE声明时触发 与标准模式的主要区别 盒模型计