草庐IT

Performance

全部标签

javascript - 如何避免 keyup 事件连续 ajax 请求的开销?

例如在搜索表单中,当用户输入一些文本时,AJAX请求应在每个keyup事件上发送,搜索键作为查询字符串。搜索键将是输入框中的值。如果用户输入“ABCD”,在这种情况下,前3个AJAX请求应该被终止/取消,因为在第4个AJAX请求中,搜索键将是“ABCD”$(document).ready(function(){$("#searchInput").keyup(function(){ajaxSearch($("#searchInput").val());});});在keyup事件上,我调用以下“ajaxSearch()”函数。functionajaxSearch(searchKey){$

javascript - 在使用数万个索引的 Javascript 中使用数组是否可取?

在使用数万个索引的Javascript中使用数组是否可取?我有一个包含静态数据表的数据库,这意味着它永远不会改变。在这种情况下,是否建议将此表转换为javascript数组并在需要时在其中查找信息?这是不好的做法吗?有问题的表包含大约40,000个键/值对条目。 最佳答案 没有。我会保留该表,作为它的单点维护。您会发现,执行XmlHTTPRequest以根据服务器端查询返回键/值对,实际上执行速度更快,并且比巨大的JavaScript数组占用的内存少得多。 关于javascript-在使

javascript - 为什么 Facebook 不合并它的 CSS/JS 文件?

我很好奇为什么Facebook开发人员选择不将他们的脚本和样式表合并到单个文件中。相反,它们是通过CDN按需加载的。Facebook显然是一个非常复杂的应用程序,我可以理解这种模块化如何使Facebook更易于维护,但通常的优化建议是否仍然适用(尤其是考虑到它的高使用率)?或者,他们使用CDN的事实是否避免了具有大量小脚本/样式的常见性能影响? 最佳答案 一句话BigPipe.他们将页面分成“pagelets”,每一个都在他们的服务器上单独处理并并行发送到浏览器。基本上几乎所有内容(CSS、JS、图像、内容)都是延迟加载的,因此它归

jquery - 停止事件冒泡 - 提高性能?

如果我不回来了false来自事件回调,或使用e.stopPropagationjQuery的特性,事件使DOM冒泡。在大多数情况下,我不关心事件是否冒泡。就像这个DOM结构示例一样:​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​通常,我没有像这样的多个嵌套提交回调:$('#theDiv').submit(function(){alert('DIV!');});$('#theForm').submit(function(e){alert('FORM!'

javascript - jQuery bind() unbind() 和 on() 和 off()

我正在为一个网页开发一个小的管理区域。解除绑定(bind)事件以提高性能(客户端)是否有意义?还是取消绑定(bind)事件并在30秒后再次绑定(bind)它会消耗更多性能?我的问题:bind()-unbind()或on().off()背后的想法只是提高基于客户端的性能,还是我应该将它用于其他场景?出现这个问题是因为我的javascript代码由于解除绑定(bind)事件而不断增长(大约30%)。而且我认为,当用户交互不正常时,有些事情可能无法正常工作....编辑:大多数时候我绑定(bind)/解除绑定(bind)按键事件,因为我需要箭头键来区分。场景。 最佳

javascript - `await` 慢于 Chrome 中应有的速度

在测试await的性能时,我发现了一个令人困惑的谜团。我在控制台中多次运行以下每个代码片段以过滤掉侥幸,并取相关数据的平均次数。(function(console){"usestrict";console.time();varO=[1];for(vari=0;i!==107000;++i){constO_0=O[0];O[0]=O_0;}console.timeEnd();})(console);结果:默认:5.322021484375ms接下来,我尝试添加使其成为asynchronous(asyncfunction(console){"usestrict";console.time(

javascript - CDN 上有哪些著名的 JavaScript 库,URL 是什么?

众所周知,JQuery存在于Microsoft和GoogleCDN中,但我听说越来越多,例如YahooYAPI等。我是一名新的Web开发人员,有兴趣了解哪些库被广泛使用、位于CDN上并且值得学习。您会推荐哪些图书馆? 最佳答案 GooglehostsafewmorethanjQuery,所以这是一个非常好的CDN资源:DojoExtCorejQueryjQueryUIMooToolsPrototypescript.aculo.usGoogle的另一个没有像应有的那样广为人知的好处是它托管大多数以前的版本并允许您通过多种方式访问​​它

javascript - jQuery 视差/滚动事件性能

这个问题与其说是视差,不如说是滚动事件。我对我的项目最关心的是视差滚动效果是平滑的而不是抖动的。那么我的问题是,某些属性的动画/滚动效果是否比其他属性更好?例如,background-position是否比在滚动时调整margin-top效果更好。 最佳答案 我不确定某些属性在设置动画时是否会比其他属性产生更少的开销,但如果有人发布有关该主题的一些有用信息,我将非常感兴趣。话虽这么说,我确实知道一些可以帮助提高性能的事情。设置position:absolute将元素从页面的常规流中移除,因此不需要在动画时重绘整个页面。positio

javascript - 绑定(bind)父元素与直接绑定(bind)元素有优缺点吗?

为了更好地理解jQuery性能,我遇到了以下问题。考虑将点击事件绑定(bind)到列表中的项目的两个大致相等的解决方案:列表项:OneTwoThreeOneTwoThree注意有两个相同的列表(除了ID)。现在,考虑使用以下jQuery为item中的每个anchor绑定(bind)客户端事件:$('#items').on('click','.itema',function(e){console.log("###Itemsclick");});$('#items2.itema').on('click',function(e){console.log("###Items2click");}

javascript - 对于 Array,在 javascript 中使用 map() 和 reduce() 而不是 forEach() 效率更高吗?

1)正如我们所知,map()和reduce()没有副作用。如今,我们的手机也有多核。那么使用它们效率更高吗?2)另一方面,js在大多数浏览器上只有一个线程可以执行。因此map()和reduce()是为服务器端脚本准备的? 最佳答案 我今天刚刚测试了这个,使用map和reduce处理float,使用最新的node.js版本,答案是map和reduce比常规的for循环慢两个数量级。varr=array.map(x=>x*x).reduce((total,num)=>total+num,0);~11,000毫秒varr=0.0;arra