如何使用DOM循环库(如'react-window‘或'react-vizualaized’)呈现两个具有动态高度项的列表

文章/答案/技术大牛

发布

1回答

react-virtualized、react-window

我有一个自定义的无限滚动列表的Unsplash图像，每个项目都有一个动态高度。我想在一个outerElementType下使用两个列表来保持随机排列的布局，如何使用react-window或react-vizualaized库来实现。我附上了一个我想要的例子。我不能使用VariableSize

浏览 34提问于2020-07-09得票数 0

回答已采纳

2回答

呈现+-5000 React组件的组合要花费很长时间。

reactjs

</p> 而在应用程序中显示所需的时间也是巨大的。大约5-6秒，所以屏幕在发生时是空的，我想我可以在呈现dom时添加一个load屏幕。它基本上是由20 of高，20 of宽的小立方体组成的，每个小立方体都会传递自定义道具。primary" iconStyle={"width: 150, height:150"}/></div>

浏览 4提问于2020-05-02得票数 1

回答已采纳

1回答

虚拟列表中(仅为新的)元素的动画条目

reactjs、css-animations、react-virtualized、react-window、ui-virtualization

我正在使用react-window FixedSizedList和react-virtualized-auto-sizer Autosizer组件构建一个列表/表UI元素，该元素可能包含数以千计的项，这些项还通过我理解发生这种情况的原因是列表虚拟化是如何使用子行的绝对位置工作的。每次将新项插入数据或滚动列表时，

浏览 7提问于2022-05-22得票数 1

3回答

HTML中太多的元素会影响页面性能吗？

html、dom、element、web-performance

我想知道1.) 10,000 tablerow (可见的2.) 10,000 tablerow之间是否有区别?10,000 tablerow是用display隐藏的:none但如果我把他们的9000人藏起来。这能减少滞后吗？谢谢你们。

浏览 2提问于2015-12-23得票数 8

回答已采纳

6回答

AngularJS:具有不同高度的行的虚拟重复

javascript、angularjs、ionic-framework、angularjs-ng-repeat、angular-material

我正在构建一个混合应用程序使用离子和AngularJS (安古拉杰-材料)。这个应用程序还有一个由Node.js和socket.io构建的集成聊天程序。我有两个解决办法来解决这个问题： 1)我认为虚拟重复是最好的解决方案(我已经在另一个页面上实现了它，它像一个魅力一样滚动1500项)，但问题是，消息可以根据它们的长度有不同的高度，而md-虚拟重复要求是所有元素必须具有</e

浏览 0提问于2015-12-30得票数 22

5回答

不同的纳克重复和收集-重复在天使？

javascript、angularjs

渲染速度如何?性能状况如何？

浏览 8提问于2015-03-16得票数 3

回答已采纳

1回答

按排序顺序获取数组

arrays、angularjs、angularjs-scope

我已经创建了对象的数组，它被传递给表。该表具有可排序的ui<tbody ui-sortable="sortableOptions">我使用这些库： <script src="&#x

浏览 0提问于2015-07-14得票数 0

2回答

CSS垂直拉伸div以填充剩余容器

css

这听起来很简单，但我对此深信不疑，在谷歌上搜索了很多，但却找不到答案：如果没有javascript，我该如何解

浏览 5提问于2017-04-21得票数 1

回答已采纳

1回答

百万行ListView

windows、listview、user-interface、winapi、syslistview32

假设列B有许多重复(例如:A列是文件名，B列是路径，每一行都是文件系统的文件)，并且只有100 k不同的值(而不是几百万)。如何修改这个使其工作？

浏览 5提问于2017-06-27得票数 5

2回答

键在反应中的意义是什么？

javascript、reactjs

键在反应中的意义是什么？我读到，在循环中使用索引不是键的最佳解决方案。为什么？

浏览 1提问于2018-04-11得票数 0

回答已采纳

1回答

具有自定义行颜色的jqgrid

asp.net-mvc、jqgrid-asp.net

