Thu gọn (nén) mã nguồn JavaScript là một trong những nhiệm vụ quan trọng hàng đầu để tăng hiệu suất hoạt động cho trang web. Bên cạnh việc giảm kích thước mã nguồn để giảm thời gian tải xuống, một số thư viện (ứng dụng) nén còn tối ưu (thay đổi) mã nguồn JavaScript giúp bạn.

Hôm nay trong bài viết này, jsB@nk muốn trình bày với bạn hiệu suất hoạt động của một vài thư viện nén JavaScript phổ biến, đó là: Packer 3.1, YUI Compressor, Google Closure, Dojo Shrinksafe và JSMin. Các so sánh trong bài viết này chỉ thực hiện với hai phép thử là tỉ lệ nén và thời gian nén. Bạn vui lòng vào trang chi tiết để xem kết quả.

Thêm một đoạn mã JavaScript khác nữa để tạo hiệu ứng JavaScript chỉ chấp nhận các kí tự số. Nhưng đoạn mã JavaScript này hoạt động theo cách thức khác, nó vẫn cho phép người dùng nhập vào các kí tự không phải là số, nhưng nút nhấn để gửi sẽ không được sử dụng cho đến khi người dùng nhập đúng các kí số.

Hôm nay trong bài viết này, jsB@nk xin phép được hướng dẫn bạn cách thức để xây dựng một Phòng trưng bày ảnh với hai kiểu hiển thị - một hiệu ứng JavaScript khá độc đáo để tạo một không gian trưng bày ảnh rất ấn tượng trên trang web. Bạn vui lòng vào trang chi tiết để xem thêm.

Đây thực sự là một hiệu ứng JavaScript/jQuery tuyệt vời để tạo nên một không gian trưng bày ảnh trên web. Bên cạnh một giao diện được thiết kế khá đẹp, hiệu ứng này còn cho phép người dùng chọn cách hiển thị ảnh theo dạng danh sách chi tiết hoặc thu gọn dạng lưới.

Hãy xem thêm các hiệu ứng trình diễn ảnh có trên jsB@nk nếu bạn vẫn còn muốn:

- 16 hiệu ứng trưng bày ảnh miễn phí
- Trưng bày ảnh

Bài viết nhỏ này cung cấp cho chúng ta hai hàm JavaScript để tạo một chuỗi với nhiều tùy chọn, một hàm dùng JavaScript nguyên bản và một hàm thì dùng jQuery. Cả hai hàm JavaScript này đều cho phép chúng ta quyết định độ dài của chuỗi và chọn kí tự đặc biệt hay không.

Tham khảo thêm nhiều hiệu ứng JavaScript khác để tạo chuỗi ngẫu nhiên có trên jsB@nk:

- Tạo nội dung ngẫu nhiên
- Nút tạo chữ ngẫu nhiên
- Trình tạo mật mã ngẫu nhiên
- Mật khẩu ngẫu nhiên
- Khung chữ với các kí tự ngẫu nhiên

Khi đoạn mã JavaScript này được cài đặt trên trang web, mỗi khi người dùng nhấn chọn bất kì thẻ HTML chứa nội dung văn bản nào, nó sẽ tự động chọn (tô khối) tất cả văn bản trong đó. Một hiệu ứng cũng khá hữu ích với website chứa nhiều văn bản.

Hiện tại đoạn mã JavaScript này được lập trình để làm việc với các đối tượng thẻ là input, textarea, div, span, td, và pre. Bạn có thể dễ dàng chỉnh sửa để tạo thêm nhiều tính năng khác.

Mấy ngày nay chỉ xem các bài viết đậm chất kĩ thuật trên jsB@nk có lẽ đã làm bạn chán ngấy!? Hôm nay chúng ta hãy cùng nhau đổi không khí với bài viết này, cùng nhau thưởng thức các ứng dụng web cực kì tuyệt đẹp. Hầu hết các ứng dụng web được giới thiệu trong bài viết này chủ yếu để mô phỏng, trình bày dữ liệu (data visualization) nhưng lại có giao diện và cách thức hoạt động cực kì độc đáo và bắt mắt; chắc chắn sẽ cung cấp cho bạn nhưng trải nghiệm web tuyệt vời nhất.

Nếu vẫn chưa thỏa mãn, bạn hãy thưởng thức thêm:

- 50 trò chơi nhỏ gây nghiện trên Facebook
- 65 giải pháp trình diễn ảnh tuyệt vời mà miễn phí
- 10 điều JavaScript xưa không làm được
- Các thư viện JavaScript xử lý 3D đáng kinh ngạc
- Các trải nghiệm JavaScript tuyệt đẹp trên Chrome, Safari
- 12 trò chơi JavaScript đầy sáng tạo bạn nên chơi

Công dụng của đoạn mã JavaScript này đơn giản chỉ là thay đổi hiển thị (ẩn/hiện) các vùng nhập liệu mỗi khi người dùng nhấn chọn các dấu kiểm tương ứng. Nhưng hiệu ứng JavaScript này được lập trình theo hướng đối tượng (OOP), một ví dụ JavaScript mẫu khá hữu ích để làm quen với JavaScript OOP.

Biểu thức so trùng (Regular Expressions - RegEx) là những kiến thức chuyên sâu không thể thiếu nếu bạn muốn trở thành một nhà lập trình JavaScript chuyên nghiệp nói riêng, hoặc một nhà lập trình nói chung; bởi những tính năng cực kì mạnh mẽ mà chúng có thể đem lại chỉ với một vài thao tác đơn giản bỏ ra. jsB@nk cũng đã giới thiệu nhiều về biểu thức so trùng thông qua các bài viết bên dưới:

- Kiểm tra dữ liệu đăng kí
- Kiểm tra các mẫu thông thường
- Tìm và thay thế chuỗi với Regular Expression

Hôm nay jsB@nk giới thiệu thêm với bạn một bài viết về vấn đề này, nhưng ở một khía cạnh khác, đó là nói về các hàm được xây dựng sẵn của ngôn ngữ JavaScript dành cho các biểu thức so trùng này. Vui lòng vào bài viết chi tiết để xem thêm.

Với hiệu ứng JavaScript mẫu này, bạn có thể dễ dàng tạo được các dải màu (color gradient) trên trang web của mình. Chỉ cần nhập vào hai giá trị: một là giá trị màu bạn muốn tạo, một cho phương thức tạo.

Một hiệu ứng JavaScript khá thú vị và độc đáo để thử; bạn có thể chế biến thêm dựa vào nhu cầu của mình.