Author: truongluu
Chia Sẻ Dữ Liệu Giữa Các Component Trong Angular
Bài viết này, mình sẽ tổng hợp có những cách nào để chia sẻ dữ liệu giữa các Component trong Angular, Hiện tại có những cách sau đây: Sử dụng @Input và @Output giữa thành phần cha và…
Read More »Bashscript Tự Động Deploy Ứng Dụng Web Từ Máy Cục Bộ
Thông tin cần để deploy 1 ứng dụng web lên server Thông tin ssh vào máy chủ Để deploy 1 ứng dụng web (ReactJS, Angular…), thông thường gồm các bước sau đây: Build ứng dụng (thường yarn build,…
Read More »RxJS Toàn Tập (P3 Combination Operator RxJS – forkJoin)
Combination Operator RxJS: forkJoin Ở phần này, chúng ta sẽ tìm hiểu về các toán tử kết hợp trong RxJS bao gồm: forkJoin, combineAll, combineLatest, concat, concatAll, merge, mergeAll, race, zip.Các toán tử này được sử dụng khi nào. forkJoin Khi tất cả các observable hoàn thành, phát ra…
Read More »Phân Biệt Throttle Và Debounce
Chắc hẳn ai cũng gặp qua khái niệm này trong Functional Reactive Programming hoặc trong ứng dụng Javascript của mình. Có rất nhiều bài viết nói về sự khác biệt giữa 2 khái niệm này, nhưng có 1…
Read More »Watcher Effect Trong DvaJS
Trong DvaJS có 1 tính năng khá hay mà chắc ai cũng dùng tới hoặc sẽ có lúc cần sử dụng đó là theo dõi, được chia làm 2 loại. Theo dõi thay đổi từ đường dẫn của…
Read More »Hướng Dẫn Nginx #1: Các Khái Niệm Cơ Bản
Bài hướng dẫn này gồm có 3 phần: Các khái niệm cơ bản: Tìm hiểu sự khác nhau của directive và context, mô hình kế thừa và cách mà nginx chọn các khối và vị trí máy chủ….
Read More »Mixin Để Chuyển Từ Đơn Vị px Qua em Trong Less
Mixin để chuyển từ đơn vị px qua em trong Less, ta viết như sau .px2em(@selector, @target, @context = 16px) { @{selector}: (@target / @context) + 0em; } Ứng với: @selector: là thuộc tính cần áp dụng, ví…
Read More »Flexbox Boilerplate Phiên Bản Less
Chia sẻ Flexbox Boilerplate phiên bản Less // ————————————————– // Flexbox LESS mixins // The spec: http://www.w3.org/TR/css3-flexbox // ————————————————– // Flexbox display // flex or inline-flex .flex-display(@display: flex) { display: ~”-webkit-@{display}”; display: ~”-ms-@{display}box”; // IE10 uses -ms-flexbox display:…
Read More »Cách Tính Chiều Rộng Của Flex Item
Giả sử có 1 ví dụ sau: 1 flex container có chiều rộng 900px, và các thông số flex-item như hình dưới Để tính chiều rộng của các flex-item, gồm các bước sau đây: Tìm khoảng trống còn…
Read More »Exec Mode Cluster Trong PM2 Khi Sử Dụng Express, Socket IO
Hiện tại khi các bạn sài PM2 để chạy các ứng dụng NodeJS của bạn, PM2 cho phép bạn tạo ra cái ứng dụng cho phép cân bằng tải bằng cách tạo ra nhiều cluster theo số lượng…
Read More »Điểm Khác Biệt Giữa Mixins, Extends Và Placeholders Trong SASS
Điểm khác biệt giữa Mixins, Extends và Placeholders, chỉ gói gọn trong cách hiện thị mã css lúc được render ra. Bạn xem các ví dụ ở bên dưới Mixins: (@minxin) – Khai báo: @mixin mixin_name – Sử…
Read More »Redis Là Gì ? Cài Đặt Sử Dụng Như Thế Nào
1. Redis là gì: Redis hay còn gọi là bộ lưu trữ khóa – giá trị và được lưu trữ trên RAM. Thường được xem như hệ cơ sở dữ liệu noSQL. 2. Cài đặt: Có nhiều cách để…
Read More »Bắt Lỗi Trong Redux-Saga
Khi sử dụng redux-saga thì cơ chế bắt lỗi của nó thông qua khối try catch ở hàm cha và được chia làm 3 loại: Khi hàm cha có gọi nhiều effect hoặc hàm con block (call effect)…
Read More »Phân Biệt Fork Và Spawn Trong Redux-Saga
Trong redux-saga, bạn có thể thực hiện các nhiệm vụ (task) nền non-block, bằng 2 hiệu ứng (effect), là Fork và Spawn. Vậy làm sao để phân biệt Fork và Spawn trong redux-saga Fork được sử dụng để…
Read More »Child Process Trong Nodejs Là Gì? Khi Nào Thì Cần Sử Dụng
Trong quá trình làm việc với nodeJS, bạn sẽ gặp 1 vấn đề khi gọi tới một hàm xử lý tính toán tốn nhiều thời gian. Ví dụ: gọi một API cho phép bạn lấy về danh sách…
Read More »