Isotope 和 Masonry jQuery 插件之间的差异 [关闭]

Posted 2023-02-22

【中文标题】Isotope 和 Masonry jQuery 插件之间的差异 [关闭]

【英文标题】：Differences between Isotope and Masonry jQuery plugins [closed]

【发布时间】：2012-02-10 00:42:42

【问题描述】：

我最近发现了Masonry 和Isotope JQuery 插件。它们似乎在功能上几乎相同，并且似乎都具有相同的作者。我能看到的唯一明显区别是许可证。

这两者在功能方面的主要区别是什么？为什么要使用一个而不是另一个？

【参考方案1】：

对作者的采访摘录：

对于某些人来说，同位素看起来与您之前使用 Masonry 所做的工作非常相似；你能解释一下主要区别吗 两者之间？

同位素具有 Masonry 缺乏的几个特征。砌体本质上 做一件事，将项目元素放置在级联排列中。 Isotope 内置了 Masonry 的布局逻辑，但除此之外，它还 有几种其他的布局模式可以用来动态的 位置元素。您甚至可以开发自己的自定义布局模式。

正如我所提到的，它内置了过滤和排序功能 in. 过滤项目就像传入一个 jQuery 选择器一样简单：

$('#container').isotope( filter: '.my-selector' );

Isotope 充分利用了目前最好的浏览器功能。 Isotope 没有使用典型的左/上样式定位，而是采用 渐进增强方法并在支持时使用 CSS 转换 通过浏览器。这为一流的性能提供了一流的性能 浏览器。随着硬件加速的启动，动画看起来很流畅 在 WebKit 浏览器上流畅，甚至在使用 ios 的功能较弱的设备上。 CSS 转换在 CSS 转换中表现更好，我将讨论 稍后。

另一个区别是@AminAriana 指出的许可证。 Masonry 受 MIT 许可，但 Isotope 仅免费供个人使用。

您可以在this page 上购买（25 美元）Isotope commercial license。

【讨论】：

请将网页中的相关文本复制粘贴到您的答案中（作为引用）。该链接可能会（暂时或永久）失效，这会使您的答案毫无用处。

此外，正如您在问题中提到的，您应该注意许可条款。 Masonry 受 MIT 许可，但 Isotope 仅供个人免费使用。阅读答案的人可能会忽略这一点，所以我明确指出。

尽管有许可证，但 Themeforest 中的许多作者仍使用同位素。

提醒：有些人认为支付选项是件好事 :) 它增加了项目继续更新的几率。

【参考方案2】：

PrimosK 几乎回答了你的问题，但我只是想插话......

Isotope 是一个很棒的 jQuery 插件。我已在多个网站上成功使用它。

我最喜欢 Isotope 的一件事是它的可定制性。它有据可查，几乎可以做任何你能想到的事情，比如无限滚动扩展它并使用自定义布局模式。