vanilla javascript vs jquery

Question

Tôi gặp khó khăn trong việc nắm bắt sự khác biệt giữa hai. Tôi đã thử tải xuống thư viện và không có mã nào. Tôi đang cố gắng xây dựng một thanh trượt cơ bản cùng với các chức năng cơ bản khác mà tôi đã xây dựng trong jQuery. Mọi trợ giúp, hướng dẫn, plugin và thông tin sẽ rất hữu ích!

Answer 1

javascript được tích hợp sẵn trong trình duyệt

và bạn chỉ có thể liên kết đến các phiên bản trực tuyến của jquery và jQueryUI để bắt đầu với

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 

và thanh trượt có trong thư viện jquery ui - (nó là một thư viện được xây dựng trên và phụ thuộc vào jquery) vì vậy mang lại rằng trong tiếp theo

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

sau đó các mẫu từ jQueryUI nên có ý nghĩa hơn

<script> 
    $(function() { 
    $("#slider").slider(); 
    }); 
    </script> 

<div id="slider"></div> 

từ

http://jqueryui.com/slider/

Answer 2

"Vanilla JS" đề cập đến đồng bằng, JavaScript chưa sửa đổi.

document.getElementById('myelement').innerHTML = "I was written with JavaScript!"; 

jQuery là một tập hợp các chức năng và các công cụ được thiết kế để làm cho nó dễ dàng hơn để viết JavaScript (mặc dù cá nhân tôi cảm thấy nó làm cho nó nhiều như spaghetti)

$("#myelement").html("I was written with jQuery!"); 

Kể từ jQuery chỉ là một bó JavaScript, JavaScript đơn giản luôn chạy nhanh hơn. Nó có thể khó viết hơn bởi vì bạn phải thực sự nghĩ về những gì bạn đang làm, nhưng nó sẽ chạy nhanh hơn điều tương tự trong jQuery.

Đối với sự so sánh giữa hai mẫu mã trên, xem this JSPerf

Answer 3

jQuery là một thư viện dựa trên JavaScript. Nó cung cấp các phương thức ngắn gọn về những thứ có thể được mã hóa bằng JavaScript. jQuery được mã hóa bằng JavaScript và không được tích hợp bên trong trình duyệt, vì vậy bạn phải nhúng nó.

Giao diện người dùng jQuery, mặt khác, là một thư viện giao diện người dùng cho phép bạn mã hóa các phần tử giao diện người dùng cơ bản theo cách ngắn gọn.

Bạn không chỉ định công cụ bạn đang sử dụng.

Để nhúng jQuery, sử dụng cho các phiên bản mới nhất jQuery:

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 

và điều này cho phiên bản giao diện người dùng mới nhất:

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

Lưu ý rằng các ví dụ trên chúng tôi lưu trữ trên jQuery.com.

Google cũng cung cấp giải pháp jQuery được lưu trữ qua developers.google.com.

Bạn cũng có thể tự lưu trữ jQuery trên máy chủ của riêng mình (nếu bạn có). Một số người nghĩ rằng việc sử dụng máy chủ của Google (hoặc jQuery) khá nhanh sau đó lưu trữ trên máy chủ của riêng bạn, nhưng đó là bạn để chạy thử nghiệm và khám phá cái nào hoạt động tốt nhất/nhanh hơn cho bạn.

Vì jQuery là thư viện bên ngoài (phần mở rộng của JavaScript), bạn phải tải nó, nó không được tích hợp vào trình duyệt, do đó nó luôn chậm hơn.

Mặc dù một số người nghĩ rằng do thực tế là jQuery (đối với một số), dễ dàng hơn để mã (và các chuyển đổi như FadeIn được tích hợp sẵn), nó đáng giá thời gian tải chậm hơn.

Hy vọng điều này sẽ hữu ích.

Chỉnh sửa: Bạn cũng đã đề cập rằng bạn đã tải xuống JavaScript và không có mã bên trong, nhưng JavaScript được tích hợp bên trong trình duyệt để không tải xuống. Có thể bạn đang đề cập đến this joke.