Sử dụng IE7/IE8/IE9.js để fix lỗi CSS trên trình duyệt IE6/7/8
CSS2 không được hỗ trợ đầy đủ trên các phiên bản cũ của trình duyệt Internet Explorer. Có rất nhiều CSS selector không thể làm việc được trên các trình duyệt IE phiên bản 8 trở về trước khiến mã HTML của bạn phải phụ thuộc hoàn toàn...
Tìm hiểu các quy tắc chỉ dẫn trong CSS
Bạn có thể ít dùng những quy tắc chỉ thị, chỉ dẫn này nhưng nếu bạn hiểu thì cũng có thể vận dụng vào code css của mình hoặc chí ít thì bạn cũng hiểu được code nói gì để bạn không khỏi thắc mắc khi đọc thấy ai dùng tới nó. Những quy tắc này thường được đặt...
Tìm hiểu và sử dụng AMD
The Asynchronous Module Definition (AMD) là cơ chế định nghĩa những modules và tải các phụ thuộc một cách không đồng bộ. Điều này thực sự tốt khi làm việc với những request từ phía trình duyệt, cải thiện khả năng thực thi, dễ ràng quản lý code, mở rộng và tìm lỗi nhanh...
Tạo chuỗi HTML dễ dàng với Template String của ES6 trong javaScript
Một cách tạo ra chuỗi kết hợp dữ liệu và mã đánh dấu HTML gọn gàng hơn, không cần phải tạo ra nhiều dòng chuỗi, không cần phải cộng chuỗi để nối chuỗi với rất nhiều dấu nháy như trước, không cần phải sử dụng mã ASCII để xuống...
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...