Những đề xuất để tối ưu tải trang với YSlow
Minimize HTTP Requests
Giảm số số lượng request trên trang của bạn, người ta nói rằng 80% thời gian trả về từ phía người dùng cuối được thực hiện khi bắt đầu trả về trình duyệt, đó là thời gian để tải tất cả các thành phần trên web, vậy thì hãy gom...
Tìm hiểu về kế thừa từ prototype trong javaScript
Ở bài viết trước có đề cập đến cách thức của việc kế thừa từ prototype, bài này sẽ bàn thêm về các vấn đề trong cách kế thừa từ prototype, cũng như mở rộng thêm về vấn đề này.
Ngoài việc kế thừa một đối tượng bao gồm constructor và prototype...
Tìm hiểu kỹ thuật Closures trong javaScript
Có nhiều cách diễn giải khác nhau và chúng ta cũng đã từng dùng nhưng chưa khái niệm được nó hay sự khó hiểu bởi vấn đề nó tạo ra, ở đây dựa trên sự phân tích về hàm chưa thực thi hay hàm được tạo và bối cảnh tham chiếu, có thể hiểu đơn giản như sau...
Tìm hiểu về các phương thức sự kiện trong jQuery
DOM cho chúng ta một số event để tương tác với người dùng trên DOM, nay chúng ta có nhiều lựa chọn hơn khi dùng jQuery, khá nhiều phương thức được viết trong jQuery để thực hiện cho một vài sự kiện người dùng trên DOM hoặc một số sự kiện tự định...
Tìm hiểu mẫu Singleton pattern trong JavaScript
Mẫu Singleton được biết đến nhiều trong các ngôn ngữ lập trình hướng đối tượng, nếu bạn đã có kinh nghiệm ở một ngôn ngữ lập trình hướng đối tượng phổ biến nào đó chắc sẽ không còn xa lạ, chúng ta sẽ thấy một số framework họ luôn muốn dùng một...
Tìm hiểu các mẫu Constructor, Object Literal, Module trong JavaScript
Có nhiều cách thức viết mã javaScript khác nhau kể cả có sử dụng thư viện hoặc không sử dụng thư viện hỗ trợ. Trong javaScript chúng ta cũng có nhiều cách để khai báo và sử dụng đối tượng. Chúng ta cũng biết các thư viện hay...
Cách sử dụng javaScript để responsive hình ảnh
Ở bài viết trước chúng ta đã tìm hiểu về các giải pháp cho responsive hình ảnh với HTML5 nhưng đó là tương lai gần, trước khi chờ W3C chính thức công bố và các trình duyệt bắt đầu cập nhật chúng ta cần đến những giải pháp bằng javaScript...
Tìm hiểu một số tính năng mới trong jQuery 1.9
Phiên bản jQuery 1.9 được phát hành vào ngày 15 tháng 1 năm 2013, đây là một sự đánh dấu quan trọng trước khi tiến lên phiên bản 2.0, từ phiên bản 2.0 jQuery sẽ không còn hỗ trợ trên các trình duyệt IE cũ. Ở phiên bản mới này sẽ có một vài phương...
Giới thiệu kế thừa trong javaScript thông qua đối tượng prototype
Bài viết trước đã trình bày về những kỹ thuật căn bản để xây dựng ứng dụng javaScript theo hướng đối tượng, cách tạo và sử dụng thuộc tính, phương thức của đối tượng. Để có thể xây dựng code javaScript có thể dùng lại bài này sẽ...
Tìm hiểu khái niệm hướng đối tượng trong javaScript
Không giống như hầu hết các ngôn ngữ hướng đối tượng khác, trên thực tế javaScript không thực sự có khái niệm lớp, trong hầu hết các ngôn ngữ lập trình bạn phải xây dựng lớp sau đó mới khai báo đối tượng để sử dụng. Trong javaScript đối tượng...
Sử dụng jQuery để xây dựng plugin slide-door
Lấy ý tưởng từ cửa kéo truyền thống Nhật Bản, và từ mẫu thiết kế của ông Yoshiki Kuraki cho hệ thống cửa hàng The Sushibar, mình đã xây dựng một plugin đơn giản với jQuery với tên gọi vkSlidedoor, bài viết này sẽ giúp bạn hiểu hơn về cách thức để...
Tìm hiểu về đối số hàm trong javaScript
Có thể nói javaScript là ngôn ngữ hướng đối tượng, hầu như mọi thứ trong javaScript đều làm việc theo hướng đối tượng như chuỗi, mảng...
bên trong mọi hàm javaSctipt đều tồn tại một biến theo ngữ cảnh có tên là arguments, nó không phải là một mảng đúng...
Tìm hiểu regular expression trong JavaScript
Cũng như những ngôn ngữ lập trình khác biểu thức quy tắc (regular expression/ RegExp) là một tính năng đắc lực để kiểm tra, so sánh, thay thế, tách, ghép một chuỗi nào đó theo một quy tắc bạn quy định, nếu bạn đã tìm hiểu về biểu thức quy tắc trong...
Sử dụng JavaScript chạm cho màn hình cảm ứng bằng thư viện Hammer
Công nghệ luôn luôn thay đổi và tiến bộ, màn hình cảm ứng ngày càng chiếm tỉ lệ lớn cho các thiết bị di động và sẽ ngày càng phổ thông. Bài viết này sẽ giới thiệu một thư viện JavaScript tuyệt vời giúp bạn xây dựng giao diện web...
Sử dụng jQuery plugin Gips để tạo tooltip đơn giản
Nếu bạn đã am hiểu và có thể viết ứng dụng với jQuery thì việc viết ứng dụng tooltip không phải là khó nhưng trên internet các plugin tooltip viết với jQuery là khá nhiều bạn hoàn toàn có thể sử dụng miễn phí các plugin đó. Bài viết này sẽ giới...
Thêm hiệu ứng magic line cho navigation bằng jQuery
Bài viết này sẽ giới thiệu về một hiệu ứng đơn giản khi hover chuột lên navigation với jQuery, đoạn mã chương trình được giới thiệu sau ý tưởng thực hiện thuộc về tác giả Chris Coyier trên CSS-tricks.com.
Ý tưởng
Tạo ra phần tử di chuyển...
Thêm hiệu ứng phóng to hình ảnh bằng jQuery plugin cloud-zoom
Bài viết này sẽ giới thiệu một hiệu ứng khá hay với jQuery, khi bạn hover chuột lên hình ảnh thì sẽ có một hình ảnh phóng to tại phạm vi bao quanh chuột, chức năng giống như một chiếc kính lúp sẽ giới thiệu sau đây thuộc về tác giả R...
Sử dụng jQuery để xây dựng một slider đơn giản
Slider có thể chạy tốt trên hầu hết các trình duyệt hiện đại và đồng thời cũng chạy tốt trên trình duyệt Internet Explorer phiên bản 6,7,8... Slider cũng chiếm rất ít tài nguyên xử lý của CPU.
HTML code
<div id="wrap-slide">
<div id="slideshow">...
Giới thiệu và tìm hiểu Attribute Selectors, Custom Selectors trong jQuery
Bài viết này sẽ giới thiệu cách chọn phần tử theo thuộc tính và dựa theo các tùy chọn về vị trí của phần tử.
Attribute Selectors
Has Attribute: [foo]
Chọn các phần tử có thuộc tính là foo
Attribute Value Equals...
Xây dựng một slider đơn giản bằng Javascript - DOM
Từ khi có thư viện Jquery thì số lượng ứng dụng slider cũng tăng lên rất nhiều, không mất nhiều thời gian để bạn tìm cho mình một slider bằng công cụ tìm kiếm google. Tuy nhiên để sử dụng và tùy chỉnh slider theo ý bạn thì thời gian bỏ ra còn...