我使用的是动态数据这些行被标记为从1到12的id

浏览 0提问于2011-07-06得票数 0

2回答

带JavaScript的性能数据表

javascript、html、performance、web、vue.js

引言在每一行中，我都有一个for循环(有点。现在，这张桌子相当宽，所以它离开了屏幕(overflow: scroll或其他什么)。TL;DR 在JavaScript中是否有可能在脱离屏幕时流畅地隐藏DOM元素(在本例中是表格单元格(和行))(隐藏意味

浏览 7提问于2017-11-12得票数 1

回答已采纳

2回答

Flex Box - CLS (累积布局移位)

css、flexbox

我对CLS (.28)和Flex订单有问题，或者我需要一种重新排序div的方法。高度不知道，所以不能使用边距等。每个块的内容都很大(图像等)。这段代码不会产生CLS问题，因为它只是一个小例子。我也测试了网格，但这有更高的CLS。是否有不同的方式来翻转订单而不使用flex框？

浏览 12提问于2021-12-06得票数 1

1回答

始终在所有其他特定类型的HeaderItem之后呈现特定的Wicket HeaderItems。

javascript、java、wicket

现在，我需要在页面加载之后触发这些事件之一，以初始化具有一定计算值的所有组件。不过，我的问题是，这个TriggerBehaviour生成的JaveScript片段必须在之后运行，的JaveScript片段在页面上和所有组件中运行。我知道HeaderItems可以有依赖关系，但当我希望加载某种公共库(如jQuery)或在自定义代码之前执行代码时，这种机制似乎是针对这种情况的。要将其用于我的情况，我必须找到所有动态添加到

浏览 4提问于2020-10-12得票数 0

回答已采纳

2回答

具有多变量和约束的数据库设计问题

postgresql、database-design

项可以具有多个属性，但只有那些链接到分配项的类别的属性。mode: full or mode: half, or mode: half,full 字符串列表属性(如mode )的值是预定义的列表。具有属性item的<

浏览 0提问于2020-01-05得票数 1

回答已采纳

1回答

ReactJS:是否有一种方法可以查看列表所需的键属性的值

reactjs

我得到了一个常见的错误：警告:数组或迭代器中的每个子程序都应该有一个唯一的"key“支柱.当我检查已呈现的HTML生成的列表时，我没有看到DOM元素

浏览 1提问于2019-12-07得票数 3

1回答

如何使用Jquery将复选框排序到顶部？

jquery、checkbox、jquery-ui-sortable

我使用来允许用户对几个表行进行排序。基本上，选中的项目到顶部，未检查的项目转到底部。 <td><input type="text" id="order_3" value="3"/></td><&#x

浏览 0提问于2013-08-20得票数 2

1回答

V-模型在使用引导托肯菲尔德时不起作用

javascript、vue.js、bootstrap-tokenfield

我使用Vue和Bootstrap Tokenfield创建动态组件。但在这种情况下，v-model不起作用。假设，下面有一个数组：1 aaa当删除索引1时，索引1的结果应该是"sss“，但仍然是"aaa”。

浏览 3提问于2021-08-28得票数 0

回答已采纳

1回答

是否可以将此asp转换为asp.net？

asp.net、asp-classic

我的任务是筛选我遇到过的最糟糕的经典的asp意大利面。有一个通过sqldatareader传递数据的类，并将这些数据输出到嵌套的中继器(由于无法循环<

浏览 4提问于2010-06-17得票数 1

回答已采纳

3回答

如何动态地呈现组件列表，而不重新呈现每个新添加的整个列表？

javascript、reactjs、react-redux

我想呈现一个组件列表，这些组件与我的redux存储中的某些对象有1:1的关系。我目前的代码是： let objectURL = URL.createObjectURL(imageFile);style={{...style, ...newStyles}} key={v4()}></div> }); previewFloats

浏览 0提问于2019-07-23得票数 5

回答已采纳

点击加载更多