Gần đây tôi đã phát hiện ra các plugin JQuery Masonry và Isotope . Chúng dường như gần như giống hệt nhau về mặt chức năng và dường như cả hai đều có cùng một tác giả. Sự khác biệt rõ ràng duy nhất tôi có thể thấy là giấy phép.
Sự khác biệt chính giữa hai loại này về chức năng là gì? Tại sao bạn lại sử dụng cái này thay cho cái kia?
Câu trả lời:
Trích đoạn phỏng vấn tác giả:
Đối với một số người, Isotope sẽ trông rất giống với công việc bạn đã làm trước đây với Masonry; bạn có thể giải thích sự khác biệt chính giữa hai?
Isotope có một số tính năng mà Masonry thiếu. Về cơ bản, Masonry làm một việc, đặt các thành phần vật phẩm theo một cách sắp xếp theo tầng. Isotope được tích hợp sẵn logic bố cục của Masonry, nhưng ngoài ra, nó cũng có một số chế độ bố trí khác có thể được sử dụng để định vị động các phần tử. Bạn thậm chí có thể phát triển chế độ bố cục tùy chỉnh của riêng mình.
Như tôi đã đề cập, nó có chức năng lọc và sắp xếp được tích hợp sẵn. Việc lọc các mục dễ dàng như chuyển vào bộ chọn jQuery:
$('#container').isotope({ filter: '.my-selector' });Isotope tận dụng các tính năng trình duyệt tốt nhất hiện có. Thay vì sử dụng định vị kiểu bên trái / trên cùng điển hình, Isotope thực hiện phương pháp nâng cao tiến bộ và sử dụng các chuyển đổi CSS nếu được trình duyệt hỗ trợ. Điều này mang lại hiệu suất hàng đầu cho các trình duyệt hàng đầu. Với khả năng tăng tốc phần cứng, hoạt ảnh trông mượt mà trên trình duyệt WebKit và thậm chí cả các thiết bị kém mạnh hơn sử dụng iOS. Chuyển đổi CSS hoạt động tốt hơn với các chuyển đổi CSS, điều này tôi sẽ thảo luận sau.
Một sự khác biệt khác là giấy phép như @AminAriana đã chỉ ra. Masonry theo giấy phép của MIT , nhưng Isotope chỉ miễn phí cho mục đích sử dụng cá nhân .
Bạn có thể mua (25 $) giấy phép thương mại Isotope trên trang này .
PrimosK đã trả lời khá nhiều câu hỏi của bạn, nhưng tôi chỉ muốn nghe ...
Isotope là một plugin jQuery tuyệt vời. Tôi đã sử dụng thành công nó trên nhiều trang web.
Một trong những điều tôi thích nhất về Isotope là nó có thể tùy chỉnh như thế nào. Nó được ghi chép đầy đủ và nó có thể làm hầu hết mọi thứ bạn có thể nghĩ đến như mở rộng nó với cuộn vô hạn và sử dụng các chế độ bố cục tùy chỉnh.