博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端开发中的一些命名规范
阅读量:3947 次
发布时间:2019-05-24

本文共 859 字,大约阅读时间需要 2 分钟。

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)。

转载地址:http://uuhwi.baihongyu.com/

你可能感兴趣的文章
js或jQuery实现返回顶部功能------Sestid
查看>>
JS实现拖拽效果------Sestid
查看>>
jQuery实现倒计时秒杀效果------Sestid
查看>>
jQuery实现html网页顶部自适应导航栏(media)------Sestid
查看>>
鼠标悬停显示下划线(带小特效)------Sestid
查看>>
jQuery 实现input搜索框自动匹配------Sestid
查看>>
Js 实现回车键触发登录,并弹出需要输入信息------Sestid
查看>>
Js字符串和数组方法及使用------Sestid
查看>>
JavaScript常用算法(面试)------Sestid
查看>>
Js或者jQuery实现点击图片出现蒙层并将图片放大在蒙层上------Sestid
查看>>
Js,jQuery事件、效果大全------Sestid
查看>>
CSS块元素、内联元素、内联块元素详解------Sestid
查看>>
Js实现跟随鼠标移动的小球------Sestid
查看>>
HTML图像,链接,列表,表格等详细介绍------Sestid
查看>>
Js实现的俄罗斯方块小游戏------Sestid
查看>>
Js实现贪吃蛇小游戏------Sestid
查看>>
jQuery常用方法(持续更新)
查看>>
原生js实现自定义倒计时效果------Sestid
查看>>
原生js实现生成随机验证码=------Sestid
查看>>
js实现购物时选带属性的商品------Sestid
查看>>