偶尔搞搞前端

2026-09-07andy阅读(17)

在前端生态被 React、Vue、Angular 三大框架统治的今天，很多开发者忽略了浏览器原生提供的组件化方案——Web Components。它不依赖任何框架，由 W3C 标准定义，可以在任何环境中使用，甚至可以跨框架复用。本文将深入讲...

2026-09-03andy阅读(37)

Table of Contents Toggle 为什么前端需要多线程？ Web Workers 核心原理与类型 线程模型与消息机制 三种 Worker 类型对比 Dedicated Worker 实战：从基础到进阶 基础用法：创建与通信 ...

2026-08-23andy阅读(49)

TypeScript 的类型系统早已超越了简单的类型标注，它本身已经图灵完备，能够表达极为复杂的类型约束。在日常开发中，熟练掌握条件类型、映射类型和模板字面量类型等高级特性，不仅能提升代码的类型安全性，还能减少大量重复的样板代码。本文将从底...

2026-08-18andy阅读(76)

在现代前端开发中，构建工具的选择直接影响着开发体验和项目性能。Vite 自 2020 年由尤雨溪发布以来，凭借其极快的冷启动速度和即时热更新能力，迅速成为前端构建工具的主流选择。本文将深入剖析 Vite 的底层工作原理，并通过实战演示自定义...

2026-07-25andy阅读(129)

在前端面试和日常开发中，”事件循环（Event Loop）”是被问到频率最高的概念之一。然而，很多开发者只是背诵了”宏任务先执行，微任务后执行”这样的口诀，却并不真正理解它的工作原理。当你遇到...

2026-07-20andy阅读(148)

React 19 新特性全面解析：从 Actions 到 Server Components 的实战指南 React 19 作为 Meta 开源前端框架的最新大版本，带来了大量令人兴奋的新特性和 API 改进。无论你是 React 的老手还...

2026-07-15andy阅读(190)

一、什么是 Module Federation？ Module Federation（模块联邦）是 Webpack 5 提供的一项革命性功能，它允许 JavaScript 应用在运行时动态加载另一个应用的代码模块。简单来说，它让微前端架构从...

2026-07-10andy阅读(157)

引言：前端状态管理的三十年战争 前端状态管理是一个永不过时的话题。从早期 jQuery 时代的手动 DOM 操作，到 MVC 框架的兴起，再到 Flux 架构的提出和 Redux 的一统天下，最后到今天百花齐放的 Zustand、Jotai...

2026-07-05andy阅读(179)

引言：CSS 的黄金时代 过去几年，CSS 经历了一场静默的革命。长期以来被视为”声明式样式语言”的 CSS，正在快速进化为一门拥有完整逻辑能力的布局与交互语言。Container Queries（容器查询）、:ha...

2026-06-25andy阅读(217)

前言：前端性能的新标杆 在当今互联网环境下，用户体验与网站性能息息相关。Google 将 Core Web Vitals 作为搜索排名信号以来，前端开发者比以往任何时候都更关注性能指标。2024年至2025年间，Lighthouse 评分标...