前端开发命名规范

摘要:
true:含有此值;false:不含有此值is判断是否为某个值函数返回一个布尔值。

一 . 变量命名

名方式: 小驼峰式命名方法

命名规范: 类型+对象描述的方式,如果没有明确的类型,就可以使前缀为名词

类型 小写字母 
array a 
boolean b 
function fn 
inti 
objecto 
regular r 
string s

二 . 函数命名

命名方式:小驼峰方式 ( 构造函数使用大驼峰命名法 )

命名规则:前缀为动词

动词 含义 返回值 
can 判断是否可执行某个动作 ( 权限 ) 函数返回一个布尔值。true:可执行;false:不可执行 
has 判断是否含有某个值 函数返回一个布尔值。true:含有此值;false:不含有此值 
is 判断是否为某个值 函数返回一个布尔值。true:为某个值;false:不为某个值 
get获取某个值 函数返回一个非布尔值 
set 设置某个值 无返回值、返回是否设置成功或者返回链式对象

三 . 常量命名

命名方法:全部大写

命名规范:使用大写字母和下划线来组合命名,下划线用以分割单词

 var MAX_COUNT = 10;
 var URL = 'http://www.baidu.com';

四 . css 规范

ID和class的命名

ID和class的名称总是使用可以反应元素目的和用途的名称,或其他通用的名称,代替表象和晦涩难懂的名称

五 . css使用规范

属性值如果为0.3时,应该改为 .3

属性值为0是,不应该带单位

url()不应该使用""

属性值: 后应该跟一空格

待续----

免责声明:文章转载自《前端开发命名规范》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇re 模块vue中给input框赋值,无法修改的问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端代码编写规范

前端代码编写规范   规范的目的 前端编程人员书写前端代码遵循一定的规范。按照规范编写代码可以使代码具有统一的风格,既可以提高团队协作效率,规范文件管理,可以减小一些错误风险,也有利于项目的代码维护和后期扩展。 规范的内容 前端代码主要包括html、css和JavaScript代码,分别负责页面的结构、表现和行为,严格保证三者的分离,尽量让三者没有太多的交...

CSS命名规范

1 前端开发命名规范 1.1 为什么要制定CSS命名规范 统一的命名规范,便于多人开发维护时代码统一,减少项目沟通和交接的成本,增加代码的语义化。 1.2 CSS命名规则 样式类名全部用小写,首字符必须是字母,禁止数字或其他特殊字符。由以字母开头的小写字母(a-z)、数字(0-9)、中划线 (-)组成。 可以是单个单词,也可以是组合单词,要求能够描述清...

Vue 开发规范目录及说明

Vue 开发规范目录及说明 Vue 开发规范目录及说明 命名规范 普通变量命名规范 常量 组件命名规范 views 下的文件命名 结构化规范 目录文件夹及子文件规范 vue 文件基本结构 多个特性的元素规范 元素特性的顺序 组件选项顺序 为组件样式设置作用域 注释规范 务必添加注释列表 单行注释 多行注释 模块 指令规范 Props 规...

CSS 命名规范及标题供参考与学习

一、CSS 命名规范   XHTML-CSS写作建议 所有的xhtml代码小写 属性的值一定要用双引号("")括起来,且一定要有值 每个标签都要有开始和结束,且要有正确的层次 空元素要有结束的tag或于开始的tag后加上"/" 表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、       border等 <...

前端开发代码命名的整理(转)

Div+CSS命名规范 一. 窗体 头:header   内容:content/container   尾:footer   导航:nav   侧栏:sidebar 栏目:column   页面外围控制整体布局宽度:wrapper   左右中:left right center 登录条:loginbar   标志:logo   广告:banner   页面...

前端规范标准(一)

目录 1 、 规范目的 2 、 基本准则 3 、 文件规范 4 、 文件规范 5 、 html 书写规范 6 、 css 书写规范 7 、 JavaScript 书写规范 8 、 图片规范 9 、 注释规范 10 、 开发及测试工具约定 11 、 其他规范 12 、 CSS Hack   1  规范目的 为提高团队协作效率, 便于后台人员添加功能及前...