google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






JavaScript và Cache trong HTML5 Mọi nhà phát triển/lập trình web đều biết tầm quan trọng của cache đối với hiệu suất hoạt động của trang web; với đặc tả kĩ thuật của các chuẩn HTML cũ, chúng ta chỉ có thể lưu cache trong cookie ở phía máy khách hoặc thực hiện ở phía máy chủ với session và/hoặc các biện pháp lưu trữ dạng tệp tin.

Nhưng mới HTML5, ngoài khả năng lưu trữ cache để xem ngoại tuyến (xem thêm nhiều tính năng khác của HTML5 tại Các hàm JavaScript mới trong HTML5); công nghệ mới này còn cho phép các nhà phát triển web xây dựng các ứng dụng web có thể lưu cache ở phía máy khách nhằm cải thiện hiệu suất hoạt động của trang web, bởi trình duyệt sẽ gửi ít truy vấn hơn đến máy chủ mỗi khi tải một trang web trong hệ thống website.

Bài viết này sẽ cung cấp cho bạn vài khái niệm cơ bản và ví dụ mẫu JavaScript để xây dựng tính năng cache trong HTML5. Vui lòng vào trang chi tiết để xem thêm.


Ứng dụng đồ họa tuyệt vời với HTML5 Mặc dù HTML5 vẫn còn đang hoàn thiện về mặt công nghệ nhưng hiện tại chúng ta đã có thể thưởng thức rất nhiều ứng dụng tuyệt đẹp và đầy ấn tượng dựa trên công nghệ này, bạn có thể dùng thử:

- Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery
- Phát âm thanh trên web với HTML5
- 10 điều JavaScript xưa không làm được
- 12 trò chơi JavaScript đầy sáng tạo bạn nên chơi
- 10 trải nghiệm tuyệt đẹp trên Google Chrome

Hôm nay, jsB@nk muốn giới thiệu với bạn thêm một ứng dụng đồ họa cực kì ấn tượng được xây dựng trên nền HTML5. Bạn vui lòng vào trang ví dụ mẫu trực tiếp để dùng thử ứng dụng này.


Danh mục: Đồ họa

Giới hạn khung nhập liệu với RegEx Thêm một hiệu ứng JavaScript nữa để bạn có thể dễ dàng kiểm tra và hạn chế số lượng kí tự mà người dùng có thể nhập vào các biểu mẫu. Trong ví dụ mẫu JavaScript trực tiếp này, bạn sẽ không thể nhập vào hơn 20 kí tự hoặc quá 10 dòng tùy điều kiện nào đến trước.

Hiệu ứng JavaScript này ưu việt hơn ở chỗ việc kiểm tra sẽ được thực hiện với các biểu thức so trùng (RegEx - Regular Expression); vì vậy việc kiểm tra khá chính xác.


Danh mục: Biểu mẫu

Cách xây dựng Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery Bài viết này sẽ hướng dẫn bạn cách thức xây dựng một Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery cùng với mã nguồn kèm theo để tải về.

Đây là hiệu ứng trình đơn cực kì xuất sắc hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.


Danh mục: Bài viết

Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery Hiệu ứng trình đơn này cực kì thích hợp với những website có hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Với sự hỗ trợ của thư viện jQuery, hiệu ứng sẽ thực hiện hoạt hóa cuộn cho mỗi danh mục mỗi khi người dùng nhấn chuột vào, bạn có thể thay đổi dễ dàng các phương thức hoạt hóa với các hàm có sẵn của jQuery.

Việc xây dựng hoàn chỉnh hiệu ứng này từ đầu khá công phu, jsB@nk sẽ hướng dẫn bạn từng bước để làm hiệu ứng này trong bài viết sau, còn bây giờ bạn hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức.


Danh mục: Framework, jQuery

5 kĩ thuật kế thừa trong JavaScript nên nắm vững Kế thừa là một kĩ thuật rất quan trọng trong các ngôn ngữ lập trình hướng đối tượng nói chung và trong ngôn ngữ JavaScript nói riêng bởi tiêu chí sử dụng lại của lập trình hướng đối tượng. Trong bài viết hướng dẫn này, tác giả giới thiệu với bạn 5 phương pháp quan trọng để thực hiện việc kế thừa trong JavaScript. Bạn nên nắm vững các phương pháp này để có thể lập trình chuyên sâu JavaScript hơn.


JavaScript bàn phím ảo nhiều ngôn ngữ Thêm một đoạn mã JavaScript khác nữa để tạo hiệu ứng bàn phím ảo trên trang web. Lí do để dùng bàn phím ảo là nhằm tránh các vấn nạn bảo mật tài khoản ở các máy tính công cộng (cửa hàng/dịch vụ Internet).

Hiệu ứng JavaScript này tạo một bàn phím ảo với giao diện đồ họa người dùng tương đối rõ ràng, đồng thời hỗ trợ trên 20 ngôn ngữ phổ biến và cả các kí tự đặc biệt. Một hiệu ứng bàn phím ảo rất dễ sử dụng và cài đặt.

Có lẽ bạn muốn xem thêm các hiệu ứng tạo bàn phím ảo có trên jsB@nk:

- Bàn phím ảo
- Bàn phím ảo 2
- Tạo một bàn phím


Danh mục: Ứng dụng

Các ứng dụng JavaScript thiết yếu dành cho trình duyệt Opera Opera là trình duyệt ưa thích nhất của tôi hơn 5 năm nay, nó được tôi dùng làm trình duyệt chính từ 2005; bởi tốc độ tải trang đáng kinh ngạc của nó. Tôi bắt đầu dùng Opera từ phiên bản 6, lúc đó khi tiến hành cài đặt, công ty phát triển tự tin tuyên bố trong lời chào rằng "Opera là trình duyệt nhanh nhất quả đất".

Tại thời điểm viết bài này, phiên bản mới nhất của Opera là 11 beta với hơn 150 triệu người dùng trên khắp thế giới, cùng với hàng trăm, hàng nghìn thư viện/công cụ hỗ trợ để người dùng duyệt web tốt hơn. Trong bài viết hôm nay, jsB@nk muốn giới thiệu với bạn danh sách 10 thư viện JavaScript (UserJS) hàng đầu dành cho Opera.

Những thư viện JavaScript tôi đang dùng cho Opera của mình là: Flash Blocker, NoDelay, Document Viewer và NoAds.


Danh mục: Bài viết

SEO và JavaScript trong Phát triển web Một bài viết nhỏ gọn nhưng cung cấp một cái nhìn cơ bản về JavaScript trong phát triển web (thiết kết và lập trình) có tác động như thế nào đối với tối ưu hóa thứ hạng trên các cỗ máy tìm kiếm (SEO - Search Engine Optimization).


JavaScript tính tổng với Dấu kiểm Thêm một đoạn mã JavaScript đơn giản khác nữa để thực hiện việc tính tổng với các giá trị của dấu kiểm. Đoạn mã JavaScript này chỉ thực hiện vòng lặp for để kiểm tra và thực hiện. Một hiệu ứng tuy đơn giản nhưng rất hữu ích.


Danh mục: Biểu mẫu, Ô chọn

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web