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的现状—— 单线程 ！所有任务都在一个线程中排队执行，一旦遇到复杂计算（...
🌐AST抽象语法树
AST 是前端开发中一个非常重要的概念，它就像是代码的“编译器”，能够帮助我们理解和操作代码。本文将深入探讨 AST 的原理和应用，带你从零开始了解 AST。 一、什么是 AST？ AST（抽象语法树）是一种树形结构，用于表示程序代码的语法结构。它将代码分解为一系列的节点，每个节点代表代码中的一个元素，如变量、函数、表达式等。AST 是编译器和解释器的基础，也是代码分析和转换的关键工具。 1\. AST 的结构 AST 的结构通常包括以...
javascript类数组
前言 在JavaScript开发中，我们经常会遇到一些看起来像数组，但实际上并不是真正数组的对象，这些对象被称为 “类数组对象（Array like Objects）” 。 一、什么是类数组对象？ 类数组对象是指那些具有以下特征的对象： 1. 拥有 属性，表示元素的数量 2. 拥有索引元素（0, 1, 2…），可以通过索引访问 3. 不具备数组原型上的方法（如 , , 等） 简单来说，类数组对象"看起来像"数组，但它们并不是从 构造函数...
JS篇之性能优化
很多时候面试官，面试你的时候会问你：同学你在项目中做过哪些性能优化呢？ 可能你是这样回答的： 1. 无用代码的删除，减小代码打的体积 2. 使用cdn加速 3. 图片压缩 4. 分包 5. 骨架屏 ........ 其实性能优化是个很宽泛的东西，可以从多方面进行入手 性能优化不是视觉体验打分，网上部分评判如下 | 核心指标 | 定义 | 优化方向 | | | | | | LCP（最大内容绘制） | 首屏最大内容加载完成时间 | 图片压缩...
堆栈/异步/执行栈连环问
1\. 数据类型分别存在哪里？ (1) ，b输出什么？ 关键点 ： 是 地址复制 ，不是深拷贝。a断开连接，b不受影响。 「Q1: 如果 ，a再访问会怎样？❓」 A1: a已为null，但若a未被赋null， 也会变成"改了"，因为指向同一堆对象！👉继续看？ 「Q2: 什么情况下b会变null？💥」 A2: 只有 才行。或者全局作用域被销毁（如页面关闭）。 「Q3: 这种机制叫什么？🤯」 A3: 按引用传递（pass by ref...
前端路由揭秘：单页应用流畅导航的核心技术
前端路由揭秘：单页应用流畅导航的核心技术 为什么现代网页可以在不刷新的情况下切换页面？URL变化但页面却不会重新加载的秘密是什么？这一切都要归功于前端路由——单页应用(SPA)的核心技术。 什么是前端路由？ 在传统多页应用中，每次点击链接都会触发 整页刷新 ：浏览器向服务器请求新HTML页面，重新加载所有资源（CSS、JS等）。这种体验明显卡顿且效率低下。 前端路由则完全不同——它是 在单页应用中建立URL与组件映射关系的导航系统 。想...