文档介绍：Web前端
Web前端
1 / 10
Web前端
⒈HTMＬ命名规范:
标签名小写，属性值用双引号闭合
注释添加的位置在要注释的代码上部并用一行。
CSS命名规范:
推荐的CSＳ类的命名规则和元素的ＩＤ命名规则相似,只是载5分钟后刷新—>
<ｍｅta http-ｅquiv=”refrｅsh” ｃontent=”3００”/>
强调：HTML代码只关注语义不关注其他外观，所有页面的外观都应该通过CＳS样式控制，HＴＭＬ和CSS应该各司其职。
(DOM的选择
jQuerｙ提供了一系列选择器用于选取界面元素，在其他一些框架中也有类似功能,但是一般没有它的简洁、强大。
$（"*") 　　／／选取所有元素
$("#ｌａstnａｍe"） //选取id为ｌastname的元素
$(＂．intrｏ"）　　 //选取所有class="ｉntｒo＂的元素
$("p") 　　 /／选取所有＜p>元素
$(".ｉｎｔro．demo"）／/选取所有　cｌａｓs="iｎｔro＂且claｓs＝"demo＂的元素
链式表达式：
在jQuｅry中,可以使用链式表达式来连续操作dom,比如下面这个例子：
如果不使用链式表达式,可能我们需要这么写:
var ｎeaｔ　= $("p．neａｔ");
nｅａt．aｄdClaｓs("oｈmy")；
("sloｗ");
但是有了链式表达式，我们只需要这么一行代码就可以完成这些：
Web前端
Web前端
6 / 10
Web前端
$("").addClass("ohmy")．show("slow")；
）
良好的编码****惯：
避免定义全局变量或函数
使用简化的编码方式
例：
//创建对象
Var ｐersｏn＝ｎew　Objｅct(）;
Persｏn，agｅ=２5；
＝’dang’；
//创建数组
Var lｉst＝new Aａrｒaｙ();
Lｉst[0］=１2;
List［１］=20；
Ｌiｓt[2]=２4;
在JS中可以使用JSＯＮ方式创建对象和数组。如果熟悉ＪS，则使用这种方式更简洁
／／创建对象
Ｐerson　＝{age:25,naｍｅ:’ｄang’};
//创建数组
Ｌist=［12,２０，24];
使用比较运算符===而不是==
Web前端
Web前端
7 / 10
Web前端
JS有两组相等的运算符：=＝=（严格相等)和!==(严格不相等)，以及，==(相等）和!=（不等).
１、对于ｓtring，ｎuｍber等基础类型,=＝和＝＝=是有区别的
1）不同类型间比较，=＝之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等
2)同类型比较，直接进行“值”比较，两者结果一样
2、对于Ａrray,Ｏｂjecｔ等高级类型,==和===是没有区别的
进行“指针地址”比较
3、基础类型与高级类型，＝=和===是有区别的
1)对于==，将高级转化为基础类型,进行“值”比较
２)因为类型不同,==＝结果为fａlse
为了避免隐含的错误,推荐使用＝==和!