JavaScript

在使用 input 输入框时，如果正在通过中文输入法打字，会出现一个问题：输入还未完成（比如拼音还没选字、还没按下回车）时，input 事件就已经触发了。 这会导致我们在还没真正确认输入内容时，数据就

我们都知道，现代浏览器会并行下载各种资源（如 JS、CSS、图片等），但 JS 和 CSS 的加载与阻塞行为到底是什么？本文将通过实际案例、实验、配图，一次性讲清楚这些常见但又容易混淆的知识点。

JavaScript 的事件循环（Event Loop）机制决定了浏览器如何处理用户操作、异步任务和 UI 更新。很多页面“卡顿”、事件响应延迟等问题，其实都与事件循环和主线程运行方式有关。 本文通过

对于一些基于 SPA 构建的 ToC 网站，或者嵌入 App 的 Hybrid H5 页面，在项目发布上线后，我们希望能够自动检测是否有新版上线并及时提示用户刷新页面，避免用户继续使用缓存的老版本页面

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

当你想写一个油猴脚本（Tampermonkey）来注入网页，并拦截页面原有的 XMLHttpRequest 和 fetch 请求时，并返回自定义的 response 数据，实现对页面内容的“随心所欲”

Koa 的 洋葱模型（Onion Model） 是指其 中间件（Middleware） 的执行机制，类似于剥洋葱的过程，即 "先洋葱外层 -> 再洋葱内层 -> 执行核心逻辑 -> 退回外层"。它的主

本篇文章整理了一些常见的 JavaScript 语法优化技巧，并标注了每个特性的 ECMAScript 版本，以帮助开发者更好地理解和应用这些特性。

可视化大屏是每个前端工程师职业生涯中可能会遇到的一个挑战。初次接触时，我也曾感到迷茫，不知从何入手。在网上搜索了一番，发现有多种适配方案，例如使用 rem、vw/vh 以及 scale 等。然而，其中

Echarts 是前端开发中常用的可视化库，很多人都用过。但你是否遇到过这样的情况：当某个数据项的 value 值过小时（比如 Apple 的值为 1），饼图的渲染效果会显得不太理想，影响数据的可读性

做网站的时候，主题换肤是个很常见的需求，今天我们就用最简单的代码，聊聊实现主题换肤的 “三” 种实用方案。

本篇文章介绍了 JavaScript 的 垃圾回收机制，分析了 内存泄漏的常见原因，并通过代码示例和 Chrome DevTools 的 Memory 面板，展示如何 检测和优化 内存使用，帮助开发者

今天是 "虚拟列表" 系列的终章，我将带大家深入探讨 "不定高度列表项" 的处理方式，相较于市面上其他虚拟列表实现，我的这个方案具备以下 3 个优势。

大家好，我是前端大卫。 这是虚拟列表系列的第二篇文章，这次将为虚拟列表添加缓冲区。如果你还没看过上一篇内容，可以先点击这里了解：【全网最通俗易懂】虚拟列表：渲染十万条数据不卡顿（附demo和源码）。

大家好，我是前端大卫。 今天想和大家分享一个常见的前端优化技术—— 虚拟列表。 背景 假设我们需要渲染 100,000 个元素，如果直接渲染所有内容，DOM 节点会过多，占用大量内存，从而导致浏览器性