google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Các kĩ thuật viết mã JavaScript giản lược thiết yếu 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


Các biểu tượng mạng xã hội tốt nhất dành cho Giáng sinh 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.comSpeckyBoy, 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.


Danh mục: Bài viết

Trình tạo mảng JavaScript 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ó.


JavaScript với HTML5 vs ActionScript 3 với Flash trong đồ họa - Ai sẽ thắng? 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.


Danh mục: Bài viết

JavaScript thêm bớt các đối tượng HTML với DOM 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


Danh mục: Thủ thuật

JavaScript tạo chỉ mục tự động với DOM 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.


Hiệu suất của các thư viện nén JavaScript 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ả.


Danh mục: Bài viết

Vùng nhập liệu chỉ chấp nhận kí tự số 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ướng dẫn xây dựng phòng trưng bày ảnh với hai kiểu hiển thị 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.


Phòng trưng bày ảnh với hai kiểu hiển thị Đâ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


Danh mục: Framework, jQuery

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web