Vấn đề về kế thừa từ prototype trong javaScript

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

Ở 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 bào gồm constructor và prototype (Như ví dụ trước) thì có thể chỉ kế thừa prototype của đối tượng bằng việc sử dụng Object.create() và nếu muốn kế thừa luôn constructor có thể gọi phương thức call() của...

Vấn đề về Closures trong javaScript

  • JavaScript
  • 25 tháng 04 2015
  • bởi Văn Khương
  • 0 Comments

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:

Closures Là một kỹ thuật sử dụng những hàm chưa thực thi để tham chiếu đến những giá trị bên ngoài nó khi môi trường bao nó được thực thi, có thể là một hàm sử dụng những biến của...

Hiểu rõ về các phương thức sự kiện được viết trong jQuery

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

Hiểu rõ về các phương thức sự kiện được viết trong jQueryDOM 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 nghĩa, qua nhiều phiên bản tiến lên có một số phương thức trong jQuery đã được thay thế nhưng vẫn giữ lại hoặc đã bỏ đi, một vài liệt kê sau sẽ sơ lược lại những gì jQuery đã viết để có cách nhìn rõ ràng và tổng quát...

Tạo animation với HTML5 canvas

  • HTML5
  • 02 tháng 10 2014
  • bởi Văn Khương
  • 0 Comments

Tạo animation với html5 canvasrequestAnimationFrame là hàm sẽ được sử dung thay cho những hàm trước đây ta thường dùng là setTimeout hay setInterval, trước tiên ta sẽ sơ lược qua về các cách thức tạo animation trong javaScript. setInterval sẽ thực hiện lặp đi lặp lại mãi mãi với mỗi thời gian nhất định cho tới khi ta gọi clearInterval để dừng nó. SetTimeout sẽ tạo delay trước khi thực hiện một chức năng nào đó kết hợp dùng đệ quy chúng ta cũng có lại cái lặp đi lặp lại mãi mãi với mỗi thời gian nhất định.

Sự mượt mà...

Một vài so sánh về Less và Sass

  • CSS tutorial
  • 19 tháng 08 2014
  • bởi Văn Khương
  • 0 Comments

so sanh giua less va sassTrước khi sử dụng LESS hay Sass chúng ta hãy cân nhắc đảm bảo chắc chắn rằng nó có thực sự cần thiết và đảm bảo rằng chúng ta có thể kiểm soát mã CSS được tạo ra tốt, đây là hai ngôn ngữ dùng để mở rộng những giới hạn của CSS giúp ta tổ chức mã CSS của mình. Vậy nên dùng LESS hay Sass? hãy sơ lược qua những tính năng của cả hai để đem tới sự lựa chọn phù hợp nhất.

Cách sử dụng

Với LESS họ có 3 cách để sử dụng, cách đơn giản nhất là...

Tạo hình với CSS Shapes

  • CSS tutorial
  • 20 tháng 06 2014
  • bởi Văn Khương
  • 0 Comments

Tao hinh voi css shapesTrước kia với một vài kỹ thuật sử dụng CSS với đường viền chúng ta có thể tạo ra một số hình khối căn bản với CSS, đó là thủ thuật kết hợp các thuộc tính, có thể kể đến bộ sưu tập một số hình khối ở trang css-tricks, đó là những shape không chính thống và giờ đây shape mới thực sự là shape. Hiện tại W3C đã và đang xây dựng bộ thuộc tính mới cho CSS với khả năng tạo ra đa hình khối như SVG hay Canvas chỉ với những...

Những mẫu thiết kế mã javaScript: Singleton pattern

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

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 phương thức để dùng khởi tạo đối tượng như getInstance(). Cũng như các ngôn ngữ khác mục đích chính của mẫu này là nhắm tránh việc chạy đi chạy lại một thứ gì đó khi khởi tạo đối tượng nhiều lần. Bằng việc sử dụng...

Những mẫu thiết kế mã javaScript: Constructor, Object Literal, Module

  • JavaScript
  • 08 tháng 12 2013
  • bởi Văn Khương
  • 0 Comments

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ác ứng dụng javaScript cũng được viết theo một mẫu nào đó. Việc viết mã theo những mẫu hướng đối tượng là điều quan trọng, cũng như những ưu điểm của lập trình hướng đối tượng bởi sự chặt chẽ logic, sử dụng giễ dàng, giễ kiểm soát khi ứng dụng lớn, có...

Giải pháp responsive hình ảnh với javaScript

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

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

Picturefill

Một plugin nhỏ gọn chỉ 2KB của tác giả Scott Jehl, việc sử dụng gần giống như sử dụng phần tử picture và source. Picturefil được viết không yêu cầu bạn phải có thư viện jQuery bạn chỉ cần...

Giải pháp responsive hình ảnh trong responsive web

  • HTML5
  • 12 tháng 11 2013
  • bởi Văn Khương
  • 0 Comments

Giải pháp reponsive hình ảnhCách thông thường chúng ta vẫn sử dụng hình ảnh lớn phù hợp với màn hình lớn và sẽ được co lại khi xem trên màn hình nhỏ, đây là giải pháp đơn giản nhưng có 2 vấn đề lớn, thứ nhất là chúng ta xem hình kích thước nhỏ nhưng kích thước thật lại là một hình lớn vậy là lãng phí băng thông và làm tăng thời gian tải trang, thứ hai là vì nó không là kích thước thật của hình ảnh nên đương nhiên trông sẽ mờ hơn và...