html-class命名的方式

Posted 2022-03-20 renshikai

一：框架名-***

　　常见的UI框架中class多数用‘-’连接 如layui中 layui-btn;

　　好处：一般用于框架中，在项目中通过该项目关键词直接分辨出是否来自于框架

　　坏处：写好一个class名后，该class名不方便复制，个人认为影响开发效率。

二：驼峰命名

　　js中方法命名的规范

　　如：submitBtn 用来表示一个提交按钮

　　好处：便于字段意义的识别，说白了要给一个模块命名可能要用到许多单词，这么写会清晰点吧，class名方便复制。

　　坏处：我也不太知道，非要说一个的话 可能就是大小写切换麻烦 ，原谅我。。。

三：下划线连接命名"_"

　　如：submit_btn 用来表示一个提交按钮

　　好处：便于字段意义的识别，说白了要给一个模块命名可能要用到许多单词，这么写会清晰点吧，class名方便复制、

四：用自己的姓名首字母缩写来开头命名

　　如：程序员王麻子

　　　　wmz_submit_btn

　　好处：后期方便维护，方便管理，项目遇到问题的时候知道是谁写的。

上述四种写法是我目前知道的，欢迎大家指教。除了第一种是用于框架中外，其余三种都有经常用到，其中第四种是我比较支持的。