GitHub Repo stars
View Transitions API 无需第三方库即可实现流畅的页面切换动画,结合 CSS 与少量 JavaScript,适用于 SPA 和 MPA 场景。

Aug 29, 2025, 4 min read

浏览器中 View Transitions API 的简单介绍

通过 CLI 逐步将 Shadcn UI 集成到 Next.js 项目,涵盖 Tailwind CSS 配置、next-themes 暗色模式及 React 19 兼容性处理。

Aug 28, 2025, 6 min read

如何将 ShadCN 与 Next.js 集成

结合 Apple HIG 与 Material Design dp 规范,通过拇指热区人体工程学、间距缓冲区及 rage tap 数据分析,有效减少移动端误触。

Aug 27, 2025, 4 min read

改善点击目标以提升移动端用户体验

借助 Chrome、Firefox 和 Safari 的 DevTools 面板,修复 service worker 注册错误、缓存混乱及更新延迟问题。

Aug 26, 2025, 5 min read

Service Worker 调试技巧与窍门

通过白名单校验、输出编码和 DOMPurify,防止 React、Vue 和 Angular 应用中用户内容引发的 XSS 攻击。

Aug 25, 2025, 4 min read

防范用户生成内容中的XSS攻击

TanStack Query 为 React 应用提供缓存、重试与查询失效处理,以声明式数据获取方式替代手动状态逻辑。

Aug 24, 2025, 5 min read

在 React 中使用 TanStack Query 实现智能数据获取

基于本地优先原则构建离线可用的应用,结合 RxDB、Yjs 及同步策略,深入理解冲突解决机制与数据所有权的权衡取舍。

Aug 23, 2025, 5 min read

本地优先软件开发初学者指南

介绍如何为 React 组件的 props 定义类型、使用 refs 处理事件,以及运用实用的 TypeScript 工具类型,使组件更安全、易于维护。

Aug 22, 2025, 5 min read

React 与 TypeScript：编写更清洁代码的常用模式

使用 Ollama 在本地硬件上部署 GPT-OSS,配置模型参数,并通过兼容 OpenAI 的 API 端点连接应用程序。

Aug 21, 2025, 4 min read

如何在自己的硬件上部署 OpenAI 的 GPT-OSS

五种经过验证的技术涵盖图片优化、减少JavaScript体积、缓存策略、关键CSS提取及懒加载,以缩短页面加载时间。

Aug 20, 2025, 5 min read

5种提升前端性能的技术

借助插槽、shadow DOM 和具名插槽模式,将结构化内容传入可复用的 UI 卡片组件,构建灵活且易于维护的 Web 组件。

Aug 19, 2025, 4 min read

使用插槽构建灵活的Web组件

介绍 Prettier、ESLint、GitLens、Tailwind CSS IntelliSense 及 React 代码片段等 VS Code 扩展,助力前端工作流提速并更快捕获错误。

Aug 18, 2025, 4 min read

前端开发者必备的 VS Code 扩展

JavaScript Iterator Helpers 为大型数据集引入惰性求值机制,可处理无限序列和分页 API 数据流,避免内存溢出崩溃。

Aug 17, 2025, 4 min read

JavaScript Iterator Helpers 入门指南

CSS if() 函数为属性值引入了内联条件逻辑,涵盖语法说明、查询类型介绍及适用于 Chrome 137 与 Edge 137 的主题化实用示例。

Aug 16, 2025, 3 min read

使用 CSS if() 函数实现条件样式

llms.txt 标准帮助 ChatGPT、Claude 等 AI 爬虫优先处理网站内容,其结构与用途有别于 robots.txt 和 sitemap.xml。

Aug 15, 2025, 3 min read

llms.txt：AI 读取网站内容的新方式

对比 shadcn/ui 与 Material-UI、Chakra UI,介绍其 CLI 脚手架、Radix UI 原语及 Tailwind CSS 如何提升组件定制能力。

Aug 14, 2025, 5 min read

为什么开发者在 React 项目中转向 shadcn/ui

在 React Router v6 中实现通配符全匹配路由,用于处理未匹配的 URL,展示自定义 404 页面,并通过 Navigate 组件完成重定向。

Aug 13, 2025, 4 min read

React Router 中的全匹配路由用于 404 处理

通过 AbortController 与 AbortSignal 取消 fetch 请求,处理搜索输入、组件卸载及超时场景,避免界面出现过时数据。

Aug 12, 2025, 5 min read

使用 AbortController 取消进行中的 Fetch 请求

对比 React Testing Library 中的 getBy、findBy 和 queryBy 方法,针对同步、异步及条件性 DOM 元素编写可靠的组件测试。

Aug 11, 2025, 5 min read

如何在 React Testing Library 中查询 DOM

通过 Beacon API 与 navigator.sendBeacon() 可靠地发送后台数据,结合批处理策略实现不阻塞页面导航的数据分析追踪。

Aug 10, 2025, 5 min read

使用 Beacon API 发送后台数据

修复 Tab 顺序问题,实现模态框焦点捕获,并结合语义化 HTML 应用 ARIA 属性,构建完整支持键盘访问的 Web 应用。

Aug 9, 2025, 6 min read

改善 Web 应用键盘导航的技巧

JSON 模块、迭代器助手、增强的 Set 方法和 RegExp.escape 解决了实际 JavaScript 问题,已获浏览器与 Node.js 原生支持。

Aug 8, 2025, 4 min read

ES2025 亮点：JSON 模块、迭代器助手等新特性

将 Biome 与 ESLint 和 Prettier 进行对比,介绍这款基于 Rust 的工具链如何为前端项目统一代码检查、格式化与导入管理。

Aug 7, 2025, 4 min read

Biome：现代前端项目的一体化工具链

介绍10个实用的Zsh别名,涵盖Git、NPM、Docker Compose及目录导航,助力消除日常重复性终端命令。

Aug 6, 2025, 3 min read

10个实用的ZSH别名，加速你的开发工作流程