草庐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 - NodeJS中有没有合并前端JS文件的工具?

我有前端JS文件:-js-a.js-b.js-c.js我请求http://example.com/js/all.js,我会得到一个包含a.js所有内容的文件,b.js和c.js。NodeJS中有没有库提供这样的功能? 最佳答案 require.js如果Nodecommon.js不够,应该提供您正在寻找的功能。 关于javascript-NodeJS中有没有合并前端JS文件的工具?,我们在StackOverflow上找到一个类似的问题: https://stac

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 - 通过前端或后端哪种方式创建cookie?

据我所知,cookie是使我们的webapp有状态的一种方式。由于cookie既可以在javascript(前端)中创建,也可以通过http响应(由后端)创建,那么cookie何时应该由前端创建以及何时由后端创建有什么原则吗?能给出一些用户场景就好了。 最佳答案 有几个注意事项:创建的cookie的内容在哪里?如果它是一个sessionID,那么它可能是在服务器上创建的,因此cookie将在那里创建。如果它是未存储在服务器端的用户观看首选项,那么它可能已在客户端中设置,并且cookie将设置在那里。服务器端cookie可以设置额外的

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 - 如何在 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

javascript - 我如何知道我的项目的最低 node.js 版本?

NPM是否有命令根据可用项目模块列出最低Node版本依赖项? 最佳答案 没有。没有内置方法可以递归检查当前包及其依赖项并将engines.node要求整理成一个内聚的整体。如果你使用的是类unix系统,你可以试试这个命令:find.-namepackage.json|xargsgrep-hnode\":|sort|uniq-c它会给你这样的输出:1"gnode":"0.1.0",36"node":"*"1"node":"0.10.x||0.8.x"1"node":"0.4||>=0.5.8"1"node":">=0.10.0"3"n