浅谈代码规范_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:26:33
Original
849 people have browsed it

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template