jjzjj

performance

全部标签

javascript - 用于单页 Web 应用程序的 New Relic 真实用户监控

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭8年前。Improvethisquestion人们如何在使用Backbone、AngularJS等构建的单页Web应用程序中使用NewRelic的真实用户监控?假设它是一个带有rails后端的Backbone前端。入口页面将为我们提供加载时间分解,然后当用户与页面交互时,它会调用其他Web端点。例如,您通过/home输入,当您单击指向/about的链接时,它会调用一个为页面提供数据的webapi,主干的View会更新为新的dom元素。您也可以直接转到

javascript - 如何在javascript中对类型数组进行排序?

例如我输入了这样的数组:vara=newInt32Array([3,8,6,1,6,9]);当我尝试调用a.sort()时,它不起作用。排序类型数组的最佳方法是什么?性能怎么样,我们可以比常规数组更快地对类型化数组进行排序吗? 最佳答案 JavaScript数组方法的定义方式使其适用于任何类数组对象,而不仅仅是Array的实际实例。所以你可以使用:Array.prototype.sort.call(a,function(a,b){returna-b;});自定义回调是必要的,因为JS默认按字典顺序对值进行排序。另见Howtosort

javascript - 是否可以在原始图像加载之前更改图像 src =""

我一直在研究可以更改图像src的Javascript。我只是想知道这是否可以在浏览器尝试获取原始图像之前完成。例子。Src="Large-Image"我可以(使用javascript,我想……也许是node.JS?)为用户服务src="smaller-image"?显然,如果浏览器首先加载大图像,则不会有性能提升。 最佳答案 我不这么认为,JS需要image-tag才能访问属性,所以它必须晚于此执行(就像在documentReady上或放置在标签之后),但在那个时候浏览器已经开始下载图像。但是,我见过一些解决方案,您不在“src”属

javascript - 源映射的目的是什么?

有人可以解释一下源map的意义吗?因为正如我所见,我的连接和缩小文件与100多个模块一起被加载(谈论JavaScript)。当我加载的大小是以前的两倍时,这如何不影响性能? 最佳答案 sourcemap的要点是你可以运行缩小的Javascript或转译的Javascript(这在调试器中本身并不是特别可读),但是当你打开调试器时,调试器会加载sourcemap并且它给出出于调试目的,您可以使用可读形式的源代码。如果浏览器未配置源映射调试,则不会加载源映射。如果您将代码从TypeScript或ES6之类的代码转换为ES5Javascr

javascript - 比较字符串与字符串数组的最快方法

我有一个数组,比方说:varmyArray=["ibira","garmin","hide","park","parque","corrida","trote","personal","sports","esportes","health","saúde","academia"];varmyString="Iwenttotheparkwithmygarminwatch";检查我的字符串是否包含myArray中的任何单词的快速方法是什么?下面是我的代码,但我不确定这是否是最好的方法......functionscore(arKeywords,frase){if(frase==undefi

javascript - 如何检测由贝塞尔曲线制成的物体与圆之间的碰撞?

所以我写了一个微生物动画。这一切都很酷,但我认为,如果微生物能够吃掉硅藻并破坏气泡,那就更好了。问题在于微生物是由贝塞尔曲线构成的。我不知道如何以合理的方式检查由贝塞尔曲线构成的对象与圆之间的碰撞。我唯一想到的是在隐藏的Canvas上绘制微生物形状和气泡,然后检查它们是否绘制到相同的像素。但这会导致严重的性能问题恕我直言。代码:https://codepen.io/michaelKurowski/pen/opWeKYclassCell是单元格,而classCellWallNode是贝塞尔曲线的节点,以防有人需要查看实现。气泡和硅藻可以很容易地简化为圆形。 最

javascript - 为什么在此实例中使用 `concat` 而不是 `push`?

我正在浏览这个问题的答案:CanIdispatchanactioninreducer?在thisanswer,我看到以下内容:actionQueue=actionQueue.concat([asyncAction]);本质上是一样的:actionQueue.push(asyncAction);(忽略concat调用正在创建一个新数组并将其重新分配给actionQueue,结果是一样的——一个带有asyncAction的数组附加到它)。最初,我认为它(也许)(以某种方式)表现得更好,而其他人显然也在想同样的事情,因为他们在jsperf中击败了我:Array.concat()vs..pus

javascript - 多次使用 jQuery $() 运算符是否会对性能产生影响?

如果我围绕一个元素构建一次或多次jQuery对象,会有显着差异吗?例如:varjEl=$(el);$.each(myArray,function(){jEl.addClass(this);}对比:$.each(myArray,function(){$(el).addClass(this);}我知道还有其他方法可以回避这个问题,但我的问题是我是否应该只做一次$(el),或者它是否真的无关紧要。这个例子是人为设计的。解释$(el)在幕后做了什么的加分点。我知道理论上还有更多的工作要做,但我不知道这是否重要...如果jQuery缓存它或浏览器都非常适合第二个请求或其他任何东西,那么它不值得。

javascript - 在 Canvas HTML 上重绘大量对象

有没有一种快速有效的方法可以在canvas中移动大量对象?基本上,如果有大约1000个对象,并且我想一次移动所有对象以模拟滚动,则通过调用drawImage()1000多次来重绘每个对象会非常慢。有没有办法优化这个?我有一个问题的示例链接(而且只有100个对象):http://craftyjs.com/isometric/ 最佳答案 由于canvas不提供快速低级位图复制,因此很难在多个图层中执行操作,例如一次滚动整个背景然后只渲染边缘。那你能做什么?简而言之,什么都没有。尤其是在滚动时,当你有一个或多或少的静态背景时,你肯定可以用

javascript - jQuery/JavaScript : My recursive setTimeout function speeds up when tab becomes inactive

我在构建的这个jQuery幻灯片插件中遇到了一个奇怪的小困境。这没什么特别的,我迄今为止编写的代码运行良好,但我注意到,当我离开网站运行并切换到新选项卡并继续在另一个选项卡中浏览网页时(Mac版Chrome在我的例子中),当我返回我的站点时,setTimeout调用似乎已经加速,而不是等待计时器完成触发事件,而是连续触发。这是我的(简化)代码:vartimer;varcounter;varslides;//collectionofalltargetedslides.//animatetothenextslidefunctionnextSlide(){//stoptimermethods