草庐IT

优化设计

全部标签

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul

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

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

javascript - 如何为 JavaScript 选择 OO 设计模式

我所说的OO是指经典的OO。我一直在定义我的“类”(javascript没有传统类)之间来回切换,使用模块模式提供隐私和使用对象字面量创建“公共(public)静态”集合。当我创建“类”时,我没有指导力来确定要使用的组织类型。好吧,除了我的代码在没有设置任何选项的情况下同时通过了jshint和jslint。我正在处理大约1500行代码,因此在代码变得无法管理并且我不得不废弃它之前我需要一个“指导力量”。我很清楚在JavaScript中编写“类”的不同方式。由AlexMacCaw编写的JavaScriptWeb应用程序教授的内容以及此处列出的多种方法。但是,在应用程序方面,我只是不知道该

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 - 如何以人类可读的方式格式化 CouchDB 设计文档?

由于views是在CouchDB中使用JSON定义的,因此我很难以人类可读的方式定义它们。拿着这份文件:{"language":"javascript","views":{"by_location":{"map":"function(doc){if(doc.location!=null)emit(doc.location,doc)}"},"by_location_tags":{"map":"function(doc){if(doc.top_tags){for(i=0;i将map函数写成一个长字符串非常丑陋,而且很难发现错误。我想知道在CouchDB中定义View的工作流程是什么?我觉得

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

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

Find() 的 Javascript 代码优化

我有C#代码在SQL中运行查询并返回大约2000行。然后创建一个Treeview控件并将其添加到我的主页。这几乎是立即完成的,这很好。varorgId=$('select[name="ctl00$PageContent$FunctionsDropDownList"]option:selected').val();if(!orgId){returnfalse;}//callsserversidegetdata//Thislinehappensquickly$('#ctl00_PageContent_HiddenRulesDialogTriggerButton').click();//Th

javascript - 优化 : Get specific Value(and not more) from IndexedDB

我正在做的是在客户端上保存和检索大量图像。(现在indexedDB对于这个简单的工作来说似乎有点过分了,但是因为它是唯一没有限制的跨浏览器解决方案(比如localStorage),所以我不得不使用它......而且它有效)这是我的数据库的样子:(更具体地说,我的数据库的唯一对象库)#|key(timeID)|value0|812378123|{data:¨....¨,tnData:¨...¨,timeID:812378123}1|912378123|{data:¨....¨,tnData:¨...¨,timeID:912378123}2....KeyValue是一个唯一的TimeID,