菠萝的蜜

这是一篇有关前端构建系统论述的文章。较为全面地讲解了前端构建系统的构建步骤的关键和开发工具的几种选择。

讲解传统响应式和 TailwindCSS 中的响应式，有了 Tailwind 就不用再去写媒体查询了，这对于开发者来说是一个喜讯。在开发响应式方面最值得关注的就是断点，控制好断点也就控制响应式。

在 React 16 架构中通过递归构建 Fiber 树，生成离屏的 DOM 树，然后进入 Render 渲染器进行渲染成为真实 DOM。

影响快速响应的瓶颈来自 CPU 和 IO，React 15 的同步递归交替更新容易产生不完全的 DOM，React 16 的可中断异步更新的 Fiber 架构突破了老架构的困境。

Tailwind CSS 的进阶使用（下篇）：配置项讲解。样式的覆盖和扩展的方案，使用 postcss-nesting 实现嵌套声明或直接使用预处理器。

Tailwind CSS 的进阶使用（上篇）：如何复用样式以及自定义指令、自定义函数、自定义样式等内容。

这是 Tailwind CSS 的基础使用的终篇：包括形变、过渡效果、动画等常用属性 。

Tailwind CSS 的基础使用：包含伪类、伪元素、flex 和 grid 布局、定位等相关属性。

Tailwind CSS 的基础使用：从宽度高度开始逐步展现 Tailwind CSS 基本的使用规则，包括边距、边框、文本、颜色等常用的样式属性。