前端开发中的一些命名规范

tech2023-02-03  130

1. 文件资源命名

文件名不能有空格;文件名建议只使用小写字母,不能使用大写字母。(为了醒目,某些说明文件的文件名可以使用大写字母,比如README,LICENSE);文件名包含多个单词时,单词之间建议使用半角的连词线(-)分隔;引入资源使用相对路径,不要指定资源所带的具体协议(http:,https:),除非这两种协议都不可用。

2.CSS规范

1. id和class的命名 id和class的名称总是使用可以反映元素目的和用途的名称,或其他通用的名称,代替表象和晦涩难懂的名称。

项目Value头header标题title内容content/container尾footer(主/子/顶/边)导航(main/sub/top/side)nav(左/右)导航(left/right)sidebar侧栏sidebar栏目column页面外围控制整体布局宽度wrapper登录条loginbar注册register标志logo广告banner页面主体main热点hot新闻news下载download(子)菜单(sub)menu搜索search友情链接friendlink版权copyright滚动scroll标签页tab文章列表list提示信息msg小技巧tips图标icon注释note加入joinus指南guide服务service状态status投票vote合作伙伴partner

CSS使用规范

属性值为0.3时,应改为.3属性值为0时,不应该带单位;url()不应该使用“”;

3.JS命名

函数和变量:小驼峰方式(handleLogin);类(es6)、构造函数:大驼峰命名法;常量:大写+下划线(PRICE+MAX);私有变量:下划线+小驼峰(_this);获取值:get+小驼峰(getValue);设置值:set+小驼峰(setValue)。
最新回复(0)