95

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

就功能而言，这两者之间的主要区别是什么？你为什么要使用一个而不是另一个？

4

2 回答 2

136

对作者的采访摘录：

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

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

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

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

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

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

您可以在此页面上购买 (25 美元) Isotope 商业许可证。

于 2012-01-13T20:53:32.560 回答
2

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

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

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

于 2012-09-19T21:06:01.873 回答