📌 一句话概括 JavaScript模块化从最早的IIFE到现在的ES Module，经历了近20年的演进，每一次变革都解决了当时的核心痛点。 🎯 背景 在ES6之前，JavaScript没有官方的模块系统。开发者只能用各种” hack “手段来模拟模块化。理解这段历史，能帮你更好地理解为什么现在的模块系统是这样设计的。 时间线： 2009年之前：IIFE时代 2009年：Commo...

📌 一句话概括 模块循环依赖是指模块A依赖模块B，同时模块B又依赖模块A的现象，CommonJS和ES Module对此有不同的处理机制，理解其原理能帮你避免隐藏的bug。 🎯 背景 在现代前端工程中，随着项目规模增大，模块间的依赖关系越来越复杂。不经意间就会出现循环依赖： // a.js import { b } from './b.js'; export const a = 'm...

一句话概括 ES Module (ESM) 是 JavaScript 官方模块化标准，通过 import / export 语法实现静态化模块化，支持编译时优化（如 Tree Shaking）。 背景 在 ES Module 出现之前，JavaScript 社区主要有两种模块化方案： CommonJS：Node.js 采用，同步加载，适合服务端 AMD/CMD：浏览器端异步加...

一句话概括 CommonJS 是 Node.js 采用的模块化规范，通过 require 同步加载模块、module.exports 导出接口，构建了服务器端的模块生态。 背景 在 ES Module 出现之前，JavaScript 没有官方模块系统。CommonJS 规范应运而生，最初为服务器端 JavaScript（Node.js）设计，后来也成为浏览器端打包工具（如 Webpac...

深入探讨数组扁平化的多种实现方式：递归实现、reduce实现、栈实现、Generator实现

深入探讨Cookie的属性、HttpOnly安全标识、SameSite跨站策略，以及与Storage的对比

一句话概括 全面对比浏览器三大存储方案（localStorage、sessionStorage、IndexedDB）的机制、特性与适用场景，掌握前端本地持久化的核心知识。 背景 前端应用越来越复杂，对本地存储的需求也在不断增长。从最初简单的Cookie，到HTML5引入的Web Storage，再到功能强大的IndexedDB，浏览器提供了多种本地存储方案。理解各方案的设计初衷、能力边界和...

一句话概括 深入探讨JavaScript数组去重的多种实现方式，从基础到进阶，分析不同方法的性能差异和适用场景。 背景 数组去重是前端开发中非常常见的操作，无论是处理API返回的数据、用户输入的列表，还是表单提交前的数据清洗，都离不开数组去重。虽然看似简单，但不同实现方式在性能、兼容性、功能支持等方面存在显著差异。 概念与定义 数组去重是指从一个数组中移除重复元素，确保每个元素只出现一次...

一句话概括：forEach、map、filter、reduce、some、every 是 JavaScript 中最常用的数组遍历方法，它们在返回值、副作用和使用场景上各有差异，面试中常被要求对比分析。 背景 在日常前端开发中，数组遍历是最常见的操作之一。JavaScript 提供了丰富的数组遍历方法，它们看似相似，但实际上在返回值、是否改变原数组、性能特点等方面有显著差异。掌握这些方...

从零手写支持多种数据类型、循环引用、Symbol的完整深拷贝函数，深入理解引用类型复制原理