Flexbox

  • Published on
    本文深度剖析了 CSS Flexbox 布局中的 flex 简写属性及其三个核心构成部分：flex-grow, flex-shrink 和 flex-basis。内容系统性地阐述了 Flexbox 的弹性尺寸算法，解释了这些属性如何协同工作以分配容器空间，并重点分析了 flex: 1 的行为及其在多行换行（flex-wrap）布局中的局限性，最后将其与 CSS Grid 进行了对比。
  • Published on
    本文深度剖析了 React Native 的核心基础，系统性地阐述了 View 和 Text 等基础组件的用法，并重点对比了其与 Web CSS 在样式化（单位、语法）和 Flexbox 默认布局（如主轴方向）上的关键差异。笔记还涵盖了通过 StyleSheet.create 进行样式管理的最佳实践，以及使用 TouchableOpacity 和 Pressable 构建可定制化交互组件的方案。
  • Published on
    本文深度剖析了 Tailwind CSS 中用于处理同级元素间距的 space 和 divide 功能类。内容系统性地阐述了它们基于相邻兄弟选择器的底层 CSS 实现，并通过对比 Flexbox 的 gap 属性，明确了其在不改变父级格式化上下文前提下应用间距的核心优势。