草庐IT

轨迹优化

全部标签

javascript - 如何优化 three.js 中多个 sphereGeometry 的渲染?

我想优化three.js中sphereGeometry的渲染,因为它成为我程序中的瓶颈。javascript程序如下所示:varsphereThree=[];for(varidSphere=0;idSphere如以下链接所述:-AnimateingaMillionLettersUsingThree.js-OptimizingThree.jsPerformance:SimulatingTensofThousandsofIndependentMovingObjects他们指出我们不应该单独添加对象,最好同时添加同类对象,以进行优化。但是,由于我是这个领域的新手,所以在使用SphereGeo

javascript - 如何在 Plotly 中添加轨迹,并为 x 轴上的每个数据点设置自定义顺序?

我正在尝试创建一个具有(x,y)坐标的折线图,其中x轴对应于日期,y轴对应于值。日期格式为DD-MM-YYYY,即15-04-2015。当我添加我的第一条轨迹时:vartrace={x:["9-10-2016","6-12-2016","8-12-2016"],y:[30,11,38],name:"trace1",mode:'lines,我只是使用javascript数组的自定义排序方法按日期对数组的x轴和y轴进行排序。但是当我向图表中添加一条新轨迹时,似乎没有明显的方法可以让这些点相对于图表上的其他轨迹按日期排序。它们似乎总是位于第一条轨迹上所有内容的右侧,即使第二条轨迹中的某些点的

javascript - 如何在具有纬度和经度的图层上显示轨迹

我只是想在我的map上显示一条轨迹我试过如下但问题是我不想从GPX文件加载图层中的轨迹点(因为我不想从我得到的坐标生成文件从GPS设备编程)有没有办法从经度和纬度添加轨道层//AddtheLayerwiththeGPXTrackvarlgpx=newOpenLayers.Layer.Vector("Cartrack",{strategies:[newOpenLayers.Strategy.Fixed()],protocol:newOpenLayers.Protocol.HTTP({url:"testTrack.GPX",format:newOpenLayers.Format.GPX()

javascript - 我应该多次运行 Google Closure Compiler 以进一步优化我的代码吗?

我尝试将以下JavaScript代码放入ClosureCompilerwebinterface在高级优化模式下:functionf(some_object){if(some_object.foo==1){console.log(some_object.bar);}else{alert(some_object.bar);}}varmy_object={foo:1,bar:2};f(my_object);它生成了以下编译代码:vara={b:1,a:2};1==a.b?console.log(a.a):alert(a.a);但是当我把编译后的代码backintotheClosureComp

javascript - 如何针对后台多个异步请求导致的延迟优化基于 Web 的应用程序?

我正在设计一个基于瘦服务器客户端MVC架构的模块化RIA。目前,该应用程序仅完成了10%,因此合并设计更改还为时不晚。该应用程序的设计方式使其最初加载时占用空间非常小,并且根据用户执行的操作异步获取大量数据。这些数据可能包括存储在我的服务器中的数据以及来自第三方网络服务(包括社交网络和微博服务)的数据。但是我担心的是,是否有可能在后台运行的多个数据量大的ajax请求会使浏览器停止运行?我最近在一些社交内容聚合服务中观察到一些严重的延迟问题,在分析客户端代码后,我惊讶地发现客户端的应用程序占用空间非常小,在300KB以内。但是,当运行该应用程序时,浏览器(Firefox和IE)经常挂起并

javascript - 如何使用 javascript 优化呈现大量 DOM 元素?

在网页上,我有一个相当大的项目列表(例如,产品卡,每个都包含图像和文本)-大约有1000个。我想在客户端过滤这个列表(只显示那些没有被过滤掉的项目),但是存在渲染性能问题。我应用了一个非常窄的过滤器,只剩下10-20个项目,然后取消它(所以所有项目都必须再次显示),浏览器(非常好的机器上的Chrome)挂断了一两秒钟。我使用以下例程重新呈现列表:for(vari=0,l=this.entries.length;idict是允许项的id的散列这个函数本身是即时运行的,它是挂起的渲染。是否有比更改DOM元素的“显示”属性更优化的重新渲染方法?提前感谢您的回答。

javascript - 如果使用 grunt-contrib-imagemin 优化图像,如何处理 Handlebars 模板中的图像

我用yeoman和generator-ember创建了一个ember应用程序。yoember我已将Handlebars模板放在app/templates中,将图像放在app/images中。如果我跑gruntserver一切看起来都很好。如果我跑gruntserver:dist一切看起来都很好,而不是我在Handlebars模板中处理的图像。似乎imagemin任务或其他任务将图像从images/map.jpg重命名为images/667de70e.map.jpg。我的index.html文件中的img标签已更正。但是我的Handlebars文件中的img标签,如templates/m

javascript - 如何使用 RequireJS 优化处理内联代码

使用RequireJSOptimization时我应该如何处理内联代码??除了通过RequireJS加载的一堆单独的JavaScript文件外,我还在我的ASPX文件中定义了一个对象。define('PageData',function(){return{target:,permissions:};});此对象包含页面加载数据,我的许多文件都需要它。当然,当我尝试使用优化时,它会提示,因为它既找不到定义为PageData的模块,也找不到名为PageData.js的文件。有没有办法忽略这种依赖? 最佳答案 从jrburke那里得到了答

javascript - RequireJS - 在 r.js 优化包中导入模块

是否可以从优化的RequireJS/r.js包中导入单个模块?我有一个javascript项目分为两个独立的组件-'MyLibrary'和'MyApplication'MyLibrary由两个独立的模块组成,“MyModule1”和“MyModule2”。在开发模式下,我可以使用RequireJS和MyApplication中的常规define(['MyLibrary/MyModule1'],function(){})语法导入这些模块中的每一个。但是,一旦通过r.js运行MyLibrary,这似乎不再可能-似乎不再有直接引用内部模块的方法?我可以从编译/优化的源代码中看到每个模块都有d

javascript - WebGL:优化每帧更改值和顶点计数的顶点缓冲区

我想实现一个带有顶点缓冲区的渲染器,每帧都会在应用程序端更新。此外,顶点的数量(即三Angular形的数量)也会在每一帧发生变化。我的方法是将所需的最大值预先分配为Float32Array,然后仅更新更改的值,并使用bufferSubData更新缓冲区数据。然后通过从索引缓冲区发送一个范围来绘制我想要的。作为一个最小的例子,假设我已经为Float32Array中的2个单独的三Angular形分配了位置顶点,对于这个帧,我只想移动并绘制第二个三Angular形。我想我会这样做:arrPos[9]+=1.0;//movetheXcoordinatesintheFloat32Arrayarr