zayyo

在 JavaScript 中，异步编程是我们绕不开的话题。 最早，我们习惯使用 回调函数 来处理异步逻辑，但一旦嵌套过深，就会陷入“回调地狱（callback hell） ...

1. 求和 计算过程 下面是 reduce 方法的执行过程： 初始值 acc 为 0。 第一次迭代：acc = 0 + 1（当前元素）= 1 第二次迭代：acc = 1 +...

前言 在现代前端开发中，使用 JavaScript 的模块化打包工具（如 Webpack、Rollup、Vite 等）已经成为常态。这些工具在打包时常常会对 JavaScr...

TL;DR（拿去即用的清单） 以 Core Web Vitals 与 TTFB 为第一目标：LCP ≤ 2.5s、CLS ≤ 0.1、INP ≤ 200ms、TTFB ≤ ...

1. new 背后到底发生了什么？（规范语义视角） 当执行 new Constructor(...args) 时，大致等价于以下步骤： 创建一个全新的普通对象，并把它的内部...

React 以性能优势和声明式 UI 模型闻名，但很多开发者依然会疑惑： 问题的根源往往在于：未优化的渲染 和 组件生命周期 / memo 化的隐形陷阱。 本文将带你深入底...

很多前端同学写 JavaScript 写久了，会觉得语言特性都已经用得差不多了：函数、数组、对象、Promise……没什么新鲜感。 但其实，JavaScript 还有不少被...

一、核心概念回顾 虚拟 DOM（VNode） ：Vue 在内存中用轻量级节点（VNode）描述真实 DOM。数据变化时生成新的 VNode 树，然后把新旧两棵树进行比对（p...

什么是懒加载？ 懒加载是一种延迟加载策略，意味着资源或数据不会在应用初始化时就加载，而是只有在需要时才进行加载。在 Web 前端开发中，懒加载通常指的是在用户滚动或其他交互...

传统架构概述 传统架构概念 传统架构一般指的是多个独立的项目，通常每个项目都拥有自己独立的代码仓库、技术栈、依赖和部署流程。这样的架构在团队初期小规模运作时可能并无明显问题...