Kế thừa từ prototype trong javaScript

  • JavaScript
  • 29 tháng 11 2012
  • bởi Văn Khương
  • 0 Comments

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ẽ giới thiệu về kế thừa trong javaScript thông qua đối tượng prototype.

Khi bạn tạo phương thức hay thuộc tính public cho đối tượng thông qua đối tượng prototype, bạn có thể kế thừa...

Hướng đối tượng trong javaScript

  • JavaScript
  • 23 tháng 11 2012
  • bởi Văn Khương
  • 0 Comments

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 được tạo trực tiếp và có thể tạo bằng nhiều cách , đối tượng cũng có thể kế thừa từ đối tượng khác. Để tạo đối tượng bạn có hai cách cơ bản để tạo đối tượng như sau:

// Tạo đối tượng thông qua cú...

Xây dựng plugin slide-door với jQuery

  • JavaScript
  • 21 tháng 11 2012
  • bởi Văn Khương
  • 0 Comments

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, tôi đã 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 để phát triển một plugin javaScript đơn giản với jQuery. Đầu tiên bạn cần chuẩn bị sẵn thư viện jQuery và một thư viện hiệu ứng mở rộng animation jQuery easing và đảm bảo...

Đối số hàm trong javaScript

  • JavaScript
  • 10 tháng 11 2012
  • bởi Văn Khương
  • 0 Comments

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 nghĩa vì mảng trong javaScript cũng là một đối tượng, với arguments bạn không thể thay đổi nó hay bạn không thể dùng phương thức push() để thêm những phần tử mới, nhưng bạn lại có thể truy cập những phần tử như...

Biểu thức quy tắc trong javaScript (regular expression)

  • JavaScript
  • 30 tháng 10 2012
  • bởi Văn Khương
  • 0 Comments

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 ngôn ngữ PHP rồi thì sẽ thấy javaScript cũng có cách quy định tương tự chỉ khác ở một số hàm xử lý biểu thức quy tắc. Có 2 phương thức của RegExp để kiểm tra là exec và test, có một vài phương thức của chuỗi hữu dụng với biểu...

Hammer thư viện JavaScript chạm cho màn hình cảm ứng

  • JavaScript
  • 11 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

hammer_thu_vien_javascript_cham_cho_man_hinh_cam_ung

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 cho màn hình cảm ứng với các sự kiện chạm bao gồm : tap, double tap, hold, drag, swipe, transform.

Thư viện hammer.js chỉ 22KB bạn có thể sử dụng...

Tooltip đơn giản với jQuery plugin Gips

  • JavaScript
  • 11 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

tooltip_plugin_gips

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 thiệu một plugin viết rất nhỏ gọn đó là plugin Gips.

Ưu điểm Kích thước file nhỏ gọn Giễ sử dụng và tùy chỉnh chức năng Giễ...

Hiệu ứng magic line cho navigation với jQuery

  • JavaScript
  • 09 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

magic_line_cho_navigation_voi_jQuery

Bài viết 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 chèn vào phía dưới thanh navigation, xác định CSS cho phần tử với thuộc tính position absolute so với relative của navigation, khi xảy ra hành động hover chúng ta sẽ sử dụng phương thức animation trong jQuery...

Hiệu ứng phóng to hình ảnh với jQuery plugin cloud-zoom

  • JavaScript
  • 29 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

hieu_ung_phong_to_hinh_anh_voi_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 Cecco ở địa chỉ professorcloud.com.

Để sử dụng chúng ta cần có cấu trúc HTML như sau

<link href="cloud-zoom.css"...

Slider đơn giản với jQuery

  • JavaScript
  • 21 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

slider don gian voi jquery

Bài viết trước có hướng dẫn xây dựng một slider đơn giản với JavaScript - DOM, bài viết này tôi sẽ hướng dẫn xây dựng một slider đơn giản với jQuery. 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...