Maison > interface Web > tutoriel HTML > le corps du texte

浅谈代码规范_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:26:33
original
849 Les gens l'ont consulté

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal