Home » Frontend
Giới thiệu về UmiJS P2 (Cấu trúc thư mục, cấu hình thường dùng)
Bài viết này mình sẽ đi qua về cấu trúc thư mục và một vài cấu hình hay dùng khi làm việc với umiJS và một số tính năng, để tìm hiểu nhiều hơn các bạn có thể…
Read More »Giới thiệu về UmiJS P1 (Tổng quan về umiJS)
Một khi các bạn đã quen với cách làm việc của ReactJS thì bước tiếp theo là tự mình build một cấu trúc chuẩn để làm việc, hoặc chọn 1 framework ReactJS để làm việc.Trước khi mình biết…
Read More »RxJS Toàn Tập (P4 Transformation Operator RxJS – map, mergeMap, switchMap, concatMap)
Ở bài viết này mình sẽ hướng dẫn các bạn phân biệt cách sử dụng, khi nào thì cần sử dụng theo cách đơn giản nhất, không quá hàn lâm này nọ 🙂 map Cái này đơn giản…
Read More »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 »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 »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 »Đ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 »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 »RxJS Toàn Tập (P2 Hướng Dẫn Cài Đặt RxJS)
Hướng Dẫn Cài Đặt RxJS Dưới đây là các cách khác nhau bạn có thể cài đặt RxJS: ES6 via npm hoặc yarn npm install rxjs Để nhập toàn bộ chức năng cốt lõi import Rx from ‘rxjs/Rx’;…
Read More »RxJS Toàn Tập (P1 Giới thiệu RxJS là gì)
Giới thiệu RxJS là gì ? RxJS là một thư viện cho chương trình soạn bất đồng bộ và dựa trên sự kiện sử dụng trình tự có thể quan sát (observable). Nó cung cấp 1 kiểu lõi…
Read More »