手把手教你实现一个EventEmitter
你是不是也遇到过这种情况：代码里各种事件监听和触发，回调函数套了一层又一层，最后自己都理不清哪个事件先触发、哪个后触发了？ 别担心，今天我就带你从零开始实现一个自己的事件触发器（EventEmitter），让你彻底掌握事件驱动的精髓，代码清晰度直接提升200%！ 为什么要懂EventEmitter？ 先说说为什么我们要关心这个。Node.js的核心就是事件驱动，比如文件读写、网络请求，都是通过事件来处理的。不会EventEmitter，...
让你彻底明白什么是闭包
今天我们来聊一个听起来很高大上，但实际上你可能天天在用（只是不知道它名字）的概念—— 闭包 。 一、一个你肯定写过的闭包 先别管定义，来看这段代码，你是不是再熟悉不过了？ 恭喜你！这就是一个经典的闭包！是不是很简单？ 二、为什么会有闭包？—— 背包的故事 想象一下，JavaScript 中的函数就像一个小机器人，当它被创建时，会背着一个神奇的 背包 。 这个背包里装着什么呢？装着它 出生时 所在环境的所有变量！ 当我们调用 时，返回的那...
👨面试官：后端一次性给你一千万条数据，你该如何优化渲染
问题背景 在去年的一场面试中，面试官向我提了一个问题： 面试官：后端一次性给你一千万条数据，渲染到页面上发生卡顿，你该怎么优化？ 我：我会问候后端（bushi） 实际上我的回答是：如果没办法改变后端的情况下，我会避免给这种大数据量赋予响应式，然后手动 分页渲染 。 面试官：不对哈，用 来优化。 我：？？？ 这段时间突然想起这个问题，决定试一下实际遇到这种情况到底该怎么优化。 测试环境搭建 前端实现（Vue3） 后端实现（NestJS）...
JavaScript 原型链深度解析
JavaScript 原型链深度解析：从概念到实践 前言 JavaScript 原型链是前端开发中最重要也是最容易混淆的概念之一。理解原型链不仅有助于我们掌握 JavaScript 的面向对象编程，更是深入理解继承、方法查找等核心机制的关键。本文将从基础概念开始，逐步深入到原型链的实际应用。 1\. 核心概念理解 什么是原型？ 在 JavaScript 中，每个对象都有一个内部属性指向另一个对象，这个被指向的对象就是原型。原型本身也是一...
JavaScript 中的this
引言：为什么 让开发者又爱又恨？ 在 JavaScript 的生态系统中， 是一个极具争议的核心概念。它灵活、动态，却又常常“出人意料”。许多开发者在调试时都会遇到类似问题： “为什么 是 ？” “明明是对象的方法，怎么 指向了 ？” “箭头函数到底有没有 ？” 这些问题的背后，是 JavaScript 独特的 执行上下文机制 与 动态绑定策略 。与 Java、C++ 等静态绑定语言不同，JavaScript 的 是在函数 运行时 根据...
JavaScript 运行机制详解:再谈 Event Loop
常常在各种场合被问到类似下面代码的输出顺序。 如果你能毫不犹豫地答出 ，并解释其原因，那么你对 JS 的异步机制已经有了不错的理解。如果你还有一丝困惑，希望本文能帮助你彻底梳理清楚。 这个问题的背后，是整个 JavaScript 的运行模型（runtime model），也就是我们常说的“事件循环”（Event Loop）。理解它，是前端工程师进阶的必经之路。 为什么 JavaScript 是单线程？ 首先，我们必须记住一个基本事实：...
原型链 & this 指向总结
一、JavaScript 原型链 1\. 基础概念 每个对象都有一个 内部属性 \[\[Prototype\]\] ，可以通过 或 访问。 构造函数 有一个 属性，指向一个对象，这个对象作为实例的原型。 查找属性的顺序： 实例 → 原型 → 原型的原型 … → Object.prototype → null 2\. 典型例题示意 | 表达式 | 值/说明 | | | | | | 1 （实例自身没有，去原型链找） | | | Foo.pr...
眼前一亮的HTTP 🌐
🌐 HTTP协议基础 什么是HTTP？ HTTP（HyperText Transfer Protocol）超文本传输协议 是互联网上应用最为广泛的一种网络协议。它是一个基于 请求 响应 模式的、 无状态 的应用层协议，常基于TCP协议传输。 OSI七层协议模型 面试考点 ：能够清晰说出HTTP位于应用层，基于TCP协议，并理解各层的作用。 🚀 HTTP版本演进史 HTTP/0....
Web Worker 多线程魔法
你是否曾遇到过网页因为复杂计算而卡顿的情况？今天，让我们一起探索Web Worker的神奇世界，看看如何用多线程技术解决性能瓶颈，并实现流畅的图片压缩功能！ 为什么需要Web Worker？ 想象一下，你在一个繁忙的餐厅里，只有一位服务员（主线程）负责点餐、上菜、结账所有工作。当客人突然暴增时，这位服务员就会手忙脚乱，其他客人只能干等着… 这就是JavaScript的现状—— 单线程 ！所有任务都在一个线程中排队执行，一旦遇到复杂计算（...