关于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 eval解析JSON中的注意点介绍
Aug 23 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
node.js中的fs.appendFile方法使用说明
Dec 17 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
Aug 16 Javascript
4个顶级JavaScript高级文本编辑器
Oct 10 Javascript
vue实现随机验证码功能的实例代码
Apr 30 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
May 13 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
浅谈Vue SSR中的Bundle的具有使用
Nov 21 Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 Javascript
避坑之 JavaScript 中的toFixed()和正则表达式
Apr 19 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
spl_autoload_register与autoload的区别详解
2013/06/03 PHP
php实现过滤UBB代码的类
2015/03/12 PHP
smarty学习笔记之常见代码段用法总结
2016/03/19 PHP
Joomla调用系统自带编辑器的实现方法
2016/05/05 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
PHP操作Redis数据库常用方法示例
2018/08/25 PHP
jQuery插件 tabBox实现代码
2010/02/09 Javascript
JQuery.Ajax之错误调试帮助信息介绍
2013/07/04 Javascript
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
javascript函数重载解决方案分享
2014/02/19 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
JSONP跨域请求实例详解
2016/07/04 Javascript
JavaScript中原型链存在的问题解析
2016/09/25 Javascript
JS框架之vue.js(深入三:组件1)
2016/09/29 Javascript
js登录滑动验证的实现(不滑动无法登陆)
2018/01/03 Javascript
QRCode.js二维码生成并能长按识别
2018/10/16 Javascript
微信小程序实现左滑修改、删除功能
2020/10/19 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
[52:02]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第一场 11.27
2020/11/30 DOTA
Python文件操作类操作实例详解
2014/07/11 Python
python redis 删除key脚本的实例
2019/02/19 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
django settings.py 配置文件及介绍
2019/07/15 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
python如何调用java类
2020/07/05 Python
python如何操作mysql
2020/08/17 Python
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
Bobbi Brown芭比波朗美国官网:化妆师专业彩妆保养品品牌
2016/08/18 全球购物
什么是继承
2013/12/07 面试题
医学生个人求职信范文
2013/09/24 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
python中的被动信息搜集
2021/04/29 Python
以MySQL5.7为例了解一下执行计划
2022/04/13 MySQL