基础积累 技术提升之路

7种设计模式 设计模式按功能分3类，本文覆盖全部核心类型，掌握这7种就能应对80%的前端场景： 结构型：亨元模式、单例模式（优化代码结构，提升复用） 行为型：备忘录、中介者、迭代器、发布-订阅（规范对

JavaScript 对象属性遍历完全指南：6 种常用方法详解与对比 一、先明确一个核心概念 在学习具体方法前，我们先厘清一个关键概念，这是理解不同方法差异的基础： 对象的属性键类型：对象的属性键有两

解决深拷贝循环引用痛点：一篇看懂 WeakMap 实现方案 在 JavaScript 开发中，深拷贝是高频需求——无论是处理复杂的业务数据，还是封装工具函数，我们都需要确保拷贝后的对象与原对象完全独立

JS 链表详解：基于固定示例的单向/双向链表与中间节点删除实战 在 JavaScript 数据结构体系中，数组凭借连续内存的优势实现 O(1) 随机访问，但非首尾位置的新增/删除需移动大量元素，性能堪

从零手写简单版Promise：吃透核心原理，为进阶打基础 从 0 开始，手写一个简单版 Promise（后续会更新完整版）。通过手动实现，帮大家搞懂 Promise 最核心的状态管理、resolve/

深入理解防抖与节流：从原理到实战（附可直接复用代码） 在前端开发中，我们经常会遇到频繁触发事件的场景——比如输入框实时搜索、滚动条滚动监听、按钮重复点击、窗口大小调整等。如果不对这些事件进行处理，频繁

一文了解 Cookie、localStorage、sessionStorage的区别与实战案例 在前端开发中，浏览器存储是不可或缺的核心能力，无论是保存用户登录状态、记住主题偏好，还是暂存表单中间数据

一文搞懂事件冒泡与阻止方法：event.stopPropagation() 实战指南 在前端开发中，事件流是绕不开的核心概念，而事件冒泡作为事件流的重要阶段，常常让新手陷入“事件触发混乱”的困境。比如

深入理解 JavaScript 垃圾回收机制与内存泄漏防范（实战指南） JavaScript 作为一门自动管理内存的高级脚本语言，内存管理的好坏直接决定了代码的性能与稳定性。在日常开发中，页面卡顿、性

🔥 手撕call/apply/bind：从ES6用法到手写实现，吃透this指向核心 在JavaScript中，this 指向的绑定是前端开发绕不开的核心知识点，而 call、apply、bind 作

彻底搞懂JavaScript块级作用域与函数作用域：var、let、const的核心区别 在JavaScript中，作用域是控制变量访问权限的核心机制，直接影响代码的安全性、可维护性甚至运行结果。尤其

函数与变量的优先级：搞懂这3个核心场景，再也不踩坑 在 JavaScript 开发中，我们经常会遇到这样的困惑：当函数和变量同名时，到底谁会被优先访问？为什么有时候打印的是函数，有时候却是变量值？其实

彻底搞懂 JS 数据类型：基本类型与引用类型的核心差异 在 JavaScript 开发中，遇到过这样的困惑：同样是变量赋值，为什么修改一个变量，有的时候另一个变量不受影响，有的时候却会跟着变？其实这背

一文搞懂 JavaScript 原型链：从本质到实战应用 在 JavaScript 世界里，原型链是贯穿始终的核心概念。很多开发者对它又爱又恨——爱它支撑起了 JS 的面向对象特性，恨它抽象难懂、容易

一文吃透 JavaScript Class：从基础语法到实战应用 在 JavaScript 发展历程中，Class 的出现让面向对象编程（OOP）变得更加直观和规范。在此之前，我们依赖原型链实现继承，

先理解 Proxy 的核心思想 Proxy 就像一个“拦截器”，它可以“监听”一个对象的操作，比如： 访问对象的属性（读取） → 触发 get 拦截器 给对象的属性赋值（写入） → 触发 set 拦截

事件循环是 JavaScript 处理异步的机制。 JS 先执行调用栈里的同步代码，栈空后会优先清空微任务队列（比如 Promise.then），然后执行一个宏任务（比如 setTimeo