2012-02-16 40 views
13

Vì vậy, như tôi hiểu nó jQuery về cơ bản là một khuôn khổ cho thao tác DOM như là một lớp trừu tượng cao hơn sau đó javascript bản địa. Khi thư viện YUI (yahoo UI) là thư viện tiện ích giao diện người dùng, cho nhà phát triển một phương tiện để quên thao tác DOM và làm việc nhiều hơn trên logic nghiệp vụ.jQuery và YUI (yahoo ui)

Đúng không?

Câu hỏi của tôi: Có vấn đề gì về hiệu suất nghiêm trọng với cả hai thư viện không? và YUI so sánh với giao diện người dùng jQuery như thế nào?

Trả lời

7

CẬP NHẬT

Khung YUI được tán thành trong tháng 8 năm 2014


Tôi sẽ để lại nó cho những ưu jquery giải thích rõ ràng những điểm so sánh tốt nhất, nhưng tôi sử dụng YUI trong dự án cả nhỏ và lớn. YUI được cấu trúc để bạn chỉ cần bao gồm chức năng mô-đun bạn cần, xuống mức ngũ cốc nhất, bao gồm khả năng cuộn phụ thuộc của bạn tất cả sao lưu vào đúng gói.

YUI là tuyệt vời cho thao tác DOM, io, widget, các công trình thực sự. Đi với YUI3, nếu bạn tìm thấy YUI2 vật dụng bạn muốn/cần, họ có 'YUI2-in-3'. Ngoài ra, một (có lẽ nhiều hơn) những người đóng góp cốt lõi của YUI, Dav Glass, đã thực hiện một số công việc tuyệt vời để nhận được YUI3 trên máy chủ - vì vậy về cơ bản bạn có cùng một khuôn khổ làm công việc grunt kết thúc, và các phụ thuộc tương tự đang làm ma thuật kết thúc trước.

hệ thống bao gồm hạt giống YUI được rất dễ dàng để bắt đầu với quá, mẫu mã:

<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script> 
<script type="text/javascript"> 
    YUI().use(['node','io'], function (Y) { 
     // node and io are ready now, do whatever you like. Need custom events, gesture support or animation? Add them to the array above. 
    }); 
</script> 

Có trường hợp của tôi cho YUI, đã vui vẻ với nó :)

Ngoài ra, tôi đã bao gồm cả jquery và YUI trên một vài dự án ... Tôi đã không nhận thấy bất cứ điều gì bất lợi, nhưng với kinh nghiệm YUI nhiều hơn, tôi đã không cần phải làm điều đó một lần nữa.

+0

Bất kỳ ý tưởng nào về việc YUI 3 so sánh hiệu suất như thế nào? YUI 2 có vẻ rất kém so với jq – AndrewMcLagan

+0

Tôi không có liên kết điểm chuẩn chính thức, họ sẽ tồn tại tôi chắc chắn, nhưng tôi có thể nói với bạn rằng tiện ích chọn của YUI3 hoàn toàn bị giết khi so sánh với YUI2. Tôi đã làm một loạt các bài kiểm tra cơ bản trên IE6 & 7, vì chúng quan tâm đến tôi, và YUI3 vượt trội hơn người tiền nhiệm của nó. Tôi muốn nói trộn và kết hợp YUI2-in-3 có lẽ sẽ không làm điều kỳ diệu cho hiệu suất, nhưng bạn có thể thấy bạn không cần phải nhìn lại. Tôi xảy ra để có một thỏa thuận của mã YUI2 muốn nâng cấp, do đó, tùy chọn của YUI2-in-3 là một độc đáo. – danjah

+1

Sở thích có thể là: http://www.jsrosettastone.com/ là so sánh cú pháp, các loại. Hãy nhớ rằng danh sách dường như dừng lại ở YUI 3.0.0, trong đó YUI ở mức 3.5 ngay bây giờ. – danjah

22

jQuery

  • $ DOM lựa chọn là mạnh mẽ và hoạt động giống như ma thuật.

  • Mã jQuery thường rất súc tích; chức năng trợ giúp tồn tại cho bất kỳ điều gì tầm thường (và không tầm thường, thậm chí).

  • Thư viện plugin rất rộng và cung cấp chức năng nhanh.

  • jQuery thật tuyệt vời cho các trang web nhỏ hơn và thật dễ dàng để tìm người dùng mới , đó là lý do tại sao nó có một cộng đồng lớn như vậy.

  • kết quả tức thì với ít đường cong học tập hơn.

