不关注 CSS

简介

在前端开发中，CSS 是不可或缺的一部分，可以定义网页的样式和布局。然而，有些开发者对 CSS 不感兴趣，或者只是将 CSS 视为工具，只关注功能实现，而不太关注样式的细节。这篇文章将介绍一些不关注 CSS 的开发者需要注意的事项。

代码结构

为了方便阅读和维护，代码结构应该清晰明了，建议采用模块化、组件化的开发方式。每个模块或者组件应该只包含相应的 HTML、JavaScript 和 CSS 代码，不要将不相关的代码混杂在一起。

例如：

├── js
│   ├── utils.js
│   ├── componentA.js
│   └── componentB.js
├── css
│   ├── componentA.css
│   └── componentB.css
└── index.html

避免使用 CSS 框架

在前端开发中，有很多流行的 CSS 框架，如 Bootstrap、Materialize 等。这些框架提供了丰富的组件和样式，可以快速搭建网页，但是因为框架的样式往往比较固定，所以如果想要实现自己的设计，就需要花费更多的时间和精力去覆盖框架的样式。

如果您不关注 CSS，建议避免使用 CSS 框架，而是选择简单的样式库，如 Normalize.css 或者 Spectre.css，它们只提供了一些基础的样式和重置样式，同时避免了浏览器兼容性问题。

不要重复造轮子

在实现某些功能的时候，有时候会需要用到一些样式，例如瀑布流布局或者弹出层。这时候，有些开发者可能会选择自己写 CSS，但是这样会增加代码量和开发时间，而且可能会出现样式不兼容的情况。

如果您不关注 CSS，建议使用一些成熟的库，如 Masonry 或者 Lightbox，它们提供了成熟的样式和组件，可以减少开发时间和风险。

约定类名与 ID 名称

在编写 HTML 和 CSS 的时候，应该遵循一定的命名规范，以方便维护和修改。例如，可以采用 BEM 命名法，以块（block）、元素（element）、修饰符（modifier）的方式来命名。

当然，不同的项目可能有不同的命名规范，规范也可以根据需求进行调整。但是，应该尽量避免使用 ID 名称，因为 ID 名称具有特殊性，可能会影响样式的继承和修改。

总结

CSS 是前端开发中不可或缺的一部分，但是对于一些不关注 CSS 的开发者来说，代码结构、使用样式库、使用成熟的组件库、命名规范等方面的注意事项可以提高开发效率和减少开发难度。当然，如果您对 CSS 感兴趣，掌握 CSS 技能也可以提高代码的质量和交互的美感。