Frontend

本文深度剖析了在 Tailwind CSS v4 中实现暗黑模式 (Dark Mode) 的两种核心策略：基于 prefers-color-scheme 媒体查询的自动模式，以及通过 @custom-variant 实现的、基于 class 或 data-attribute 的手动模式。

本文深度剖析了 Tailwind CSS v4 的核心架构与工程实践。内容系统性地阐述了其 Utility-First 哲学，并重点解析了 v4 全新的 Rust 内核引擎 (Oxide) 的工作原理——包括其源码扫描、JIT 生成机制，以及对动态类名的处理。笔记还详述了 @theme、@apply 和 @source 等新指令的最佳实践。

本文深度剖析了两种用于构建健壮、可维护 React 组件的高级状态管理模式。第一种是聚合相关状态，通过 useState 对象或 useReducer 实现原子化更新。第二种是利用可辨识联合 (discriminated unions) 建模类型状态，以消除无效状态组合。

本文深度剖析了 React 中常见的状态管理反模式。内容系统性地阐述了三大核心问题：存储可派生状态、为非渲染值使用 state 以及存储冗余状态。

本文深度剖析了点击劫持 (Clickjacking)，一种基于 UI 视觉欺骗的 Web 攻击。内容系统性地阐述了攻击者如何利用透明 iframe 叠加技术来劫持用户点击。