草庐IT

超大型

全部标签

javascript - 将大型元素/数据集附加到 dom 的性能

我一次附加大量表格行元素,遇到了一些主要瓶颈。目前我正在使用jQuery,但如果它能完成工作,我愿意接受基于javascript的解决方案。我需要在给定时间追加0-100表行的任何地方(实际上可能更多,但我会对超过100行的任何内容进行分页)。现在我将每个表行单独附加到dom...loop{..buildhtmlstr...$("#myTable").append(row);}然后我将它们全部淡入淡出$("#myTabletr").fadeIn();这里有几件事需要考虑...1)我将数据绑定(bind)到每个单独的表行,这就是为什么我首先从批量追加切换到追加单独的行。2)我真的很喜欢淡

javascript - 什么是编写大型ajax应用程序的好书或资源?

Asitcurrentlystands,thisquestionisnotagoodfitforourQ&Aformat.Weexpectanswerstobesupportedbyfacts,references,orexpertise,butthisquestionwilllikelysolicitdebate,arguments,polling,orextendeddiscussion.Ifyoufeelthatthisquestioncanbeimprovedandpossiblyreopened,visitthehelpcenter提供指导。已关闭8年。我在大型系统工程方面经

javascript - typeahead.js、localStorage 和大型 json 文件

我有一个大小为1Mb的JSON文件。我尝试用一​​个像这样的简单示例来实现typeahead.js:Prefetchesdata,storesitinlocalStorage,andsearchesitontheclient://WaitingfortheDOMready...$(function(){//appliedtypeaheadtothetextinputbox$('#my-input').typeahead({name:'products',//datasourceprefetch:'../php/products.json',//maxitemnumberslistint

javascript - Phaser 是否能够进行大型多人游戏?

这里是新手。我正在使用Phaser,特别是等距插件。我想知道是否可以在Phaser中创建类似于agar.io的游戏,在处理实时多重连接方面,生成一张包含大约300名玩家的巨大map,所有这些都不会对游戏性能产生太大影响。我真的不知道如何处理多人游戏部分(可能是套接字,node.js)才能让它工作得很好。至于生成一个非常大的map,我也很空白。是否有可能在Phaser中创建一个等距类型的游戏来处理多个实时多人游戏和当用户到达可见“map”的边缘时生成的巨大map?如何?如果不是,我应该选择什么(js和其他应用程序中的游戏引擎)来实现我想要的? 最佳答案

jquery - 在大型 Web 项目中,如何将 Javascript 库更新到最新版本?

在处理较大的Web项目(例如20多页)时,您如何将Javascript库更新到最新版本?我特别经常使用jQquery。好像每次我看,都会有一个新版本出来。我在所有页面上都包含jQuery库,必须在每个页面上更新它是一件痛苦的事情。其他人做什么?我敢肯定,一个重要的答案是使用带有单个前端Controller的框架。我已经考虑过了,但我还没有准备好走那条路。 最佳答案 我们没有。当更新不向后兼容时,它可能会自动破坏。我们定期检查邮件列表和论坛,检查是否有新版本发布,阅读变更日志和/或codediff,并检查我们的插件的兼容性。我们通常将

javascript - 用于大型单页 js 应用程序的 dojo vs extjs

我将构建一个非常大的mvcjs应用程序管理应用程序,并将其缩小到dojo和extjs我想知道在过去6个月内是否有人对这些框架中的任何一个有任何经验,以及您是否对以下任何方面有任何问题发展速度MVC文档绑定(bind)内化小部件的主题可搜索的客户端存储(不必离线,只需能够在收到记录后存储记录,然后对这些记录进行本地搜索)使用像selenium这样的全栈工具进行测试数据网格,分页,对整个作品进行排序 最佳答案 因为Dojo会做您需要的一切。Dojo支持完全按照您的要求执行的“存储”。它们还支持JsonRestStore、XMLStore

javascript - 处理大型 JavaScript 应用程序

我们的文件结构非常好,在单独的文件夹中组织功能。我的问题是其他人如何处理涉及超过500个JavaScript文件的应用程序。我们已经编写了一个maven插件来将这些文件连接在一起(也运行YUI压缩器)。但是,每次更改都需要3-10秒的编译时间。组织大型应用程序是否必须执行此步骤?我觉得一个结构良好的HTML文件吸收了所有这些资源,每天可以为我节省45分钟。 最佳答案 为我自己frameworkprojects,通常是监视、测试或页面内服务以编排其他工具包(但不像您的文件数量那么多),我的方法是在开发过程中针对单个和动态加载的文件。为

javascript - 在 javascript 中处理大型数组时释放浏览器内存的最佳方法是什么?

我是这样设置的:container.htmldatabase1.js(包含名为database1的大数组)database2.js(包含名为database2的大数组)这是数组的示例(从6000多行缩短为2行):vardatabase1=[["2010-01-0307:45","2010-01-0311:00","534","A","","","","","Installedwashingmachine","0","1","1","Indeed","",""],["2010-03-2015:00","2010-03-2016:00","571","F","","","","","Ins

javascript - 在处理大型 DOM 元素时加速 jQuery empty() 或 replaceWith() 函数

首先让我为没有提供代码片段而道歉。我正在从事的项目是专有的,恐怕我无法准确地展示我正在从事的工作。不过,我会尽力描述。这是我的应用程序中发生的事情的分割:用户点击按钮服务器以数据表的形式检索图像列表表格中的每一行包含8个数据单元格,每个单元格又包含一个超链接用户的每个请求最多可包含50行(如果需要,我可以更改此数字)这意味着表格包含超过800个单独的DOM元素我的分析表明jQuery("#dataTable").empty()和jQuery("#dataTable").replaceWith(tableCloneObject)占了我的97%总体处理时间,平均需要4-6秒才能完成。在处理

javascript - 具有大型数据集的组件仅在 IE11/Edge 上运行缓慢

考虑下面的代码。想象一下rows.length在此示例中,每个数组大约有8列,将达到2000或更多的任何值。我使用此代码的更扩展版本来呈现表格的一部分,这一直是我的Web应用程序的瓶颈。varGridBody=React.createClass({render:function(){return{this.props.Rows.map((row,rowKey)=>{returnthis.renderRow(row,rowKey);})};},renderRow:function(row,rowKey){return{row.map((col,colKey)=>{returnthis.r