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

Giáng sinh đang đến gần, nếu bạn là một người quản lí website/blog và đang tìm giải pháp để làm điều gì đó mới mẻ cho trang web trong năm nay; thì có lẽ đây là một trong những bài viết phù hợp nhất dành cho bạn trong dịp Giáng sinh này.

Hôm nay trong bài viết này, tôi muốn giới thiệu đến bạn danh sách các bộ biểu tượng mạng xã hội đẹp nhất được thiết kế dành riêng cho mùa Giáng sinh. Có lẽ bạn sẽ hỏi tại sao phải là mạng xã hội mà không phải là chủ đề khác!? Bởi vì hiện tại là thời đại của mạng xã hội, chúng ta đang và sẽ chia sẻ mọi thứ trên chúng; chúng ta nghe/đọc về chúng hầu như mỗi ngày. Và ngay bây giờ trong bài viết này; sẽ không có gì là nhiều nếu chúng ta đọc thêm một lần nữa về chủ đề mạng xã hội, nhưng dành riêng cho dịp Giáng sinh.

Đồng thời tôi cũng viết bài này cho 9BlogTips.com và SpeckyBoy, vui lòng vào Bests of Social Media icons for Christmas 2010 để xem chi tiết. Hy vọng bạn sẽ kết hợp được giao diện web của mình với các bộ biểu tượng này để tạo nên sự độc đáo mới lạ dành cho khách ghé thăm và để chào đón Giáng sinh 2010.

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.

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ố.