jjzjj

optimization

全部标签

javascript - 在将所有 Javascript 文件发送到客户端之前将其连接成一个有什么好处?

例如,如果你有除了html中的漂亮之外,让所有这些在以以下形式发送给客户端之前通过运行的任务(Grunt/Gulp)连接和缩小还有什么好处? 最佳答案 将多个JS文件合并为一个文件有以下好处:与下载多个较小的文件相比,浏览器可以更高效、更快速地下载单个文件。一个http连接下载文件通常比许多http连接下载较小的文件要快。浏览器对同一域的同时连接数有限制,如果达到该限制,则某些连接必须等待其他连接完成。这会导致下载延迟。下载较少的文件使其不太可能达到此限制。此限制适用于域的所有连接(JS文件下载、CSS文件下载、框架下载、ajax调

javascript - 在 jQuery 中如何删除变量和函数

我在jQuery中有一个函数,例如。varasd;functiondosomething(){for(i=0;i如何在函数后取消设置变量?删除$asd;有了这个,我可以从内存中清除变量。但是我可以在jQuery中访问函数的析构函数吗?如何在函数的析构函数中取消设置整个函数?原因运行脚本后函数和所有全局变量都在内存中。如果我通过控制台运行某些东西,在dom准备好后-因为所有变量仍在内存中-程序将运行。所以我想清除函数的析构函数上的变量,然后重置函数,或者使它为空。因为它会从内存中刷新整个脚本,所以我的页面会更快。想象一个比单个函数大一点的数据结构,比如100个函数和800个全局变量。显示

javascript - cssText 还是单独的样式名称?

当我们使用JavaScript对单个元素应用大量样式更改时,phpied&WritingEfficientJavaScript(幻灯片87)建议:insteadofapplyingstylesonebyoneusingstyle.stylename,applyeverythinginonegousingcssTextorchangingclassnameasit'llreducereflows/repaints当只有一个单一样式改变时哪个更好?document.getElementById('myid').style.cssText+=";color:#999;";或document.

javascript - 确定去优化的原因

首先是问题:如何确定我的函数去优化的原因?例如,这是我的一个函数的去优化条目:[deoptimizing(DEOPTeager):begin0x3ca09e9f4d1mergeObjects(opt#50)@12,FPtoSPdelta:96];;;jumptableentry8:deoptimizationbailout12.translatingmergeObjects=>node=43,height=640x7fff5fbfecd0:[top+128]0x7fff5fbfecc8:[top+120]0x7fff5fbfecc0:[top+112]0x7fff5fbfecb8:[t

javascript - JS tween如何提高?

我正在尝试制作一个简单的expotween,它可以工作,但它有点紧张,而且FF似乎有点挂起。我可以做些什么来改进它?vardistance=(target-x)*dir;x+=(distance/5)*dir;if(dir==1&&x>=target-1){return;}if(dir==-1&&x 最佳答案 您可能会找到答案,更多信息请查看tween.js的来源所有可视化的补间曲线:http://sole.github.com/tween.js/examples/03_graphs.html

javascript - 两个几乎相似的 while 循环之间的处理差异非常大

我正在编写一个函数,逐个像素地将图像绘制到Canvas元素。我注意到有一点,该函数的处理时间突然比以前更长了——特别是从338x338像素的Canvas到339x339像素的Canvas。将外观相似的函数放入jsfiddle中,我得到了相同的结果。处理338x338数组的while循环大约需要。6-7秒,而339x339的数组大约需要。24-25秒。这发生在Chrome上。在Firefox中,两者都需要大约。16秒。这是fiddle:http://jsfiddle.net/8pb89/5/代码如下所示:varary1=[];varary2=[];varmapData={};varcol

javascript - 优化 JavaScript DrillDown 代码

我的页面上有一个向下钻取图,我想对其进行优化。现在我正在加载每个“向下钻取”map,即使它没有被点击。Here是一个示例,显示了单击状态时如何加载数据。我想实现这一点。但这是我的代码,如您所见,即使未单击map,我也会加载所有向下钻取json。在我的示例中,我只有2个向下钻取选项,但在我的现实生活中,我有15个,所以它确实会减慢一切。所以这是我的代码://getmainmap$.getJSON('json/generate_json_main_map.php',function(data){//getregion1map$.getJSON('json/generate_json_reg

javascript - 为什么在没有所有者的情况下调用函数会比较慢?

如果我执行以下操作:varabs=Math.abs;abs(-10)不应该比Math.abs(-10)快吗?因为直接调用了abs。这就是引起我注意的原因:Math.absvscustomabsfunction更新:在InternetExplorer11中执行的相同测试显示了完全不同的结果:我推测这是由于对Chrome的V8引擎中的内置函数进行了一些优化。nnnnnn创建的测试这澄清了我想说的话:Propertyshortcut 最佳答案 这个答案被Givi变得毫无用处。查看评论。在用户定义的对象中查找用户定义的函数比查找绑定(bin

javascript - 在 Javascript 中执行(整数)操作的最有效方法是什么?

我正在用Javascript实现一个图灵机(把它想象成一个虚拟机)。我正在研究一个尽可能高效地执行计算的例程(从一开始这不是项目的重点)。是的,除非遇到性能问题,否则我不应该考虑优化。但是我正在做的事情的性质(大多数非平凡程序的渐近运行时效率非常低)意味着总是可以从优化中获得一些好处。我想尽我所能(合理地)每秒获得尽可能多的指令。例如,如果我用C++编程,解决方案就很清楚了。做一些计时。gprof.-O3等等。我将研究我希望运行代码的体系结构,并且可能还会查看正在生成的程序集。但是,不能用javascript做到这一点。我的第一直觉是将内部循环中的操作减少到数组查找。在我看来,如果解释

javascript - 使用 React 突出显示列表中的项目时的性能

我有一个很大的列表,假设有3000个成员。我有一个呈现此列表的组件和一个用于每个列表项的组件。在外部组件中,我们有这样的代码:constlist=_.map(this.props.items,(item)=>{return});然后在我们的JSX中放置列表:Checkoutmysweetlist{list}难点在于:我想在用户单击某个项目时向用户显示该项目已被选中。因此,在我的ListItem组件中,我有代码根据单个项目是否具有selected属性来突出显示自身。当只有单个项目的选定属性发生变化时,如何阻止React重新呈现整个列表?我确定我需要以某种方式重构我的代码,但我不确定什么结