引言 作为一名掘金的忠实用户，我每天打开网站的第一件事就是签到。最近在写小册《油猴脚本实战指南》的收尾章节———如何将油猴脚本打包成原生谷歌插件时，想着既然都提到提到谷歌插件开发了，于是顺手把 Chr

localStorage 你很好，我选 IndexedDB 在 Web 开发的早期，我们对 localStorage 是爱得深沉的。 简单的 API，直接调用就能存数据，写起来干净利落。 用过的人都懂

Scope Hoisting 把“模块隔离”这一历史包袱转化为性能红利，体现了现代打包工具向静态分析与编译时优化演进的趋势。理解其原理与限制，有助于在大型项目中制定更合理的模块拆分与依赖策略。

我们做前端，经常会遇到国际化（i18n）的需求。最常见的就是，如何根据用户的地区，显示不同格式的数字、货币和日期。 在不了解Intl对象之前，我们可能会写出这样的代码： 这段代码不仅繁琐、难以维护，而

最近在做商城项目时，遇到一个很常见的需求：从列表页进入详情页，返回时希望列表页能自动滚动到之前的位置，而不是从头开始。 这功能听起来简单，但如果不注意细节，

大概从五六年前开始，WebP作为Google推出的图片格式，凭借其出色的压缩能力，逐渐取代了JPEG和PNG，成为我们前端性能优化的首选。 但技术总是在进步。当我们还在享受WebP带来的红利时，两个更

说真的，前端框架这几年太卷了。React、Vue、Angular 打得火热，每年还有新秀冒出来。就在大家还在比较 hooks 和 Composition API 的时候，Svelte 悄悄杀出来了，而

你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪看到哪？」——于是你把懒加载

你在做「企业级低代码平台」时，客户把 200+ 微应用一次性嵌进门户首页。 浏览器自带的进度条只认主文档，微应用懒加载的 JS/CSS/图片它一概不管，用户盯着 100 % 的进度条却白屏 3 秒，投

如何优雅地将 Three.js 与 Mapbox 联姻 🪐 开场白：两个宇宙的语言 在这片数字宇宙中，Three.js 是一个画家，擅长在三维空间里舞动顶点与光影。 而 Mapbox，是一位地图编舞师

在这个快节奏的时代，人们越来越需要一些放松和自我探索的方式。塔罗牌作为一种古老的占卜工具，不仅具有神秘色彩，更是一种心理投射和自我反思的媒介。本文将分享如何使用现代前端技术栈，结合AI能力，打造一个功

在现代前端开发中，路由配置是构建单页应用（SPA）的重要组成部分。React 中最常用的路由库是 react-router-dom，它帮助我们实现页面之间的跳转和组件的动态加载。 今天我们就来聊一聊

一、问题场景：被 DOM 击溃的选座系统 你在接手重构某影院 Web 选座系统时，遭遇了性能噩梦： 座位数量：单厅 300+ 座位，用 div + CSS 布局 用户痛点：缩放卡顿、选择延迟、移动端崩

组件通信的四大分类 1. 父子组件通信（props + callback） 2. 兄弟组件通信（父组件作为中转站） 3. 跨层级通信（Context API） 4.任意组件通信（全局仓库）

你在一家做 B 端 SaaS 的公司，产品迭代节奏极快。某天，老板突然甩来一句：“客户要私有化部署，包体必须 < 500 KB，脚手架里那些没用到的依赖全给我砍掉！” 那一刻，你深刻体会到：脚手架是“

🔍var,let,const 有什么区别 🛠️ var 的核心特性 ⚠️var的痛点 变量提升 在声明前访问，可以在一个变量被正式声明之前就访问到他，不会报错，值为undefined。、 缺乏块级作用

本文探讨了 devDependencies 实际可能被打包进前端构建产物的问题。通过一个 Vite 项目示例，指出打包工具并不依据依赖类型区分是否打包，而是根据代码引用决定产物内容。

字符串模板引擎通过解析模板语法、结合数据上下文、生成最终 HTML 的方式，解决了传统字符串拼接的可读性和维护性问题。从简单的正则表达式替换到复杂的 AST 解析，不同的实现方案各有优劣，理解其核心原

上一篇文章【vue3 的 parse 都做了啥】中已经介绍了 vapor 编译的三个阶段的第一个阶段 parse compile 有三个阶段，分别为 parse，transform，generate