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

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

压缩的核心原理其实主要是三个 移除注释 缩短标识符 压缩空白符 一、移除注释 代码解释 这段代码是用来移除 JavaScript 代码中的注释的，使用了两个正则表达式替换： 第一个 .replace(

在2025年的前端圈，说自己不喜欢TypeScript，几乎是一种“政治不正确”。现在你去面试，如果说自己的项目没用TS，面试官看你的眼神都会有点奇怪。 坦白说，我曾经是TS最忠实的拥护者。大概五六年

一、为什么JWT成为现代Web开发的首选？ JWT 全称 JSON Web Token，是一种基于 JSON 的轻量级身份认证规范。它就像我们进出小区的门禁卡 —— 初次登录时由服务器发放，之后访问需

话说，我在面试的时候，80%的情况下，都会被问到首屏优化问题，烦，恨~ 所以，看到这里的前端佬就有福了，如题，藏着个小小的知识点，大家如果遇到同样情况，说不定有作用哦！ TCP Slow Start

在前端工程化的浪潮中，包管理工具和构建工具是项目的基石。本文将深入剖析 npm、pnpm、yarn（包管理工具）与 vite、webpack（构建工具）的核心差异，帮助开发者在不同场景下做出最优选择。

大家好。 算起来，今年是我写前端代码的第八个年头了。 我刚入行的时候，是个纯粹的“技术宅”。我坚信一个道理：只要我把最新的框架玩得最熟，把最难的API研究得最透，把代码写得最漂亮，我的薪水就一定会水涨

一、Map、Set、WeakMap、WeakSet 的基本概念 1. Map（映射） Map 是一种有序的键值对集合，允许任何类型的键，包括原始类型和对象。它比普通对象提供了更丰富的功能，尤其是在键值

作为前端开发者，单例模式是面试中的高频考点。今天我们将深入探讨如何实现基于 LocalStorage 的单例 Storage，让你在面试中游刃有余！ 💡 单例模式核心思想 定义：保证一个类仅有一个实例

在公司干了几年，带个小团队，零零总总也面试了上百个前端候选人了。说实话，有时候面完一天，感觉人都是麻的。 最让我头疼的是什么？就是“算法题”这个环节。 我经常遇到两种候选人。一种是一听算法题，就两手一

我，前端八年。我的履历上，没有那些能让HR眼前一亮的名字，比如字节、阿里，国内那些头部的互联网公司。 “每个程序员都有一个大厂梦”，这句话我听了八年。说实话，我也有过，而且非常强烈。 刚毕业那几年，我

——小Dora 的 JavaScript 修炼日记 · Day 9 🗂 目录 Map 与 WeakMap：表面区别 vs 内存差距 什么是弱引用？为什么 WeakMap 是弱引用？ V8 内存结构：堆

前言：你有没有经历过这样的“惊悚时刻” 一、什么是 CSS 模块化？ 一句话解释： 就像穿衣服： 你自己穿衬衫，隔壁穿风衣，咱们衣服各管各的，互不撞衫。 非模块化：大家都叫 .btn，谁都可能改你样式

按值传递（pass by value）：函数接收参数的副本，修改副本不影响原始值。 按引用传递（pass by reference）：函数接收对原始变量的直接引用，修改参数会直接影响

开头的一些废话 当老板找我谈话，说想让我带前端团队的时候，说实话，我第一反应是“完了”。 以前自己写代码，好坏都是自己的事，代码烂了，加班补上就行。但带团队，感觉完全是另一码事。我得对好几个人、好几个

问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，马上给后端发生一百万次请求，干蹦他的服务器，让他给爷哭！ 问题考察点 性能优化意识（能否识别出“10 万条数据”会导致性能

Vue3 数字翻转动画组件：打造酷炫的数字计数器 今天我们来分享一个有趣的Vue3组件开发教程——一个数字翻转动画效果。这种效果常见于老式计数器或倒计时器，给用户带来一种复古又炫酷的视觉体验。 效果预

前言 接下来主要实现物料区，画布区和属性区的逻辑，头部组件后续再接着完善，其中最核心的逻辑包括： 实现从物料区将组件拖拽到画布区并展示的效果，实质上就是维护一个json对象，每次拖拽添加组件，就是将其