跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

样式最常用的命名规则 - jerrylsxu

前端开发命名规则很重要,但是网上的命名规则一大篇,下面是我总结的一些常用的短语,希望能帮到大家,肯定不全,欢迎大家补充。

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

相关文章