JS、CSS命名规范

javascript 命名规则之变量匈牙利命名法

匈牙利命名法语法：变量名＝类型＋对象描述

• 类型指变量的类型
• 对象描述指对象名字全称或名字的一部分，要求有明确含义，命名要容易记忆容易理解。

提示: 虽然JavaScript变量表面上没有类型，但是JavaScript内部还是会为变量赋予相应的类型。
提示: 匈牙利命名法是一位微软程序员发明的，多数的C,C++程序都使用此命名法。

JavaScript变量匈牙利命名类型

JavaScript变量起名类型	变量命名前缀
Array 数组	a
Float 浮点	l
Function 函数	f
Integer(int) 整型	n
Object 对象	o
Regular Expression 正则	r
String 字符串	s

JavaScript变量名匈牙利命名法示例

var sWebURL=”www.dreamdu.com”;
从变量的名字可以看出s代表字符串WebURL是网址。
var nCheckCount=5;
从变量的名字可以看出n代表Integer(整型)，CheckCount代表某种数量。
使用匈牙利命名法非常简单直观，方便判断变量的类型，而且方便程序的阅读与维护。

 

常用的CSS命名规则

(一)、基本命名

头：header

内容：content/container

尾：footer

导航：nav

侧栏：sidebar

栏目：column

 

页面外围控制整体布局宽度：wrapper

左右中：left right center

登录条：loginbar

标志：logo

广告：banner

页面主体：main

热点：hot

新闻：11:43 2011-8-22

下载：download

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

友情链接：friendlink

页脚：footer

版权：copyright

滚动：scroll

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

注册：regsiter

状态：status

投票：vote

合作伙伴：partner

 

(二)注释的写法:

/* Footer */

内容区

/* End Footer */

 

(三)id的命名:

(1)页面结构

容器: container

页头：header

 

内容：content/container

页面主体：main

页尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

 

(2)导航

导航：nav

主导航：mainbav

子导航：subnav

顶导航：topnav

边导航：sidebar

左导航：leftsidebar

右导航：rightsidebar

菜单：menu

子菜单：submenu

标题: title

摘要: summary

 

(3)功能

标志：logo

广告：banner

登陆：login

登录条：loginbar

注册：regsiter

搜索：search

功能区：shop

标题：title

加入：joinus

状态：status

按钮：btn

滚动：scroll

标签页：tab

文章列表：list

提示信息：msg

当前的: current

小技巧：tips

图标: icon

注释：note

指南：guild

服务：service

热点：hot

新闻：news

下载：download

投票：vote

合作伙伴：partner

友情链接：link

版权：copyright

 

(四)class的命名:

(1)颜色:使用颜色的名称或者16进制代码,如

.red { color: red; }

.f60 { color: #f60; }

.ff8600 { color: #ff8600; }

 

(2)字体大小,直接使用”font+字体大小”作为名称,如

.font12px { font-size: 12px; }

.font9pt {font-size: 9pt; }

 

(3)对齐样式,使用对齐目标的英文名称,如

.left { float:left; }

.bottom { float:bottom; }

 

(4)标题栏样式,使用”类别+功能”的方式命名,如

.barnews { }

.barproduct { }

 

注意事项::

1.一律小写;

2.尽量用英文;

3.不加中杠和下划线;

4.尽量不缩写，除非一看就明白的单词.