码迷,mamicode.com
首页 > Web开发 > 详细

html-class命名的方式

时间:2019-07-06 17:32:24      阅读:792      评论:0      收藏:0      [点我收藏+]

标签:sub   效率   个人   font   html   一个   开头   模块   连接   

一:框架名-***

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

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

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

二:驼峰命名

  js中方法命名的规范

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

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

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

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

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

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

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

  如:程序员王麻子

    wmz_submit_btn

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

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

 

html-class命名的方式

标签:sub   效率   个人   font   html   一个   开头   模块   连接   

原文地址:https://www.cnblogs.com/renshikai/p/11143300.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!