gpt4 book ai didi

Gridster add_widget 很慢

转载 作者:行者123 更新时间:2023-12-01 07:19:42 27 4
gpt4 key购买 nike

我想为我的网站使用 Gridster,但我需要使用“add_widget”命令添加很多小部件。我做了一个测试,我认为“add_widget”功能存在问题:网格越来越慢并且存在内存泄漏。

您可以在此视频中看到:grister problem video

但是,正如您在视频中看到的那样,如果我在开头添加小部件(不是使用 add_widget 函数),则没有问题。你能帮助我吗 ?我的代码有问题吗?

提前致谢 !

最佳答案

根据我自己的经验,罪魁祸首是使用 autogenerate_stylesheet环境。问题是它会在每次调用 add_widget() 时重新生成 CSS。 ,这绝对会杀死浏览器。此外,gridster 有/有一个样式表被复制的错误,填充了<head>。有大量重复的样式规则,使得浏览器变得很困难(这个错误应该是修复的,但我的经验是修复只在特定场景下有效,绝对不是我的)。

当我使用 gridster 时,我的小部件总是相同的大小。因此,就我而言,我能够生成一次样式表,而无需重新生成它。

我不认为它是公共(public) api 的一部分,但您可以调用 generate_stylesheet()方法一次手动。

var gridster = $(".gridster ul").gridster({
autogenerate_stylesheet: false,
widget_base_dimensions: [140, 140],
//other options...
}).data('gridster');

gridster.generate_stylesheet({rows: 30; cols: 8});

//freely call gridster.add_widget(...); as many times as you like

由于您只会生成一次样式表,因此您需要确保 gridster 将为足够的行和列生成样式规则以容纳所有小部件,否则一旦超出范围,您将体验到破坏的布局。调用 generate_stylesheet(opts) 时只需提供行和列的上限.如果您不这样做,它似乎默认为您的 gridster 实例用于 max_rows 的任何值和 max_cols .

好处是通过手动生成样式表,您也完全避免了重复的样式错误。

指数级的放缓将会消失。快乐的网格化。

关于Gridster add_widget 很慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16418946/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com