【发布时间】:2012-02-10 00:42:42
【问题描述】:
我最近发现了Masonry 和Isotope JQuery 插件。它们似乎在功能上几乎相同,并且似乎都具有相同的作者。我能看到的唯一明显区别是许可证。
这两者在功能方面的主要区别是什么?为什么要使用一个而不是另一个?
【问题讨论】:
标签: javascript jquery jquery-plugins jquery-masonry jquery-isotope
我最近发现了Masonry 和Isotope JQuery 插件。它们似乎在功能上几乎相同,并且似乎都具有相同的作者。我能看到的唯一明显区别是许可证。
这两者在功能方面的主要区别是什么?为什么要使用一个而不是另一个?
【问题讨论】:
标签: javascript jquery jquery-plugins jquery-masonry jquery-isotope
对作者的采访摘录:
对于某些人来说,同位素看起来与您之前使用 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。
【讨论】:
PrimosK 几乎回答了你的问题,但我只是想插话......
Isotope 是一个很棒的 jQuery 插件。我已在多个网站上成功使用它。
我最喜欢 Isotope 的一件事是它的可定制性。它有据可查,几乎可以做任何你能想到的事情,比如无限滚动扩展它并使用自定义布局模式。
【讨论】: