单例是在应用的整个生命周期中只存在一个实例的对象。所有调用者拿到它时，得到的都是同一个实例——相同的状态、相同的方法、相同的标识。我们可以使用单例模式来管理全局状态和共享资源。

手写 Promise.all：用计数器跟踪并发 Promise，所有成功返回结果数组，任一失败立即 reject，对比 race/allSettled/any。

一、 Nginx 的安装 1. 安装 EPEL 源并下载 Nginx 在 CentOS 上，Nginx 通常不包含在默认官方源中，需要先安装 EPEL 扩展源： 2. 管理 Nginx 服务进程 二、

setState 是同步还是异步？答案在 React 18 后变了。拆解批处理演进、自动批处理场景，以及 Fiber 双缓冲树与 lanes 优先级模型，附渲染次数对比图，讲清面试连环追问怎么答。

纯函数与副作用的分离是现代前端可维护性的基石，是一种**让代码变得可预测、可测试、可复用**的工程方法。当你习惯把大部分逻辑写成纯函数，把副作用集中在少数明确的角落时，bug 更少、重构更安全...

前言 一、为什么要给请求 “限速”？ 上了这么多年网，想必大家应该都经历过以下画面： 打开电商详情页，一堆商品图片、评论、推荐接口同时发起，页面半天加载不出来 某个大文件上传时，其他小请求直接超时失败

懒加载不是"延迟加载"，而是**只加载用户当前需要的东西**。本文从图片、路由、组件三个维度，给出可直接落地的方案。

深拷贝需递归拷贝所有层级，JSON方案无法处理函数/循环引用，用WeakMap记录已拷贝对象避免无限递归。

前端高频事件如 scroll、resize、input、click 很容易在短时间内被大量触发，如果不加以控制，可能导致服务端压力激增、页面卡顿甚至逻辑错误。防抖和节流是两种经典的时间控制方案。

🔥 JavaScript this 指向全解析：面试必考的 5 大绑定规则 一、先看一个经典面试题 很多人会脱口而出：都输出 "姆巴佩"。但实际结果是： fn() → "梅西"（普通函数调用，this

🌐 前端存储全攻略 & JavaScript this 绑定完全指南 📖 写在前面 在前端开发中，数据存储和 this 指向 是两个绕不开的核心话题。无论是面试八股文，还是日常业务开发，它们都无处不在

这篇文章同样来自 Google 的 web.dev 平台，紧接上一篇 JavaScript 代码拆分的内容。这次的核心主题是 “如何延迟加载（Lazy Loading）图片和 <iframe> 元素，

一、 视频的底层结构：容器 vs 编解码器 很多人以为 .mp4 或 .webm 就是视频的全部，但实际上它们只是“包装盒”（Container，容器）。 容器（Container）： 比如 MP4、

Cookie 是 Web 中最古老的状态管理机制，也是前端安全中最容易被忽视的薄弱环节。今天就让我们来一起来复习下 Cookie 的三个属性HttpOnly、Secure、SameSite 分别防什么

这篇文章进入了性能优化的另一个大头—— “图片性能优化（Image Performance）” 。 图片通常是网页上体积最大、最占带宽的资源。文章的核心思想是： “在不牺牲肉眼可见画质的前提下，通过各

引子——一个面试回答引发的思考 01. 一个让全场安静的面试回答 在某次的前端面试现场，面试官抛出了一个看似平常的问题： 候选人显然有备而来，脱口而出： 面试官微微一笑，追问了一句让全场安静的话： 这

这篇文章是 Google 官方 Web 开发者网站（web.dev）中关于 Web 性能优化 的核心教程，主要讲解了“关键渲染路径（Critical Rendering Path，简称 CRP）”的概

TypeScript 类型系统是图灵完备的——用4个实战场景展示怎么用它防呆：①条件类型推断API响应；②映射类型生成表单/验证/提交类型；③模板字面量类型约束路由参数；④infer的三种用法。

中小厂前端候选人简历面试拆解：从 HR 面、技术面到主管面的双赢提问法 一、第一眼判断：值得进面，但不能直接按中高级看 如果我是中小厂前端面试官，这份简历的第一判断是： 值得进面，但要带着验证意识。