Lập trình JavaScript nâng cao [đặc biệt là việc xử lý phức tạp các khác biệt của trình duyệt], thường có thể rất khó khăn và tốn thời gian để làm việc với
Để giải quyết những khó khăn này, rất nhiều thư viện JavaScript [helper] đã được phát triển.
Các thư viện JavaScript này thường được gọi là JavaScript frameworks
Trong hướng dẫn này, chúng ta sẽ xem xét một số khung JavaScript phổ biến nhất
Tất cả các khung này đều có chức năng cho các tác vụ JavaScript phổ biến như hoạt ảnh, thao tác DOM và xử lý Ajax
Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn cách bắt đầu sử dụng chúng, để lập trình JavaScript dễ dàng hơn, an toàn hơn và thú vị hơn nhiều
jQuery
jQuery là khung JavaScript phổ biến nhất trên Internet hiện nay
Nó sử dụng bộ chọn CSS để truy cập và thao tác các phần tử HTML [Đối tượng DOM] trên trang web
jQuery cũng cung cấp khung giao diện người dùng [giao diện người dùng] đồng hành và nhiều trình cắm thêm khác
Nhiều công ty lớn nhất trên Web sử dụng jQuery
- Microsoft
- IBM
- Netflix
Bạn sẽ tìm thấy Hướng dẫn jQuery xuất sắc tại đây tại W3Schools
Nguyên mẫu
Nguyên mẫu là một thư viện JavaScript cung cấp API đơn giản để thực hiện các tác vụ web thông thường
API là viết tắt của Giao diện lập trình ứng dụng. Nó là một thư viện các thuộc tính và phương thức để thao tác HTML DOM
Nguyên mẫu nâng cao JavaScript bằng cách cung cấp các lớp và tính kế thừa
MooTools
MooTools cũng là một khung cung cấp API để giúp lập trình JavaScript phổ biến dễ dàng hơn
MooTools cũng bao gồm một số hiệu ứng nhẹ và chức năng hoạt hình
Các khung khác
Dưới đây là một số khung khác không được đề cập trong phần tổng quan ngắn này
YUI - The Yahoo. Khung giao diện người dùng là một thư viện lớn bao gồm rất nhiều chức năng, từ các tiện ích JavaScript đơn giản đến các tiện ích internet hoàn chỉnh
Ext JS - Các tiện ích có thể tùy chỉnh để xây dựng các ứng dụng Internet phong phú
Dojo - Bộ công cụ được thiết kế xung quanh các gói để thao tác DOM, sự kiện, widget, v.v.
kịch bản. aculo. us - Khung JavaScript nguồn mở cho các hiệu ứng hình ảnh và hành vi giao diện
UIZE - Widget, AJAX, DOM, mẫu, v.v.
CDN - Mạng phân phối nội dung
Bạn luôn muốn các trang web của mình nhanh nhất có thể. Bạn muốn giữ kích thước các trang của mình càng nhỏ càng tốt và bạn muốn trình duyệt lưu vào bộ nhớ cache càng nhiều càng tốt
Nếu nhiều trang web khác nhau sử dụng cùng một khung JavaScript, thì nên lưu trữ thư viện khung ở một vị trí chung để mọi trang web chia sẻ
CDN [Mạng phân phối nội dung] giải quyết vấn đề này. CDN là một mạng máy chủ chứa các thư viện mã được chia sẻ
Google cung cấp CDN miễn phí cho một số thư viện JavaScript, bao gồm
- jQuery
- Nguyên mẫu
- MooTools
- võ đường
- Yahoo. YUI
Để sử dụng thư viện khung JavaScript trong các trang web của bạn, chỉ cần đưa thư viện vào một
Sử dụng khung
Trước khi bạn quyết định sử dụng khung JavaScript cho các trang web của mình, bạn nên kiểm tra khung trước
Khung JavaScript rất dễ kiểm tra. Bạn không cần phải cài đặt chúng trên máy tính của mình và không có chương trình thiết lập nào
Thêm jQuery vào trang web của bạn
Có một số cách để bắt đầu sử dụng jQuery trên trang web của bạn. Bạn có thể
- Tải xuống thư viện jQuery từ jQuery. com
- Bao gồm jQuery từ CDN, như Google
Đang tải xuống jQuery
Có hai phiên bản jQuery có sẵn để tải xuống
- Phiên bản sản xuất - phiên bản này dành cho trang web trực tiếp của bạn vì nó đã được thu nhỏ và nén
- Phiên bản phát triển - phiên bản này dành cho thử nghiệm và phát triển [mã không nén và có thể đọc được]
Có thể tải xuống cả hai phiên bản từ jQuery. com
Thư viện jQuery là một tệp JavaScript duy nhất và bạn tham chiếu nó bằng mã HTML
Tip: Place the downloaded file in the same directory as the pages where you wish to use it.
jQuery CDN
If you don't want to download and host jQuery yourself, you can include it from a CDN [Content Delivery Network].
Google is an example of someone who host jQuery:
Google CDN:
Try it Yourself »One big advantage of using the hosted jQuery from Google:
Many users already have downloaded jQuery from Google when visiting another site. As a result, it will be loaded from cache when they visit your site, which leads to faster loading time. Also, most CDN's will make sure that once a user requests a file from it, it will be served from the server closest to them, which also leads to faster loading time.