是否有Web应用程序的CSS类命名标准?

cas*_*ora 14 javascript css web-applications naming-conventions

关于一些基本的css命名约定的intertubes有很多信息.但是,大多数这些约定都是从设计者的角度出发的.

我正在从Web应用程序开发人员的角度来看待约定.随着Web应用程序的发展,以及整个代码库中使用UJS(不显眼的javascript),您的css类的命名标准越来越多.这有点尴尬的原因是css类的使用有些过载.

  • 一方面,样式表使用css类来帮助很好地呈现您的内容.
  • 另一方面,UJS库(如jQuery)使用css类来帮助将javascript代码绑定到给定页面上的某些元素.

从rails应用程序的角度出现的一个概念是这样的

.controller-action 
  { /*styles */ }
Run Code Online (Sandbox Code Playgroud)

其他想法为你的班级添加匈牙利概念:

.js-controller-action
  { /* styles */ }
Run Code Online (Sandbox Code Playgroud)

js,prefix,将描述附加了ujs代码的元素.

就个人而言,我从rails应用程序的角度对此感兴趣,但是,我可以看到它如何适用于任何Web应用程序框架和UJS javascript库.