css和js规范实例

文件、资源命名

    请确保文件命名总是以字母开头而不是数字，禁止使用中文命名。
绝对不要在对象名的字符之间留空格。
    在web项目中，所有的文件名应该都遵循同一命名约定。以可读性而言，
减号（-）是用来分隔文件名的不二之选。
	资源的字母名称必须全为小写，这是因为在某些对大小写字母敏感的
操作系统中，当文件通过工具压缩混淆后，或者人为修改过后，大小写不
同而导致引用文件不同的错误，很难被发现。
	例如
		my-script.js            my-come-name.css

文本缩进

	一次缩进两个空格

注释

	写注释时一定要注意，不要写你的代码都干了些什么，而是要写你
的代码为什么要这么写，将后的考量是什么，当然也可以加入所思考的
问题，或者是解决方案的链接地址

文件引用加载

	样式文件
		<link rel="stylesheet" href="style/xxx.css">
	JS脚本文件
		<script src="script/xxx.js"></script>
		把css样式表放在顶部，可以加快页面样式的显示，给客户更
	好的体验。把脚本表放在底部，会避免脚本阻塞页面内容的呈现。

HTML引号

	虽然双引号和单引号都可以，但统一都使用双引号（除个别以外）
	例如
		var a = "hello'+' word"

严格模式

	ECMAScript5严格模式可在整个脚本或独个方法内被激活，它对应
不同的JavaScript语境会做更加严格的错误检查，严格模式也确保了
JavaScript代码更加的健壮，运行的也更加快速。
	严格模式会阻止使用在未来很有可能被引入的预留关键字
	你应该在你的脚本中，启用严格模式，在你的脚本第一行使用它会
导致你的所有脚本都启动了严格模式，这有可能会引发一些第三类库的
问题。
推荐使用方法
	(function() { 'use strict'; }();

变量声明

	防止全局污染
	推荐使用
		var x=10,y=10;

提升声明

	把风险降到最低，我们应该手动地显示声明变量与方法。也就是说
所有的变量以及方法，应当定义在function内的首行。
	只用一个var关键字声明，多个变量用逗号隔开。

变量的判断

	推荐使用方法
		x= x|| y||c;

字符串定义

	统一使用单引号，不使用双引号。

if的判断

	用三元操作符分配或返回语句，在比较简单的情况下使用，避免在
复杂的情况下使用
推荐使用
	return x===10? 'valid': 'invalid';

css样式的写法

	推荐使用
		.content > .title{}
		font:100% / 16 palatino,georgia ,serif;
		padding: 0 1rem 2rem;

0和单位

	省略0后面的单位，不要在0后面添加单位，除非有值外
	推荐使用
		padding-top: 0;

声明顺序

	这是一个选择器内书写css属性顺序的大致轮廓，是为了保证更好
的可读性和可扫描。
	需遵循以下顺序
	1.结构性属性：
		display    position:  top  left  right  bottom
		overflow  float  clear etc
		margin  padding
	2.表现性属性
		background  border  etc
		font text

规格分隔

	规则之间始终有一个空行分隔

CSS引号

	属性选择器或属性值用双引号，URL值不需要使用引号（url()）

CSS优先级

	一般情况下，遵循就近原则。
	例如
		p{color:red;}    p{color:blue;}
		得出p元素的字体颜色为蓝色
	CSS嵌套选择器的实际特性
			一组嵌套选择器的实际特性可以计算出来的。ID选择器的
		值是100，class选择器的值是10，每个html选择器的值是1.
	四大原则
		一、继承不如指定
			若某样式是继承来的，但永远不如具体指定的优先级高
		二、 ID > Class > 标签选择符
		三、越具体优先级越高

常用命名

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