视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
样式最常用的命名规则-jerrylsxu
2020-11-27 16:43:10 责编:小采
文档


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

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

下载本文
显示全文
专题