草庐IT

库存优化问题

全部标签

javascript - 在 arbor.js 中使用图像的性能问题

我一直致力于调整arbor.js以使用图像。然而,作为一个相对的JS菜鸟,我拥有的是完全未优化的。据我所知,我设置它的方式是为每个图像和每个帧重新创建图像对象,从而导致大量闪烁。任何人都可以建议一种方法将新的Image()内容从重绘函数移到启动中吗?据我所知,这是一个基本的OOP问题,但完全卡住了。谢谢!Pastebin我在输出脚本上的位置Currentstatus. 最佳答案 向大家致歉!有几个步骤。我将突出显示关键阶段,其余部分来自教程。首先,将相关信息添加到您的JSON中,例如:nodes:{innovation:{'colo

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

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

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small

javascript - Jasmine 与 coffeescript 共享规范范围问题

我试图通过提取共享示例来DRY一些jasmine测试。@sharedExamplesForThing=(thing)->beforeEach->@thingy=newthingit"isneat",->expect(@thingy.neat).toBeTruthy()describe"widgetwithsharedbehavior",->sharedExamplesForThing(->newWidget)当一切都在一个文件中定义时,这会很好地工作。当我尝试将sharedExamples移动到单独的文件时,会出现我遇到的问题。我得到Can'tfindvariable:sharedEx

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

javascript - Ember.js:关于 Controller 、 'this'、 'content' 和模型结构的问题

我对我的第一个功能性应用程序有了更深入的了解,需要更好地了解它在我的Controller中发生了什么。这里我有一个Controller来处理用户点击“选项”时的操作。查看this对象提出了几个问题:这个到底是什么?我希望它是我的Option模型的一个实例,但它缺少一些属性(比如“identity:'model:Option'”)。如果this是我的Option模型的一个实例,为什么“model”属性未定义?为什么它不知道这一点?什么是this.content?看起来有些东西在content中(id和isSuppressed),有些不是(this.isSelected)-为什么会这样?免

javascript - 将对象引用保存到数组的性能问题

为什么v1比v2慢这么多?v1--varfoo=function(a,b,c){this.a=a;this.b=b;this.c=c;}varpcs=newArray(32);for(varn=32;n--;){ref=newfoo(1,2,3)pcs[n]=ref;//*****}v2--varfoo=function(a,b,c){this.a=a;this.b=b;this.c=c;}varpcs=newArray(32);for(varn=32;n--;){ref=newfoo(1,2,3)pcs[n]=1;//*****}我认为,因为我在“ref”中持有对新对象的引用,所以简