全部文章
共 1306 篇文章
🌐AST抽象语法树
AST 是前端开发中一个非常重要的概念，它就像是代码的“编译器”，能够帮助我们理解和操作代码。本文将深入探讨 AST 的原理和应用，带你从零开始了解 AST。 一、什么是 AST？ AST（抽象语法树）是一种树形结构，用于表示程序代码的语法结构。它将代码分解为一系列的节点，每个节点代表代码中的一个元素，如变量、函数、表达式等。AST 是编译器和解释器的基础，也是代码分析和转换的关键工具。 1\. AST 的结构 AST 的结构通常包括以...
Document Picture-in-Picture API 打造沉浸式多任务体验
一、问题场景：企业视频会议中的“多任务困境” 你接手了一个远程协作平台的重构项目。核心需求之一是： 用户在参加视频会议时，需要同时查看文档、填写表单、甚至浏览资料 。但传统全屏模式下，一旦切出页面，视频就暂停或被遮挡，协作效率大打折扣。 产品经理提了个“看似简单”的需求： “能不能让参会人的小窗口一直浮在桌面上？像微信视频那样？” 这背后，正是 Document Picture in Picture API 的典型应用场景。 二、解决方...
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与组件映射关系的导航系统 。想...
发布订阅模式 vs 观察者模式
发布订阅模式 vs 观察者模式：它们真的是一回事吗？ 你在学习前端开发时是否也曾困惑：发布订阅和观察者模式听起来如此相似，它们究竟有什么区别？为什么有些资料说它们是一回事，而实际代码实现却截然不同？今天，我们将揭开这两种模式的神秘面纱。 为什么我们需要设计模式？ 在深入探讨之前，让我们思考一个问题： 为什么我们需要这些设计模式？ 想象你正在开发一个复杂的前端应用，多个组件需要相互通信，但又不能紧密耦合在一起。就像城市中的交通系统，如果每...
按下回车后网页是怎么出来的
当你在浏览器中输入一个网址，比如 ，然后按下回车键，几秒钟后页面就完整地呈现在你眼前。这个看似简单的操作，背后其实是一整套精密协作的网络机制在起作用。本文将带你从基础讲起，理解 Web 开发中最重要的网络知识，帮助你搞清楚： 数据是如何从服务器传到你的电脑，并最终变成网页的？ 一、互联网通信的分层模型：OSI 七层模型 为了管理复杂的网络通信，工程师们提出了一个通用的参考模型—— OSI 七层模型 。它把整个通信过程划分为七个层次，每一...
打字机效果是如何实现的
分析效果 使用 AI 对话的时候，文字是一个字一个字蹦出来的？它不是等所有内容生成完毕后一次性展示，而是以一种流畅、实时的“打字机”效果呈现，这种体验的背后，隐藏着一种高效的Web技术。它就是 服务器推送事件（Server Sent Events，简称 SSE） 什么是 SSE 从根本上说，SSE 是一种允许服务器 单向 、 持续 地向客户端（浏览器）推送数据的Web技术。 可以把它想象成一个 电台广播 ： 服务器 是广播电台，持续不断...