构造 款式 行动星散 模板只包括html文件，模板的誊写递次
响应的定名划定规矩

html：语义化
css：类名以功用或内容定名

款式复用 
最好少于三级 
在没有必要的状况下防止元素选择器叠加 Class、ID 运用  
属行的誊写递次
机能

js：防止反复查找dom

三元操作符电梯if前提语句
二元布尔操作符
款式写在一同
变量声明，保存在一个变量里，防止屡次查找dom
jQuery链式写法

1、猎取DOM对象后缓存到js变量中，防止反复查找DOM数
2、适配手机差别分辨率 最好用CSS3供应的media query（假如涉及到盘算照样须要用到js）
3、jQuery中css()要领能够接收多个款式不须要每一个款式都写一遍 $('body').css({'width':'1px','height':'1px'})
4、ajax提交都须要做失利处置惩罚
5、if..else中存在雷同的代码，应当写在ifelse外
6、反复的代码封装成函数，轻易复用
7、为了不污染全局作用域，发起将变量放在匿名函数中（注重某些状况须要在全局域中定义变量）
8、发起在定义变量时可一次性定义改域下一切要用到的变量，不必反复定义
9、$(‘.example’).css(‘display’,’block’)能够写成$(‘.example’).show()；$(‘.example’).css(‘display’,’none’)能够写成$(‘.example’).hide()；注重show()和hide()的运用要领。
10、运用链式写法，jQuery的一大特性，就是许可运用链式写法
$('div').find('h3').eq(2).html('Hello')采纳链式写法时，jQuery自动缓存每一步的效果，因而比非链式写法要快。依据测试，链式写法比（不运用缓存的）非链式写法，约莫快了25%。