草庐IT

项目构建

全部标签

javascript - 将项目插入数组的最佳性能方法?

在我的网站上,我有许多包含数据的数组。例如:顶点数组、颜色数组、尺寸数组...我正在处理大量项目。高达数千万。在将数据添加到数组之前,我需要对其进行处理。直到现在,我都是在主线程中完成的,这让我的网站卡住了X秒。由于处理以及将处理后的数据添加到数组中,它卡住了。今天我将处理“移动”(做了很多工作)到webworker中,但是处理后的数据被添加到主线程中。我设法节省了处理的卡住时间,但没有节省添加的时间。添加只需通过array.push()或array.splice()即可完成。我读过一些关于数组如何工作的文章,发现当我们将项目添加到数组时,数组被完全复制到内存中的一个新位置array.

javascript - 使用 React 突出显示列表中的项目时的性能

我有一个很大的列表,假设有3000个成员。我有一个呈现此列表的组件和一个用于每个列表项的组件。在外部组件中,我们有这样的代码:constlist=_.map(this.props.items,(item)=>{return});然后在我们的JSX中放置列表:Checkoutmysweetlist{list}难点在于:我想在用户单击某个项目时向用户显示该项目已被选中。因此,在我的ListItem组件中,我有代码根据单个项目是否具有selected属性来突出显示自身。当只有单个项目的选定属性发生变化时,如何阻止React重新呈现整个列表?我确定我需要以某种方式重构我的代码,但我不确定什么结

javascript - 在 reactjs 组件上渲染多个项目

我正在实现抽象工厂并且getitems方法工作并返回我模拟的2个项目,但是我不确定如何在react组件中呈现这些项目我的代码在下面抽象工厂.tsximport*asReactfrom'react';import{IAbstractFactoryProps}from"./IAbstractFactoryProps";import{IAbstractFactoryState}from"./IAbstractFactoryState";importstylesfrom'./Abstractfactory.module.scss';import{escape}from'@microsoft/s

javascript - 解决在 Chrome 中使用 jQuery 实时过滤 1500 多个项目的问题

我被Chrome/Webkit咬了71305取消隐藏大量节点导致Chrome挂起的错误。(也发生在Safari中)。我正在过滤一个列表项,该列表项将在下拉菜单中包含以下内容:jQuery.expr[':'].Contains=function(a,i,m){return$.trim((a.textContent||a.innerText||"")).toUpperCase().indexOf(m[3].toUpperCase())==0;};varinput=$('input');varcontainer=$('ul');input.keyup(function(e){varfilte

javascript - 如何使用 Mocha 配置 TeamCity 构建?

我有一个项目,我正在通过teamcity为CI设置。该项目本身是一个nodejs应用程序,它包括用mocha编写的测试,我们通过jscoverage对其进行了覆盖。在我设置的构建配置中,我有3个构建步骤在签到时发生。针对我的项目中的文件夹调用jscoverage.exe覆盖。调用mocha以针对步骤1中的jscovered文件运行测试并输出到html-cov报告器将生成的coverage.html报告移至公共(public)网络目录稍后浏览。构建当前在第2步失败:mocha"不在目录C:\NodeJS\MeasuresAPI中我已确保在系统环境路径中包含mocha和我的所有Node包,

javascript - 检查 ng-repeat 中的项目是否已经包含值

我在ng-repeat中绑定(bind)了问答的JSON字符串,现在的问题是我想在ng-repeat中一次显示所有多个答案。这是我的数据。{Answer:"White",AnswerID:967,answer_type:"RADIO",fullquestion:"YourRace",id:6}{Answer:"AfricanAmerican",AnswerID:968,answer_type:"RADIO",fullquestion:"YourRace",id:6}{Answer:"Asian",AnswerID:969,answer_type:"RADIO",fullquestion

javascript - Packery 附加方法添加三个项目。如何添加一项?

我尝试通过click方法动态添加packery项目。除了单击packery添加three新项目外,一切都运行良好。我的问题是如何通过单击添加一个项目?MethodDemo谢谢。编辑页面加载后网格项目为五个。请参见下图。当单击Appenditems按钮时,Packery将添加更多三个项目。请参见下图。片段var$grid=$('.grid').packery({itemSelector:'.grid-item'});$('.append-button').on('click',function(){//createnewitemelementsvar$items=getItemEleme

javascript - 我如何告诉 Grunt 不要在构建任务中缩小或连接 js 文件?

我刚刚使用Yeoman构建了一个Angular应用程序。我注意到build任务默认会做几件事,包括缩小和连接js文件。我想要一个更简单的构建任务,不做任何缩小或串联,而是只做以下两件事:将我的.scss编译成.css将一个可用的应用程序复制到我的分发目录谁能帮我写一个grunt任务来(只)做这两件事?非常感谢。 最佳答案 好的,我已经编辑了默认的grunt文件,让它做我想做的事。我的解决方案涉及编写名为copy:devDist和compass:devDist的任务,然后将它们组合成一个devDist任务。////copy:devDi

javascript - 我可以在未注册的组件上构建 Vue.js 失败吗?

考虑以下组件模板......其中Unknown可能是全局注册的组件。在运行时,我会遇到这个信息性错误:[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.[...]但是,对于我的用例,我想强制在构建时不会发生此类事件。目前,vue-cli-servicebuild在这种情况下执行成功构建,然后在运行时显示错误(此时无用)。我很好奇是否有一种方法可以内省(introspection)地捕获这个潜

javascript - 如何在 ReactJS 中使用单击事件从列表中删除项目?

varFilterList=React.createClass({remove:function(item){this.props.items=this.props.items.filter(function(itm){returnitem.id!==itm.id;});returnfalse;},render:function(){varcreateItem=function(item){return({item}remove);};return{this.props.items.map(createItem.bind(this))};}});varFilterApp=React.c