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.

Bộ đếm thời gian cho một sự kiện nào đó dường như là một thứ không thể thiếu đối với cuộc sống của loài người ngày nay, chúng ta có thể bắt gặp các bộ đếm này khi gần đến ngày Giáng sinh, năm mới, ngày sinh nhật, kỉ niệm, ... hay đơn giản nhất trong cuộc sống đời thường là đồng hồ báo thức - một bộ đếm thời gian đơn giản nhất.

Đề tài bộ đếm thời gian cũng đã được giới thiệu nhiều trên jsB@nk thông qua các hiệu ứng JavaScript, các bài viết hướng dẫn như:

- Bộ đếm thời gian dạng thanh với jQuery
- Thêm 10 bộ đếm đến ngày Giáng sinh đẹp nhất
- Giải pháp OOP tạo bộ đếm ngược thời gian
- Bộ đếm thời gian giảm dần đẹp tuyệt vời

Hôm nay jsB@nk muốn giới thiệu với bạn thêm một giải pháp nữa để tạo bộ đếm thời gian, trong môi trường Flash và sử dụng ngôn ngữ ActionScript. Bạn vui lòng vào trang chi tiết để xem thêm.

Thêm một đoạn mã JavaScript khác để tạo hiệu ứng trình đơn xổ dọc thay đổi danh sách nội dung khi người dùng nhấn các tùy chọn. Bạn có thể thêm nhiều tùy chọn và giá trị dữ liệu như mong muốn. Cách thức sử dụng và tài liệu tham khảo được giải thích đầy đủ bên trong mã nguồn hiệu ứng JavaScript này.

Nén (thu gọn) kích thước tập tin JavaScript là một trong những kĩ thuật quan trọng hàng đầu để tối ưu hóa hiệu suất hoạt động của một trang web. Và để thực hiện việc nén mã nguồn JavaScript, cách dễ dàng nhất là chúng ta sử dụng các thư viện được giới thiệu trong bài viết Hiệu suất của các thư viện nén JavaScript.

Tuy nhiên giải pháp này có mặt hạn chế là mỗi khi muốn thay đổi mã nguồn JavaScript, chúng ta cần phải dùng các công cụ này để biên dịch lại sau đó mới đăng tải lên website trực tuyến. Để khắc phục khuyết điểm này, chúng ta có thể dùng một giải pháp khác: thực hiện việc nén mã nguồn JavaScript ngay trên máy chủ và trả về kết quả mỗi khi được yêu cầu.

Đó chính là chủ đề của bài viết hướng dẫn JavaScript hôm nay: hướng dẫn xây dựng giải pháp nén mã nguồn JavaScript/tệp tin JavaScript ngay trên máy chủ Apache.

Đây thực sự là một hiệu ứng JavaScript tuyệt vời để hiển thị một bộ đếm thời gian độc đáo trên trang web của bạn. Với sự hỗ trợ mạnh mẽ từ thư viện JavaScript jQuery, bạn chỉ cần thiết lập thời điểm đếm; sau đó hiệu ứng sẽ hiển thị một bộ đếm thời gian động trên web với các thanh màu đỏ di chuyển liên tục. Một hiệu ứng JavaScript khá tuyệt vời để hiển thị một bộ đếm thời gian có một không hai trên website của bạn.

Bạn hãy thử xem thêm các bộ đếm thời gian có trên jsB@nk thử xem sao?
- Đồng hồ đếm ngược
- Bộ đếm giờ giảm dần
- Tạo một bộ đếm thời gian giảm dần theo mô hình OOP
- Cách tạo một bộ đếm ngược thời gian đơn giản với JavaScript

Tổ chức mã nguồn các ứng dụng JavaScript, ứng dụng web với những giải pháp tối giản, giản lược (shorthand) hiệu quả là một trong những cách thức quan trọng để tối ưu hóa hiệu suất của trang web. Bài viết này sẽ cung cấp cho bạn vài kĩ thuật giản lược mã nguồn JavaScript cơ bản nhất; có thể các kĩ thuật này là những kiến thức JavaScript bạn đã biết rồi nhưng hãy xem như đây là một lời nhắc bởi đôi khi chúng ta quên những thủ thuật tuy rất nhỏ nhưng cũng rất hữu ích này.

Thêm vài bài viết về tối ưu hóa mã nguồn, hiệu suất website trên jsB@nk có lẽ bạn muốn xem thêm:
- Các thủ thuật JavaScript và jQuery hữu ích
- Vài hướng dẫn JavaScript cơ bản để tối ưu hóa hiệu suất trang web

Trong quá trình xây dựng mã nguồn JavaScript (coding) cho các ứng dụng web, hẳn chúng ta cũng thường làm việc với các mảng; và đôi khi việc tạo các mẫu thử cho mảng JavaScript là việc tốn khá nhiều thời gian.

Vì lí do này, hôm nay jsB@nk muốn giới thiệu với bạn hiệu ứng JavaScript có thể tạo ra các mảng JavaScript nhanh chóng với nhiều lựa chọn giá trị đầu vào; như kiểu hiển thị, tên mảng, tên chỉ mục (index), số lượng phần tử, ...

Bạn vui lòng xem ví dụ mẫu JavaScript trực tiếp ở trang trong để biết thêm cách thức hoạt động của nó.

Có lẽ không cần phải giới thiệu nhiều thì mọi người cũng biết khá nhiều thông tin về HTML5 và Flash - hai công nghệ này đang này càng được phát triển và hoàn thiện để giành lấy sự ủng hộ của các nhà phát triển web.

Trong bài viết hôm nay, jsB@nk xin giới thiệu với bạn cuộc so găng của hai công nghệ web này trong một trận thi đấu vẽ vời đơn giản: tạo ảnh một biểu tượng cảnh báo với các dòng mã lệnh. Trang bị vũ khí của hai bên: HTML5 dùng tập lênh canvas với sự hỗ trợ của JavaScript, Flash với sự hỗ trợ của ActionScript 3.

Mặc dù tác giả không cho biết công nghệ nào thắng cuộc so găng này, nhưng riêng jsB@nk, dựa trên kết quả cuối cùng, cảm nhận rằng hình ảnh do HTML5 tạo ra có màu sắc trông thực hơn; nhưng đây cũng chỉ là một phép thử đơn giản và hai công nghệ này vẫn còn đang trong quá trình hoàn thiện. Bạn vui lòng vào trang trong để xem chi tiết cuộc so găng này.

Hiệu ứng JavaScript này sử dụng các kĩ thuật lập trình với DOM để thêm/bớt các đối tượng thẻ HTML. Một hiệu ứng JavaScript đơn giản nhưng khá tốt để tập làm quen dần với DOM.

Hãy tìm hiểu thêm về DOM với JavaScript có trên jsB@nk:

- Ẩn/hiện vùng nhập liệu với JavaScript hướng đối tượng
- JavaScript tạo chỉ mục tự động với DOM
- Thêm không hạn chế vùng nhập liệu

Với các trang web chứa nhiều nội dung văn bản, chẳng hạn như tài liệu kĩ thuật, truyện chữ, bài viết phóng sự, ... chúng ta thường dùng cách thủ công để tạo chỉ mục cho các tiêu đề nội dung. Công việc tiêu tốn nhiều thời gian này sẽ không còn nữa nếu trang web sử dụng hiệu ứng JavaScript này, các chỉ mục sẽ được tự động nhận diện và hiển thị trong khu vực được xác định trước, công việc của người viết là chỉ cần tạo nội dung.