getById.getByClassName 与 qSA 比较!如果我们想选择 ID 为 “foo” 的元素内 "bar" 类的所有元素，我们可以这样写:
$( '#foo .bar' )
或者这个:
$( '.bar', '#foo' )
当然还有其他方法可以实现这一点，但是为了这个问题，让我们只比较这两种方法。
那么，以上哪种方法效果更好呢？ (哪个需要更少的时间来执行？)
我写了这个性能测试:
(function() {
var i;
console.time('test1');
for( i = 0; i < 100; i++ ) {
$('#question-mini-list .tags');
}
console.timeEnd('test1');
console.time('test2');
for( i = 0; i < 100; i++ ) {
$('.tags', '#question-mini-list');
}
console.timeEnd('test2');
})();
您必须从 Stack Overflow 起始页 的控制台中执行它。我的结果是:
火狐:
测试 1:~90 毫秒
测试 2:~18 毫秒
Chrome :
测试 1:~65 毫秒
测试 2:~30 毫秒
歌剧:
测试 1:~50 毫秒
测试 2:~100 毫秒
所以在 Firefox 和 Chrome 中，第二种方法要快好几倍——正如我所料。然而，在 Opera 中，情况正好相反。我想知道这里发生了什么。
能否请您在您的机器上运行测试并解释为什么 Opera 的性能不同？
我写了这个测试，以调查 Opera 的 qSA 是否真的超快。事实证明，确实如此。
(function() {
var i, limit = 5000, test1 = 'test1', test2 = 'test2';
console.time( test1 );
for( i = 0; i < limit; i += 1 ) {
document.getElementById( 'question-mini-list' ).getElementsByClassName( 'tags' );
}
console.timeEnd( test1 );
console.time( test2 );
for( i = 0; i < limit; i += 1 ) {
document.querySelectorAll( '#question-mini-list .tags' );
}
console.timeEnd( test2 );
})();
同样，您必须在 Stack Overflow 起始页的控制台中运行此代码。我为 IE9 使用了 Firebug Lite 书签(因为该浏览器未实现 console.time)。
所以，我比较了这个方法:
document.getelementById( 'A' ).getElementsByClassName( 'B' );
这个方法:
document.querySelectorAll( '#A .B' );
我已经在每个浏览器中连续执行了五次上述脚本。算术平均值为:
(所有数字均以毫秒为单位。)
因此，第一种方法的性能在测试的浏览器中几乎相同(16-36 毫秒)。然而，虽然 qSA 比第一种方法慢得多，但在 Opera 中它实际上更快!
所以，qSA 优化是可能的，我想知道其他浏览器在等待什么......
最佳答案
如果浏览器支持 querySelectorAll，并且您传递了一个有效的选择器(没有自定义的非 CSS 选择器)，jQuery/Sizzle 将避免使用基于 JavaScript 的 Sizzle 引擎。
这意味着您最终是在比较 querySelectorAll 的实现，假设您正在测试支持它的浏览器。
jQuery 或 Sizzle 使用了其他优化，因此在不同浏览器中比较不同类型的 DOM 选择时很棘手。
Opera 的性能结果似乎是因为它们有一个高度优化的 querySelectorAll 实现。 qSA 是一种相对较新的方法，与 getElementsByTagName 等旧方法相比，它在某些浏览器中的优化程度还不够。
关于javascript - 比较 $ ("#foo .bar") 和 $ (".bar", "#foo") 的性能，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8598759/
我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou
我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-
为了将Cucumber用于命令行脚本，我按照提供的说明安装了arubagem。它在我的Gemfile中，我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作，我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了，但失败的原因是错误的:@announceScenario:Testingcucumber/ar
我有一个围绕一些对象的包装类，我想将这些对象用作散列中的键。包装对象和解包装对象应映射到相同的键。一个简单的例子是这样的:classAattr_reader:xdefinitialize(inner)@inner=innerenddefx;@inner.x;enddef==(other)@inner.x==other.xendenda=A.new(o)#oisjustanyobjectthatallowso.xb=A.new(o)h={a=>5}ph[a]#5ph[b]#nil,shouldbe5ph[o]#nil,shouldbe5我试过==、===、eq?并散列所有无济于事。
我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test
我正在尝试从Postgresql表(table1)中获取数据，该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中，我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤，而不是严格相等。然而，这是行不通的:scope:my_scope,->(que
我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file
当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub
我在新的Debian6VirtualBoxVM上安装RVM时遇到问题。我已经安装了所有需要的包并使用下载了安装脚本(curl-shttps://rvm.beginrescueend.com/install/rvm)>rvm，但以单个用户身份运行时bashrvm我收到以下错误消息:ERROR:Unabletocheckoutbranch.安装在这里停止，并且(据我所知)没有安装RVM的任何文件。如果我以root身份运行脚本(对于多用户安装)，我会收到另一条消息:Successfullycheckedoutbranch''安装程序继续并指示成功，但未添加.rvm目录，甚至在修改我的.bas
下面的代码在我第一次运行它时就可以正常工作:require'rubygems'require'spreadsheet'book=Spreadsheet.open'/Users/me/myruby/Mywks.xls'sheet=book.worksheet0row=sheet.row(1)putsrow[1]book.write'/Users/me/myruby/Mywks.xls'当我再次运行它时，我会收到更多消息，例如:/Library/Ruby/Gems/1.8/gems/spreadsheet-0.6.5.9/lib/spreadsheet/excel/reader.rb:11