提问者:小点点

在UX/UI中使用许多CSS类有什么影响[已关闭]


我是一个后端开发人员,在UI方面不是那么好。

利用Bootstrap开发全新的云托管angular教育项目。 在我的项目中,当我在这里与UI设计工作时,我使用了许多CSS类来设计特定的容器。

像这样:

<nav class="main-header navbar navbar-expand navbar-white navbar-light madbarsoft-nav  madbarsoft-nav-tutgenr madbarsoft-nav-tutgenr-html">


<li class="nav-item d-none d-sm-inline-block madbarsoft-navli madbarsoft-navli-tutgenr">

<input class="form-control form-control-navbar madbarsoft-navscr-inpt navscr-tutgenr-inpt" type="search" placeholder="Search" aria-label="Search">

当我的项目会更大的时候,我可能会面临什么样的问题?

有什么警告吗。。?


共2个答案

匿名用户

一些缺点:

  1. 样式将很难维护,因为多个类样式可能相互冲突。
  2. DOM大小会变大,因此性能会降低,例如在移动设备上。
  3. 实现可重用性将变得更加困难,因为更改类中的一个小内容可能会导致同一类中的其他元素发生意外更改。

总的来说,过度使用类从来都不是个好主意。 您可能会认为,创建大量具有不同样式的类,然后使用这些类来创建样式元素可以使样式UI更容易和更快,但实际上这是一个可怕的想法。

假设有一个CSS类用于三个不同的元素,你改变了这个类样式的一个小东西,现在另外两个元素也受到了影响,为了保持这两个元素不受影响,需要更新这两个元素的其他类,等等,一个小的改变可能会影响代码的很大一部分。

匿名用户

不,你不会得到任何警告。

如果您正在寻找一种组织CSS的好方法,那么BEM(块,元素,修饰符)是一个很好的起点,从结构的角度来看,也因为样式查找的简化。

边界元法

结构化你的风格将有助于维护更大的项目,也将解决大多数常见的问题。