什么是最佳 class CSS 组织标准?
What are best-in-class CSS organization standards?
我一直在寻求向最好的人学习并确保编码质量。
当谈到我的响应式设计中的 CSS 样式时,我的自定义 CSS 样式 sheet 可能会有点让人不知所措。不断按 ⌘ + F(Control + F)来定位我的 类。
我可以将我的 类 的部分拆分成多种样式 sheet(例如:media.css、typography.css 等...)但是我相信调用许多样式 sheet 可能会影响性能。
让您的 CSS 井井有条且易于管理的最佳做法是什么?
请记住,生产文件结构不一定需要与开发文件结构相同。
在开发中按逻辑拆分文件,并根据生产需要将它们组合在一起。文件的组织方式完全取决于您的项目。当然,这意味着您有某种部署管道可以在其中连接文件。这对于小型网站并不总是可行的。在服务器上运行时动态 glob 文件有一些奇怪的方法,但这会增加总请求时间的延迟。
这样做的一个重要优势是通用样式的可重用性。您可以拥有包含在多个样式表中的样式库。当您需要更改核心库时,您是在一个地方进行更改,而不是在多个地方进行更改。
我一直在寻求向最好的人学习并确保编码质量。
当谈到我的响应式设计中的 CSS 样式时,我的自定义 CSS 样式 sheet 可能会有点让人不知所措。不断按 ⌘ + F(Control + F)来定位我的 类。
我可以将我的 类 的部分拆分成多种样式 sheet(例如:media.css、typography.css 等...)但是我相信调用许多样式 sheet 可能会影响性能。
让您的 CSS 井井有条且易于管理的最佳做法是什么?
请记住,生产文件结构不一定需要与开发文件结构相同。
在开发中按逻辑拆分文件,并根据生产需要将它们组合在一起。文件的组织方式完全取决于您的项目。当然,这意味着您有某种部署管道可以在其中连接文件。这对于小型网站并不总是可行的。在服务器上运行时动态 glob 文件有一些奇怪的方法,但这会增加总请求时间的延迟。
这样做的一个重要优势是通用样式的可重用性。您可以拥有包含在多个样式表中的样式库。当您需要更改核心库时,您是在一个地方进行更改,而不是在多个地方进行更改。