Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Gridster/Mashise/Gridstack背后的算法_Javascript_Grid_Masonry_Gridster - Fatal编程技术网

Javascript Gridster/Mashise/Gridstack背后的算法

Javascript Gridster/Mashise/Gridstack背后的算法,javascript,grid,masonry,gridster,Javascript,Grid,Masonry,Gridster,你知道gridster/Mashise/gridstack背后有什么算法吗 具体例子: 可以将div放置在网格上的任何位置,网格将动态扩展。此外,还存在冲突,位置固定,div可调整大小,并捕捉到特定的单元格宽度/高度。 如何做到这一点?至少gridster和gridstack是开源的。Gridstack是一个非常小和简单的库。是的,我已经看到了,但是我认为代码真的很难理解。例如,变量名并不总是有意义的。在编写这样一个库时,您从哪里开始?我想了解这些库之间的基本概念,它们是如何工作的。我是grid

你知道gridster/Mashise/gridstack背后有什么算法吗

具体例子:

可以将div放置在网格上的任何位置,网格将动态扩展。此外,还存在冲突,位置固定,div可调整大小,并捕捉到特定的单元格宽度/高度。
如何做到这一点?

至少gridster和gridstack是开源的。Gridstack是一个非常小和简单的库。是的,我已经看到了,但是我认为代码真的很难理解。例如,变量名并不总是有意义的。在编写这样一个库时,您从哪里开始?我想了解这些库之间的基本概念,它们是如何工作的。我是gridstack.js的作者,所以我可以说一下。这里有两个类:响应网格内部表示(移动、碰撞、打包等)的GridstackEngine和连接UI和GridstackEngine的GridStack。所以你可以从GridStackEngine开始,它非常简单。@PavelReznikov,伙计,你仍然经常维护GridStack吗?还是你打算这么做?我正在决定是否使用你的东西或not@KevinSimple我有偏见,但你应该用它。有一段时间没有更新,但现在它得到了很多关注。