css架构是我们在学习web前端编程开发技术的时候需要重点掌握的技术能力之一。下面我们就一起来了解一下,css架构的优势以及类的使用注意事项。

1、可被预测。可预测的CSS意思是您的规则能按照您预想的方式运行。当您添加或更新一个规则时,它不应该影响您的站点中您不想影响的部分。在很少改变的小站点上,这并不重要,但在有数十或数百个页面的大站点上,可预测的CSS是必须的。

2、可复用。CSS规则应该足够抽象和可被解耦的,您不必对已经解决的模式和问题进行重新编码,可以依靠现有的部分快速构建新的组件。

3、可维护。当您的站点需要添加、更新或重新安排新的组件和特性时,这样做不需要重构现有的CSS。向页面中添加某组件甲不应该破坏某组件乙。

4、可扩展。随着站点的规模和复杂性的增长,通常需要更多的开发人员来维护。可扩展的CSS意味着它可以由一个人或一个大型工程团队轻松管理。这也意味着您的站点的CSS架构不需要大量的学习曲线就可以轻松学习掌握。不能因为您是目前维护CSS的开发人员,就不考虑以后的变化。

5、仅在样式化时使用类。任何从事大型项目的人都遇到过一个HTML元素,其中一个类的用途是完全未知的。你想删除它,但你会犹豫不决,因为它可能有一些你不知道的用途。随着时间的推移,这种事情一次次发生,你的HTML会被没有用处的类填满,因为团队成员害怕删除它们。

问题是在前端Web开发中,类通常被赋予太多的责任。它们设置HTML元素的样式,它们充当Javascript钩子,它们被添加到HTML中以进行特征检测,它们被用于自动化测试等。这是个问题。当应用程序中的太多部分使用此类时,从HTML中删除它们会变得非常可怕。