YUI

  • lớn tài liệu và các ví dụ, cũng như hỗ trợ từ Yahoo với cuộc đàm phán công nghệ và cập nhật thường xuyên.

  • Mã được viết bằng YUI có xu hướng được sắp xếp. Đôi khi nó thậm chí còn cảm thấy Java-esque. Có một tập hợp phong phú các module cho những thứ khác hơn là thao tác DOM - cookie, cache, history, i18n vv

  • Riêng qua Bộ sưu tập, YUI đã nhận được cởi mở hơn với bên ngoài đóng góp

  • YUI YUI3 specialy yêu cầu ít nhất là kỹ năng cơ bản với ngôn ngữ, và nhiều hơn nữa nếu bạn thực sự muốn khai thác nó tốt và mở rộng nó.

  • YUI được điều chỉnh phù hợp hơn cho mã được tổ chức tốt, mô đun có thể được sử dụng lại.

Để xem những gì YUI có khả năng bạn có thể truy cập here cho ví dụ về YUI2, và here cho YUI3 phòng trưng bày (mà là IMO một chút tương tự như plugin JQuery).

Bạn có thể tham khảo site này để so sánh tốc độ của YUI và tốc độ jquery.

IMO JQuery là thư viện, YUI là một khuôn khổ chứ không phải thư viện. JQuery rất tốt cho các trang web nhỏ nơi bạn muốn đạt được yếu tố ‘WOW’ trong thời gian tương đối ngắn. Nhưng khi bạn đang xây dựng một ứng dụng, bạn cần một khung công tác mạnh mẽ, nơi bạn có thể tích hợp mã của riêng bạn yui là sự lựa chọn tốt hơn.

+4

So sánh tốt đẹp, ngoài ra, có một số đọc thú vị được John Resig đọc tại đây: http: //www.quora.com/Làm thế nào-có thể-YUI3-cải thiện-của nó-hình ảnh-so-to-jQuery-MooTools-etc – danjah

+3

1 cho "JQuery là một thư viện, YUI là một khuôn khổ và không phải là một thư viện" – AndrewMcLagan

+0

@ Danjah: liên kết tốt, John Resig làm cho một điểm thông minh khi ông nói: "Đơn giản là khó khăn hơn để có được quyền hơn xây dựng các ứng dụng phức tạp." –

1

Không sử dụng cả hai thư viện, các trang của bạn sẽ được tải chậm :)

jQuery là chủ yếu cho các thao tác DOM và AJAX và hoạt động tốt với web trang/trang web. YUI là một khung công tác và hoạt động tốt với các ứng dụng web. Mặc dù có một số cross-over; YUI có thể được sử dụng dễ dàng với các trang web tầm thường nhỏ hơn và jQuery có thể được sử dụng để tạo các ứng dụng web lớn (mặc dù thường được kết hợp với một thứ khác như Backbone hoặc JavaScriptMVC để tổ chức mã tốt hơn)

Nếu không cung cấp cho bạn tất cả cần, hãy sử dụng một số khác

+0

không làm cho tôi sai, nhưng sau bạn logic YUI sẽ được áp dụng nhiều hơn cho các ứng dụng web và jQuery để các trang web nhỏ hơn không? – AndrewMcLagan

+0

Kích thước không phải lúc nào cũng biểu thị sự phức tạp. Nhưng có, jQuery phù hợp hơn với các trang web 'nhỏ hơn'. Xem: http://blog.rebeccamurphey.com/on-jquery-large-applications – danwellman

+1

Trên thực tế YUI có thể được sử dụng rất nhiều trong các trang web 'nhỏ hơn'. Chỉ cần sử dụng SimpleYUI http://ericmiraglia.com/yui/demos/quickyui.php nếu bạn muốn ít phức tạp hơn. Và tương tự, bạn có thể sử dụng jQueryUI và Wijmo cho các trang web lớn hơn được xây dựng trên jQuery. – juandopazo