GitHub Repo stars
Animata 提供可复制粘贴的 React 动画组件，结合 Tailwind CSS 和 shadcn/ui 工作流，按组件加载轻量依赖。

May 31, 2026, 4 min read

使用 Animata 实现复制即用的动画效果

通过在站点根目录提供favicon并添加SVG、PNG和Apple Touch Icon标签，修复favicon.ico的404错误。

May 31, 2026, 4 min read

如何修复烦人的 404 favicon.ico 未找到错误

Pretext 是一个 TypeScript 库，可在 DOM 外测量文本以避免 reflow，加速虚拟列表、聊天流和 masonry 布局。

May 30, 2026, 4 min read

Pretext 与 Web 文本布局的未来

JWT 认证中 Cookies 与 localStorage 怎么选：对比 XSS 和 CSRF 风险、HttpOnly、Secure、SameSite 及现代令牌存储方式。

May 30, 2026, 5 min read

Cookies 与 localStorage 在 JWT 身份认证中的对比

不要缓存用户专属数据、认证响应、JWT 和敏感页面。了解如何安全使用 no-store、private 和 bfcache。

May 29, 2026, 5 min read

永远不应该缓存的内容

审计 GitHub Actions 的令牌权限、脚本注入、pull_request_target 风险、动作固定、自托管 runner 和 OIDC。

May 29, 2026, 5 min read

审计 GitHub Workflows 的安全风险

在 Electron 应用中添加身份验证：OAuth 2.0 PKCE、系统浏览器登录、深链接或 loopback 重定向，以及 safeStorage 安全保存令牌。

May 28, 2026, 5 min read

如何为 Electron 应用添加身份验证

2026年可替代Next.js的5种框架：React Router v7、Astro 5、SvelteKit、Nuxt 4 和 TanStack Start。

May 28, 2026, 4 min read

Next.js 的五种替代方案

比较 Astro 6、Eleventy 3、Next.js 16、Nuxt 4 和 SvelteKit，选择适合 JavaScript 项目的静态站点生成器。

May 27, 2026, 5 min read

为 JavaScript 项目选择静态站点生成器

使用 prefers-reduced-motion 通过 CSS、JavaScript 和 Motion.dev 安全减少动画，并了解测试方法与 WCAG 指南。

May 27, 2026, 5 min read

使用 prefers-reduced-motion 实现无障碍动画

使用 all: unset 清除 CSS 原生样式，重置按钮和表单控件，并恢复 focus-visible 可访问性。

May 26, 2026, 4 min read

使用 CSS all: unset 移除原生元素样式

要从 npm 切换到 pnpm 吗？比较依赖隔离、磁盘节省、工作区协作和 pnpm 11 的构建脚本审批。

May 26, 2026, 4 min read

你应该从 npm 切换到 pnpm 吗?

使用 Page Visibility API 检测浏览器标签页何时变为非活动状态。借助 visibilitychange 暂停轮询、媒体播放和分析跟踪。

May 25, 2026, 5 min read

如何检测浏览器标签页变为非活动状态

解析 Manifest V3：service worker、declarativeNetRequest、chrome.action、Offscreen API，以及为何移除 MV2 后台页面和远程代码。

May 25, 2026, 4 min read

Chrome 扩展 Manifest V3 详解

React Compiler 与手动记忆化：了解 React.memo、useMemo 和 useCallback 何时自动生效，以及何时仍需手动控制。

May 24, 2026, 4 min read

React Compiler 与手动 Memoization 对比

Agentic浏览器正在改变Web应用。了解它们与Selenium的区别、语义化HTML的重要性，以及开发者需要应对的安全风险。

May 24, 2026, 4 min read

智能体浏览器入门

用 localStorage、sessionStorage 或 IndexedDB 在浏览器中持久保存表单状态。了解自动保存、恢复字段和安全清除数据。

May 23, 2026, 4 min read

如何在浏览器中持久化表单状态

Knip可检测 JavaScript 和 TypeScript 项目中的未使用文件、导出和依赖项，并支持自动修复与 CI 清理。

May 23, 2026, 4 min read

使用 Knip 清理无用文件和依赖

使用 Scheduler API 通过 scheduler.postTask() 和 scheduler.yield() 优先安排主线程任务，并说明支持检测与降级方案。

May 22, 2026, 4 min read

使用 Scheduler API 在浏览器中处理后台任务

Git stash命令、pop与apply区别、冲突处理、未跟踪文件，以及无需提交即可保存和恢复工作的最佳做法。

May 22, 2026, 6 min read

Git Stash 完全指南

Node Corepack 介绍如何固定 Yarn 和 pnpm 的包管理器版本，并说明 Node.js 25 变化、CI 配置、Docker 和离线使用。

May 21, 2026, 4 min read

使用 Node Corepack 管理包管理器

使用CSS的scroll-behavior: smooth实现锚点平滑滚动，借助scroll-margin-top避免固定头部遮挡，并兼顾无障碍体验。

May 21, 2026, 4 min read

使用 CSS scroll-behavior 实现平滑滚动

通过仪表盘、忘记密码链接、WP-CLI或phpMyAdmin重置WordPress管理员密码，并了解恢复后安全检查步骤。

May 20, 2026, 4 min read

如何重置 WordPress 管理员密码

了解设计令牌的含义、原始令牌与语义令牌的区别，以及 CSS 变量和 Style Dictionary 的作用。

May 20, 2026, 4 min read

设计令牌（Design Tokens）简明入门