All Posts

本文深度剖析了 CSS 中用于管理元素 Z 轴层叠顺序的核心概念——堆叠上下文 (Stacking Context)。内容系统性地阐述了 z-index 的工作原理、堆叠上下文的创建条件（包括现代的 isolation: isolate 属性）及其原子性的、层级化的渲染规则。笔记还进一步辨析了作为 CSS 规范的“堆叠上下文”与作为浏览器性能优化实现细节的“合成层”之间的精确关系。

本文深度剖析了 React 中 key prop 在列表渲染中的核心作用与底层机制。内容系统性地阐述了 key 如何作为元素身份的稳定标识，影响 React 的协调算法 (Reconciliation Algorithm)，并通过对比有无稳定 key 的情况，揭示了使用数组索引作为 key 在性能和组件状态管理上的潜在风险与反模式。

本文深度剖析了 React 应用中的高级性能优化策略，论证了为何应优先采用“组件组合”而非“记忆化 (Memoization)”。笔记系统性地阐述了 React.memo 的脆弱性，并详细介绍了两种核心的组件组合模式——“下移状态”与“上提内容”。此外，还探讨了外部状态管理以及 useEffectEvent 等用于处理复杂依赖关系的现代 Hooks。

本文深度剖析了 React Native 应用中与原生设备交互的两种核心技术：触觉反馈 (Haptic Feedback) 与推送通知 (Push Notifications)。笔记系统性地阐述了如何利用 expo-haptics 库提供丰富的触感体验，并详细拆解了推送通知的分类（本地与远程）、权限管理流程以及如何通过 expo-notifications 实现本地通知的调度。

本文深度剖析了 React Native 中基于文件的路由库 Expo Router 的核心机制。内容系统性地阐述了如何通过文件和目录结构定义路由，并利用 _layout 文件来配置原生导航器（如 Stack, Tabs）。笔记还详细对比了 <Link> 组件和 useRouter Hook 的导航方式，并解析了 Modal 呈现等高级布局模式及其最佳实践。