关于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 相关文章推荐
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
Javascript 面向对象之重载
May 04 Javascript
js 获取(接收)地址栏参数值的方法
Apr 01 Javascript
js调用百度地图及调用百度地图的搜索功能
Sep 07 Javascript
Bootstarp基本模版学习教程
Feb 01 Javascript
angular实现商品筛选功能
Feb 01 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
May 10 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
将RGB值转换为灰度值的简单算法
Oct 09 Javascript
js实现验证码功能
Jul 24 Javascript
浅谈TypeScript 索引签名的理解
Oct 16 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 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
php 防止表单重复提交两种实现方法
2016/11/03 PHP
10款非常有用的 Ajax 插件分享
2012/03/14 Javascript
jquery等待效果示例
2014/05/01 Javascript
JavaScript常用小技巧小结
2014/12/29 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
Node.js Windows Binary二进制文件安装方法
2019/05/16 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
2020/09/04 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
[01:20]DOTA2更新全新英雄 天涯墨客现已加入游戏
2018/08/25 DOTA
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
python使用win32com库播放mp3文件的方法
2015/05/30 Python
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
基于anaconda下强大的conda命令介绍
2018/06/11 Python
python微信撤回监测代码
2019/04/29 Python
销售演讲稿范文
2014/01/08 职场文书
出生证明公证书
2014/04/09 职场文书
实习公司领导推荐函
2014/05/21 职场文书
班级课外活动总结
2014/07/09 职场文书
2014年国庆节寄语
2014/09/19 职场文书
民主评议党员工作总结
2014/10/20 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
2014年销售部工作总结
2014/12/01 职场文书
2015年推普周活动方案
2015/05/06 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书
2019年家电促销广告语集锦
2019/10/21 职场文书
解决golang结构体tag编译错误的问题
2021/05/02 Golang