浅谈前端开发规范

结构 样式 行为分离 模板只包含html文件，模板的书写顺序
相应的命名规则

html：语义化
css：类名以功能或内容命名

样式复用 
最好少于三级 
在没有必要的状况下避免元素选择器叠加 Class、ID 使用  
属行的书写顺序
性能

js：避免重复查找dom

三元操做符电梯if条件语句
二元布尔操做符
样式写在一块儿
变量声明，保存在一个变量里，避免屡次查找dom
jQuery链式写法

一、获取DOM对象后缓存到js变量中，避免重复查找DOM数
二、适配手机不一样分辨率 最好用CSS3提供的media query（若是涉及到计算仍是须要用到js）
三、jQuery中css()方法能够接受多个样式不须要每一个样式都写一遍 $('body').css({'width':'1px','height':'1px'})
四、ajax提交都须要作失败处理
五、if..else中存在相同的代码，应该写在ifelse外
六、重复的代码封装成函数，方便复用
七、为了避免污染全局做用域，建议将变量放在匿名函数中（注意某些状况须要在全局域中定义变量）
八、建议在定义变量时可一次性定义改域下全部要用到的变量，不用重复定义
九、$('.example').css('display','block')能够写成$('.example').show()；$('.example').css('display','none')能够写成$('.example').hide()；注意show()和hide()的使用方法。
十、使用链式写法，jQuery的一大特色，就是容许使用链式写法
$('div').find('h3').eq(2).html('Hello')采用链式写法时，jQuery自动缓存每一步的结果，所以比非链式写法要快。根据测试，链式写法比（不使用缓存的）非链式写法，大约快了25%。