浅谈代码规范_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:26:33
Original
849 Leute haben es durchsucht

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%。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage