关于jquery性能最佳实践的讨论,与求教


Posted in Javascript onMarch 30, 2012

原因是我在测试的时候:带入了错误的变量。具体可以查看图片上的 $(parentID > childClass) 我直接比较两个字符换大小了!
感谢 html5中文网 QQ群中的 “不见丘比特”。

其中第三点提到父元素与子元素的关系中提到了 从父元素选择子元素的用例:

 $('.child', $parent) 
$parent.find('.child') 

$parent.children('.child') 

$('#parent > .child') 

$('#parent .child') 

$('.child', $('#parent'))

在其所给的测试用例中 确实是使用jquery的find方法最快,但是稍作修改却得到了另外的一个结果$('#parent > .child')完胜。

在作者的用例中只是直接缓存了对象 $('#parent');但是当我们把dom的id和class属性作为常量定义并传入测试用例中的时候就出现我说的另外一个结果。
作者原生测试页面:http://jsperf.com/bell-selector
结果截图:
关于jquery性能最佳实践的讨论,与求教
修改后的测试页面:http://jsperf.com/bell-selector/2
结果截图:
关于jquery性能最佳实践的讨论,与求教

同时给我我从真实环境中取出来的一块代码段所做的测试,同样也是$('#parent > .child')这样的写法最快。
测试页面:http://jsperf.com/findchildren
结果截图:
关于jquery性能最佳实践的讨论,与求教
从以上结果截图中可以看到,我给出的两个测试结果明显是使用了大于号选择符的那个性能做好。

请各位看到此文或者了解详情的能给一个说明。关于文章中的其它内容都是比较好的观点。
文章:https://3water.com/article/28056.htm

园子中那位有时间和条件的可以对以上各个操作做一次调试,给出详细的流程说明。我要等到手中的项目做完才有时间来调试这个过程。

Javascript 相关文章推荐
jQuery 浮动广告实现代码
Dec 25 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 Javascript
Jquery基础教程之DOM操作
Aug 19 Javascript
Bootstrap每天必学之轮播(Carousel)插件
Apr 25 Javascript
Angularjs实现分页和分页算法的示例代码
Dec 23 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
利用Vue2.x开发实现JSON树的方法
Jan 04 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
uni-app如何页面传参数的几种方法总结
Apr 28 Javascript
vue实现列表滚动的过渡动画
Jun 29 Javascript
从面试题学习Javascript 面向对象(创建对象)
Mar 30 #Javascript
jQuery 自定义函数写法分享
Mar 30 #Javascript
一个JQuery操作Table的代码分享
Mar 30 #Javascript
javascript工具库代码
Mar 29 #Javascript
Web开发之JavaScript
Mar 29 #Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 #Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 #Javascript
You might like
用PHP实现Ftp用户的在线管理的代码
2007/03/06 PHP
.htaccess文件保护实例讲解
2011/02/06 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
php获取Google机器人访问足迹的方法
2015/04/15 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题
2019/10/15 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
2013/08/06 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
2017/05/21 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
浅谈webpack组织模块的原理
2018/03/10 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
2018/10/26 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
2019/07/06 Javascript
Python字符串中添加、插入特定字符的方法
2019/09/10 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
哈萨克斯坦最大的时装、鞋子和配饰在线商店:Lamoda.kz
2019/11/19 全球购物
介绍一下代理模式(Proxy)
2014/10/17 面试题
煤矿安全生产责任书
2014/04/15 职场文书
装配出错检讨书
2014/09/23 职场文书
党员个人总结自评
2015/02/14 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
2015年污水处理厂工作总结
2015/05/26 职场文书
三八节活动主持词
2015/07/04 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书