前端开发命名规则很重要,但是网上的命名规则一大篇,下面是我总结的一些常用的短语,希望能帮到大家,肯定不全,欢迎大家补充。
1.如果是模块,可以这样前缀:
弹出:pop
公共:global(缩写:gb)
标题:title,tit
提示:hint
菜单:menu
信息:info
预览:pvw
导航:nav
2.类型:
按钮:btn
文本:txt
段落:p
图标:icon
颜色:color(缩写:c)
背景:bg
边框:bor
3.作用:
设置:set
添加:add
删除:del
操作:op
密码:pw
导入:inc
4.状态:
成功:suc
失败:lost 透明:tran
基本上常用的就这么多,大家可以一起来补充
5.下面我列的几个小例子:
文本输入框: .input_txt
段落文本颜色: .tx_c_p
密码输入框:
.input_pw
相册弹出的设置层: .pop_set_photo
登录密码输入框: .input_pw_login
日志设置成功提示:
.hint_suc_blogset
公共提示: .hint_gb
......
6.常用的块命名
页头: header 登录条:
loginBar
标志: logo 侧栏:
sideBar
广告: Banner 导航: nav
子导航:
subNav 菜单: menu
子菜单: subMenu
搜索: search
滚动: scroll
页面主体:main
内容: content 标签页:
tab
文章列表:list 提示信息:msg
小技巧: tips
栏目标题:title
加入: joinus
指南: guild
服务: service
热点: hot
新闻: news
下载: download
注册: regsiter 状态:
status
投票: vote
友情链接:friendLink
页脚: footer 版权: copyRight
原文地址:http://www.cnblogs.com/xupeiyu/p/3716031.html