返回博客
Web 前端开发

Web 前端开发

框架实践、性能优化与现代 Web 工程

10 篇文章

Web 动画技术栈:CSS、GSAP 与 Lottie
Web 前端开发 4 分钟

Web 动画技术栈:CSS、GSAP 与 Lottie

三类动画方案的适用场景与性能取舍,构建顺滑的 60fps 交互动画。

2025-12-27阅读全文
构建工具演进:Vite 6 与 Turbopack 对比
Web 前端开发 4 分钟

构建工具演进:Vite 6 与 Turbopack 对比

从冷启动、热更新到生产构建,实测两大新一代构建工具的真实差距。

2025-12-24阅读全文
前端可视化:Canvas 与 SVG 的取舍
Web 前端开发 4 分钟

前端可视化:Canvas 与 SVG 的取舍

按数据规模与交互复杂度选择渲染方案,附高性能 Canvas 绘制优化技巧。

2025-12-20阅读全文
TypeScript 类型体操:从工具类型到模式匹配
Web 前端开发 4 分钟

TypeScript 类型体操:从工具类型到模式匹配

用真实案例拆解条件类型、映射类型与模板字面量类型的高阶玩法。

2025-12-17阅读全文
微前端架构实践:模块联邦与共享依赖
Web 前端开发 4 分钟

微前端架构实践:模块联邦与共享依赖

多团队独立交付的前端架构方案,重点讲依赖共享与运行时隔离的平衡。

2025-12-13阅读全文
状态管理选型:Zustand vs Jotai vs Redux
Web 前端开发 4 分钟

状态管理选型:Zustand vs Jotai vs Redux

从心智模型、性能与生态对比三大状态库,给出不同项目的选择建议。

2025-12-10阅读全文
WebAssembly 入门:浏览器端高性能计算
Web 前端开发 4 分钟

WebAssembly 入门:浏览器端高性能计算

WASM 的运行模型、与 JS 的边界划分,以及图像处理等场景的性能实测。

2025-12-06阅读全文
Tailwind CSS v4 实战:设计系统构建指南
Web 前端开发 4 分钟

Tailwind CSS v4 实战:设计系统构建指南

用 Tailwind 建立可维护的设计令牌体系,从原子类到组件层的最佳实践。

2025-12-03阅读全文
前端性能优化:Core Web Vitals 全攻略
Web 前端开发 4 分钟

前端性能优化:Core Web Vitals 全攻略

LCP、INP、CLS 三大指标的优化路径,从资源加载到渲染链路逐项排查。

2025-11-29阅读全文
Next.js App Router 深度实践:从 SSR 到 RSC
Web 前端开发 4 分钟

Next.js App Router 深度实践:从 SSR 到 RSC

理解 RSC、流式渲染与缓存模型,构建高性能 React 全栈应用的正确姿势。

2025-11-26阅读全文