自定义网格是从头开始创建的一些最困难的功能。 您可以找到很多砌体网格插件，但是每个 插件 都有其自身的局限性和要求 。
它基于用于动画的Velocity.js以及用于处理移动触摸的Hammer.js库构建 。 Muuri 不需要 jQuery的 ，所以它是为数不多的香草JavaScript插件网接口之一。
在主项目页面上，您将找到一个具有所有功能的精美网格演示 。 动画效果，拖放支持以及大小不同的不同网格元素。 该演示展示了您对Muuri网格的控制程度。
您可以基于类（即过滤）以及要填充空白的位置来选择要显示的元素 。
砌体网格经常留下空的点，因为网格元素并不总是完美地组合在一起 。 对于较大的网站， 例如Pinterest，这是非常典型的。 虽然，您可以将可拖动的网格项添加到几乎任何用户控制的界面中。
考虑具有小部件化布局的社交资料，以及它们如何工作。 或者，考虑在JavaScript 上以渐进式Web应用程序运行的自定义任务列表 。 实际上，Muuri页上有一个很棒的演示，展示了一个示例任务列表以及它如何在移动设备上用作PWA。
首先，您只需包括所有JavaScript依赖项以及Muuri脚本 。 您可以通过npm将它们拉下来或从GitHub存储库中获取一个副本。
然后， 创建一个容器网格元素，并使用Muuri()方法的新实例将该对象定位为目标 。 通过复制GitHub存储库中的代码段，这一切都非常简单，尤其易于使用。
通过阅读Muuri主页并修补现场演示，了解更多信息。 这是一个用于动态网格的出色系统，并且仍在积极开发中 ，因此您可以放心，这个插件将长期存在。