Memories of technique and life

TECHNICAL

Cơ chế browser load HTML và JS

Bài này mình xin giới thiệu sơ qua về cách trình duyệt tải nội dung HTML và CSS như thế nào. 1. Thứ tự thực hiện khi trình duyệt tải nội dung HTML và JS. Lấy nội dung trang HTML (ví dụ index.html) Bắt đầu dịch (parse) trang HTML cho trình duyệt. Nếu bộ dịch của trình duyệt gặp phải thẻ <script> mà tham chiếu tới file script ngoài. Trình duyệt sẽ gửi request để lấy nội dung file script đó, trong quá trình gửi request này, trình duyệt sẽ tạm ngừn...

88 months ago

TECHNICAL

Cài đặt phpspec vào laravel

1. Giới thiệu. Phpspec là một thư viện hỗ trợ test theo design pattern emergent cho PHP: http://www.phpspec.net/en/stable/ 2. Mục tiêu. Giả sử cấu trúc thư mục của project như sau: /myproject /app /Http /Controllers TestController.php /Models Test.php /Services TestService.php /public /resources /spec /Http /Controllers TestControllerSpec.php /Models ...

71 months ago

TECHNICAL

Gọi hàm trong javascript

Trong JS, dấu () để gọi thực thi hàm. 1. Function Expression Function expression là function được khởi tạo bằng phép gán =; function có thể có tên hoặc không có tên. VD: var f = function() { console.log(5); } // hoặc var f = function test(){ console.log(5); } Function expression không được hoisting(khác với function declaration giải thích phía dưới) console...

73 months ago

TECHNICAL

Bạn đã thực sự hiểu mutable và immutable?

Mở đầu Bạn đã từng đọc hay nghe đâu đó nói rằng: mutable là giá trị có thể thay đổi được còn immutable là giá trị không thể thay đổi được. Nhưng bạn đã thực sự hiểu đúng nó chưa? >> test = 3 # => 3 >> test # => 3 >> test = 2 * test # => 6 >> test # => 6 Bạn nghĩ đoạn code trên(trong ruby) chứng tỏ biến test có phải là ...

72 months ago

TECHNICAL

Giải thích cụ thể về this trong javascript

1. Mở đầu Trước khi học hiểu về this bạn nên học trước về scope và closure Trong js, từ khóa this là thứ rất hay nhưng cũng là thứ gây ra bao rắc rối cho nhiều người, nhất là đối với những người đi từ ngôn ngữ lập trình khác sang js. Lý do lớn nhất khiến this gây hiểu nhầm cho bao nhiêu người chính là v&igr...

73 months ago

TECHNICAL

Download private file trên S3 về browser trong rails

Nếu file trên S3 được public thì chỉ cần trả về url của file cho user, khi user click vào url đó trên browser thì họ sẽ download được. Còn nếu file trên S3 là private và ta muốn download file thông qua API thì làm như sau: Download S3 file rồi lưu về file tạm(temporary file) trên server. Gửi nội dung file tạm về cho người dùng Xóa file tạm trên server(có thể xóa hoặc không nhưng nên xóa đi) Khi không cần xóa file tạm thì bạn chỉ cần làm như sau (ở đây mình d&ug...

73 months ago

TECHNICAL

Có nên gọi ActiveRecord::Rollback với rescue trong transaction rails?

Khi sử dụng transaction trong RoR, có lúc ta không cần phải gọi câu lệnh ActiveRecord::Rollback , cũng có lúc ta phải gọi nó. Xét ví dụ: self.transaction do first_operation begin second_operation call_other_function rescue Exception => e #deal with the error raise ActiveRecord::Rollback #force a rollback end end Nếu bỏ raise ActiveRecord::Rollback : Mọi thay đổi tới DB xảy ra ở second_operation và call_other_function đều được r...

73 months ago

TECHNICAL

eval trong javascript

Ta nên tránh dùng eval vì một số lý do sau: Dễ bị tấn công injection. Không debug được code trong eval. Hiệu năng khi chạy code trong eval. Có 2 cách gọi eval là gọi trực tiếp(Direct call) và gọi gián tiếp(Indirect call) Direct call là gọi trực tiếp bằng cách gọi eval(...your code...) Indirect call là gọi gián tiếp thông qua một biến trung gian(xem VD phía dưới) Xét ví dụ sau: ...

73 months ago

TECHNICAL

Tự động deploy khi push git sử dụng circleCI và deploy server

Khi quá trình deploy trở lên phức tạp và mất thời gian để làm nhiều thứ, lúc đó các bạn nên nghĩ đến giải pháp tự động deploy. Bằng cách này, bạn không phải quan tâm tới việc deploy mỗi lần nữa mà mọi thay đổi sẽ được tự động deploy lên server cho bạn mỗi khi bạn thay đổi code của mình. Ví dụ khi hệ thống của bạn sử dụng các dịch vụ của AWS như EC2, ECS, Cloudfront, S3,... thì sẽ rất mất nhiều thời gian để bạn deploy thủ công bằng tay. Tự động deploy giúp bạn không còn phải quan tâm g&i...

75 months ago

TECHNICAL

Phân biệt biến có tiền tố @ và @@ trong ruby rails

1. Điều đầu tiên bạn cần biết. - Mọi thứ trong ruby đều là object: Kể cả việc khai báo class thì class vừa được khai báo cũng là một object. class Something end Khi khai báo class như trên nghĩa là bạn đã khai báo một object Something của lớp Class: Something = Class.new - Khái niệm Class variable là biến của lớp (chính xác thì ruby không có khái niệm ...

84 months ago