[JavaScript] Khi Object được tạo từ hư vô

Ghi chú: Tiêu đề hoàn toàn mang tính câu view. Bài copy từ blog của tác giả :-) Tại sao lại có bài viết này? Một ngày đẹp giời tôi cần kiểm tra thuộc tính của 1 object trước khi thực hiện một vài thao tác khác. Theo thói quen từ lúc đi học, cú pháp rất thông dụng obj.hasOwnProperty(tê ...

Tác giả: Bùi Văn Nam viết 20:26 ngày 11/08/2018

Sử dụng Data attribute trong HTML

Hôm nay trong lúc làm chức năng mới cho hệ thống Color ME, mình có dùng lại Data attribute trong HTML, tiện thể mình làm bài blog chia sẻ về sử dụng thuộc tính này Cú pháp HTML Tất cả mọi thuộc tính có tiền tố Data- đều là Data attribute . Data attribute sẽ giúp bạn lưu thêm thông tin ...

Tác giả: Bùi Văn Nam viết 20:26 ngày 11/08/2018

Tìm hiểu quy trình TC39

Khi nghiên cứu hay làm việc với JavaScript, các bạn hẳn có nhiều lúc bắt gặp thuật ngữ TC39. Lại có đôi lúc bạn thấy một pro viết rằng feature X của JavaScript đang ở stage 3, dự kiến tháng Y năm Z sẽ đưa lên stage 4. Vậy TC39 là gì? Stage N là gì? Cấu hình Babel "preset-stage-2" là thế nào? Ecma ...

Tác giả: Trịnh Tiến Mạnh viết 20:25 ngày 11/08/2018

Sự khác biệt của 2 cách sử dụng Resolve/Reject trong Promise

Về cơ bản có 2 cách sử dụng Resolve/Reject trong Promise của Javascript: Sử dụng hàm static của class Promise: return Promise.reject() & return Promise.resolve() Sử dụng trong intance của Promise: return new Promise(function(resolve, reject) { resolve(); //or reject(); }) Đối ...

Tác giả: Trịnh Tiến Mạnh viết 20:25 ngày 11/08/2018

Làm thế nào để ép kiểu Integer cho một số hoặc một string số trong Javascript

Đã bước chân vào "thế giới" Javascript, nhiều khi bạn thật sự điên cuồng. Có quá nhiều thứ được biết đến ở Javascript mà bạn cần tìm hiểu để áp dụng thành thục cho dự án của mình. Và đôi khi cái của dở hơi này nó làm bạn phát khùng lên với nó. Bây giờ thử làm một bài toán thế này: cho một số hoặc ...

Tác giả: Tạ Quốc Bảo viết 20:25 ngày 11/08/2018

Học React/Redux qua ví dụ thực tế: Viết Component đầu tiên

Quay trở lại với bài học của chúng ta, cuối bài trước chúng ta đã tạo xong project với những thứ cơ bản cần thiết, bước tiếp theo chúng ta sẽ thêm module react-hot-loader để phục vụ việc develop dễ hơn. Hay nói một cách đơn giản, khi có bất cứ sự thay đổi nào trong source code của chúng ta, thì sự ...

Tác giả: Hoàng Hải Đăng viết 20:25 ngày 11/08/2018

Tôi đã viết phim.clgt.vn như thế nào

Động lực Đối với nghề lập trình viên thần thánh, nếu một sớm mai thức dậy anh em cảm thấy ko có bất kì động lực nào để tỉnh, chỉ muốn ngủ tiếp, đó là dấu hiệu cho thấy anh em đang sắp bị burnout, rằng công việc hiện tại quá nhàm chán. Đó là một dấu hiệu xấu. Nếu ko vực dậy anh em sẽ nhảy ...

Tác giả: Trịnh Tiến Mạnh viết 20:24 ngày 11/08/2018

Webpack series (ep2) - CSS Splitting - Tách css trong Webpack

Code splitting (chia nhỏ code) là một trong những tính năng làm nên tên tuổi của Webpack. Và với riêng bản thân mình thấy thì đây chính là tính năng có giá trị nhất của webpack. Code splitting là gì? Như cái tên của nó. Nó cho phép chung ta chia nhỏ code ra và chỉ thật tải và execute khi ...

Tác giả: Bùi Văn Nam viết 20:24 ngày 11/08/2018

Module pattern trong plain JavaScript

Trong plain JavaScript, như đã biết là nó không hề có khái niệm module. Tuy nhiên nhờ có cơ chế closure mà chúng ta có thể thực thi được module pattern. Ví dụ: function counter(initValue) { var currentValue = initValue; function increase(change) { currentValue += change; ...

Tác giả: Hoàng Hải Đăng viết 20:24 ngày 11/08/2018

Cơ chế hoạt động của javascript và nodejs

Cuộc đời là đóa hoa mà tình yêu là mật ngọt. -- Victor Hugo Các bạn có thể đọc bài viết gốc tại đây Trong javascript, hầu hết các lời gọi I/O đều là non-blocking. Nghĩa là khi có HTTP request, truy xuất dữ liệu trong DB hoặc đọc ghi vào bộ nhớ thì hệ thống sẽ không tạm dừng ...

Tác giả: Tạ Quốc Bảo viết 20:24 ngày 11/08/2018

var, let và const trong ES6

Mấy bài viết nói về 3 từ khóa này trong JavaScript thì có nhiều rồi, mình chỉ tổng hợp lại cho ngắn để các bạn lười đọc tham khảo nhanh thôi const const dùng để khai báo một hằng số - là một giá trị không thay đổi được trong suốt quá trình chạy. Ví dụ: const A = 5; A = 10; // Lỗi ...

Tác giả: Bùi Văn Nam viết 20:23 ngày 11/08/2018

[Javascript] Promise - Lời hứa ngọt ngào (P.2)

Mình cũng viết ở: [Javascript] Promise – Lời hứa ngọt ngào (P2) Ở phần trước, mình đã giới thiệu qua Promise là gì và tính chất xử lí bất đồng bộ của nó. Trong phần tiếp theo này, chúng ta sẽ xem xét liệu việc xử lí bất đồng bộ của Promise cung cấp có gì đặc biệt, nó giúp ích ta như thế ...

Tác giả: Hoàng Hải Đăng viết 20:23 ngày 11/08/2018

12 thủ thuật vô cùng hữu ích mà lập trình viên JavaScript cần biết

Trong bài viết này tôi sẽ chia sẻ 12 thủ thuật vô cùng hữu ích cho JavaScript . Những thủ thuật này sẽ giúp bạn giảm lượng code cũng như làm code chạy tối ưu hơn. 1. Chuyển đổi kiểu dữ liệu sang boolean sử dụng toán tử !! Đôi lúc chúng ta cần kiểm tra nếu một vài biến tồn tại hoặc nếu ...

Tác giả: Hoàng Hải Đăng viết 20:23 ngày 11/08/2018

Coi phim từ hdonline.com thế nào

Sau khi đọc bài viết Tôi đã viết phim.clgt.vn như thế nào của bác @quocnguyen thì mình có giới thiệu cho em gái trang phim.clgt.vn . Nó coi được 5 phút thì bảo là cái này lấy nguồn phim từ phimmoi.net à? Sao không lấy từ HDOnline.vn ý ? Cũng đang rảnh nên mở trình duyệt lên và chôm link về ...

Tác giả: Trịnh Tiến Mạnh viết 20:23 ngày 11/08/2018

npm: Tăng tốc gấp 3 lần và cài đặt package offline

Chắc chắn là ai đã từng làm việc với npm thì đều biết một điều rằng npm nó siêu chậm. Vì vậy mình hay hạn chế chạy npm install đến mức tối thiểu và thường không nhận được patch update, ... cũng như nhiều vấn đề khác phát sinh. Trong bài viết này mình sẽ giới thiệu với các bạn một package không ...

Tác giả: Tạ Quốc Bảo viết 20:22 ngày 11/08/2018

Làm quen với MithrilJS - Phần 1

Bài viết gốc được đăng ở Ê-ku, có sửa lại xíu cho phù hợp. Mithril là gì? Mithril là một JavaScript framework gọn nhẹ nhưng rất mạnh mẽ, được dùng để xây dựng các ứng dụng web một trang (Single Page Applications - SPA). Mithril được viết hoàn toàn bằng ES5, hỗ trợ xây dựng giao diện với ...

Tác giả: Hoàng Hải Đăng viết 20:22 ngày 11/08/2018

Tìm hiểu về Javascript Closure

Javascript Closure Closure là một hàm (function), trong hàm đó có sử dụng những biến độc lập (là biến được sử dụng locally trong hàm nhưng lại được khai báo ở ngoài hàm(function)). Các bạn cũng có thể hiểu nôm na: Closure là những hàm có khả năng ghi nhớ môi trường mà chúng được tạo ra. ...

Tác giả: Bùi Văn Nam viết 20:22 ngày 11/08/2018

[Javascript] Promise - Lời hứa ngọt ngào (P.1)

Mình cũng viết ở: [Javascript] Promise – Lời hứa ngọt ngào (P1) Live demo: https://repl.it/FqUc/0 Javascript là một ngôn ngữ rất hữu dụng nhưng lại hết sức kì quặc. Khi bạn làm việc với Javascript, một trong những điều khó khăn nhất mà bạn sẽ phải đối mặt đó là xử lí các lệnh bất đồng bộ ...

Tác giả: Hoàng Hải Đăng viết 20:22 ngày 11/08/2018

Userscript đổi emoticon lúc chat của Facebook thành Yahoo! Messenger

Cái này mình làm cũng vài tháng trước rồi, giờ chia sẻ cho bạn nào có nhu cầu nghiên cứu cho vui Github: yahoo-messenger-emoticons-for-facebook Cách cài đặt Cài đặt Tamperscript cho Chrome/Cốc Cốc hoặc Greasemonkey cho Firefox Vào link này rồi nhấn Install. Refresh các ...

Tác giả: Tạ Quốc Bảo viết 20:21 ngày 11/08/2018

Những vấn đề thường được hỏi khi phỏng vấn về Javascript

Nhu cầu về Javascript developer hiện nay trong thị trường IT là rất lớn. Nếu bạn có kiến thức ở mảng này thì cơ hội nghề nghiệp cũng như thu nhập của bạn cũng sẽ không hề ít. Nhưng trước khi bạn có được công việc mà bạn mong muốn, bạn sẽ phải thể hiện cho nhà tuyển dụng thấy khả năng của mình thông ...

Tác giả: Trịnh Tiến Mạnh viết 20:21 ngày 11/08/2018