加载中…
个人资料
real小辉侠
real小辉侠 新浪个人认证
  • 博客等级:
  • 博客积分:0
  • 博客访问:8,125
  • 关注人气:13
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

jquery性能优化28条(四)

(2011-12-23 14:24:44)
标签:

jquery

性能优化

it

分类: jquery那些事

9. 当要进行DOM插入时,将所有元素封装成一个元素

直接的DOM操作很慢。尽可能少的去更改HTML结构。

1
2
3
4
5
6
7
8
9
10
11
var menu = '<ul id="menu">';
for (var i = 1; i < 100; i++) {
menu += '<li>' + i + '</li>';
}
menu += '</ul>';
$('#header').prepend(menu);
// 千万不要这样做:
$('#header').prepend('<ul id="menu"></ul>');
for (var i = 1; i < 100; i++) {
$('#menu').append('<li>' + i + '</li>');
}

10. 尽管jQuery不会抛出异常,但开发者也应该检查对象

尽管jQuery不会抛出大量的异常给用户,但是开发者也不要依赖于此。jQuery通常会执行了一大堆没用的函数之后才确定一个对象是否存在。所以在对一个作一系列引用之前,应先检查一下这个对象存不存在。

11. 使用直接函数,而不要使用与与之等同的函数

为了获得更好的性能,你应该使用直接函数如$.ajax(),而不要使用$.get(),$.getJSON(),$.post(),因为后面的几个将会调用$.ajax()。

12. 缓存jQuery结果,以备后来使用

你经常会获得一个javasript应用对象——你可以用App.来保存你经常选择的对象,以备将来使用:

1
2
3
App.hiddenDivs = $('div.hidden');
// 之后在你的应用中调用:
App.hiddenDivs.find('span');

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有