Thứ Tư, 12 tháng 2, 2014

JavaScript Libraries

JavaScript thư viện - jQuery, Prototype, MooTools.

Khung JavaScript (thư viện)

Lập trình tiên tiến JavaScript (đặc biệt là việc xử lý phức tạp của sự khác biệt 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.

Để đối phó với những khó khăn, rất nhiều JavaScript (helper) thư viện đã được phát triển.
Các thư viện JavaScript thường được gọi là các khuôn khổ JavaScript.

Trong hướng dẫn này, chúng tôi sẽ có một cái nhìn tại một số các khuôn khổ phổ biến nhất JavaScript:
  • jQuery
  • Nguyên mẫu
  • MooTools
Tất cả những khuôn khổ có chức năng nhiệm vụ JavaScript phổ biến như hình ảnh động, 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 sử dụng chúng, để làm cho lập trình JavaScript dễ dàng hơn, an toàn hơn, và nhiều thú vị hơn.

jQuery

jQuery là khuôn khổ 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 (DOM đối tượng) trên một trang web.

jQuery cũng cung cấp một giao diện người dùng đồng (giao diện người dùng) khuôn khổ và rất nhiều plug-in khác.

Nhiều người trong số các công ty lớn nhất trên jQuery sử dụng Web:
  • Google
  • Microsoft
  • IBM
  • Netflix

Nguyên mẫu

Nguyên mẫu là một thư viện JavaScript cung cấp một API đơn giản để thực hiện nhiệm vụ web phổ biến.

API là viết tắt của Application Programming Interface. Nó là một thư viện các tài sản và phương pháp cho các thao tác DOM HTML.

Nguyên mẫu tăng cường JavaScript bằng cách cung cấp các lớp học và thừa kế.

MooTools

MooTools cũng là một khuôn khổ mà cung cấp một API để làm cho lập trình JavaScript thông thường dễ dàng hơn.

MooTools cũng bao gồm một số hiệu ứng nhẹ và chức năng hình ảnh động.

Khung khác

Đây là một số các khuôn khổ khác không nằm trong tổng quan ngắn này:

YUI - Yahoo! User Interface Framework 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 để hoàn thành các vật dụng internet.

Ext JS - vật dụng tùy chỉnh để xây dựng các ứng dụng Internet phong phú.

Võ đường - Một bộ công cụ được thiết kế xung quanh gói cho các thao tác DOM, các sự kiện, vật dụng, và nhiều hơn nữa.

script.aculo.us - Mã nguồn mở khuôn khổ JavaScript cho hiệu ứng hình ảnh và hành vi giao diện.
UIZE - Widget, AJAX, DOM, mẫu, và nhiều hơn nữa.

CDN - Mạng Nội dung Giao hàng tận nơi

Bạn luôn muốn trang web của bạn để chạy càng nhanh càng tốt. Bạn muốn giữ kích thước của trang web của bạn càng nhỏ càng tốt, và bạn muốn trình duyệt để cache càng nhiều càng tốt.

Nếu nhiều trang web khác nhau sử dụng khuôn khổ JavaScript cùng, nó có ý nghĩa để lưu trữ các thư viện khuôn khổ tại một địa điểm chung cho tất cả các trang web để chia sẻ.

Một CDN (Giao hàng tận nơi Mạng Nội dung) giải quyết điều này. Một CDN là một mạng lưới các máy chủ có chứa các thư viện mã được chia sẻ. Google cung cấp một 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 một thư viện khuôn khổ JavaScript trong trang web của bạn, chỉ bao gồm các thư viện trong một thẻ script:

Bao gồm jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>


Sử dụng Khung

Trước khi bạn quyết định sử dụng một khuôn khổ JavaScript cho các trang web của bạn, nó có thể là một ý tưởng tốt để kiểm tra khuôn khổ đầu tiên.

JavaScript khuôn khổ rất dễ dàng để kiểm tra. Bạn không cần phải cài đặt chúng trên máy tính của bạn, và không có chương trình cài đặt.

Thông thường bạn chỉ cần tham khảo một tập tin thư viện từ trang web của bạn.

Trong chương kế tiếp của hướng dẫn này chúng tôi sẽ hướng dẫn bạn qua một quá trình kiểm tra cho jQuery.

Các tin khác

Không có nhận xét nào:

Đăng nhận xét