各位好，不知道各位是否有聽過Functional Programming - FP，這是近期很火紅的名詞。 我第一次聽到這個名詞是一個前輩說的：「FP實在太神奇...
還記得之前我們介紹過 Cold Observable v.s. Hot Observable 嗎？ Cold Observable 和觀察者 (Observer...
純函數(Pure Function) 定義 根據 Wikipedia 的定義，一個函數稱為純函數需要符合下列兩個條件： 函數對於同樣的參數，永遠產生同樣的結果...
洋蔥
‧
2017-12-23
ngrx/store 之會員篇 今天開始 今天完成 今天的目標：將會員有關的元件及服務從使用者服務轉為向 ngrx/store 做 dispatch 跟 s...
洋蔥
‧
2018-01-12
Angular 網站實例 - 會員報告摘要篇 今天開始 今天完成 先做一個報告的介面 (interface)，用來指定報告的內容 報告介面 第一步： 到模型目錄...
洋蔥
‧
2018-01-08
昨天的文章中我們實際撰寫 JavaScript 用「觀察者模式」完成了一個「影片上架通知」的功能，今天我們就練習看看直接使用 RxJS 來完成一樣的功能，你會發...
今天來介紹 take 系列的各種過濾類型 operators。 take take 代表要從來源 Observable 中觸發 N 次事件的值；當訂閱開始後，如...
Store 架構加入最簡單的 Reducer Reducer 是什麼？ 如果對於 Observable 的 .reduce .scan 不熟的話，建議回頭看一下...
洋蔥
‧
2017-12-27
今天我們來聊聊如何撰寫測試程式來確保寫出來的 RxJS 如我們所想的一般運作，也就是撰寫測試程式碼！撰寫測試程式是軟體開發中非常重要的一環，雖然不是所有程式碼都...
對RxJS的想法 RxJS基本是「有流程處理資料的方法集合」，從包裝到加工最後輸出，對於 Angular 來說是必備的(像 HttpClient 也會用到)，原...
馬達
‧
2018-11-05
今天我們來聊點輕鬆(?)的主題 - 「如何設計出自己的 RxJS Operators」吧！ 為何要自己設計 opereators RxJS 提供了超過 100...
今天分享的過濾類型 operators 都具有依照時間條件讓原來資料流不要太過頻繁發生件的意味，但各自有不同處理邏輯，有些也比較抽象，建議多看看彈珠圖來理解。...
使用 React 作為前端架構的朋友對於 Flux 應該都不陌生，React 也內建了 Flux 讓我們可以直接使用，同時也有許多其他的 library 以這個...
Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...
今天來分享過濾類型的 operators - distinct 系列，這系列的 operators 都是用來避免「重複的事件資料」發生，但各有不同的用處，讓我們...
需求: 表單Submit後需要從後端做 新增or修改,為避免User重複觸發,打算將Submit設計為 Observable,可以搭配Rxjs的exhaustM...
ConsumerX 這篇文章的標題似乎跟前幾天的「菜鳥工程師的初次 Open Source Contribution」 這篇文章有點像欸！不同的是上次是去貢獻...
今天要介紹的是「工具類型」的 Operators，也都不太困難，很好理解，繼續輕鬆學習吧！ tap 在之前文章介紹 functional programming...
of 轉換 個別參數 成為 observable 序列https://rxjs-dev.firebaseapp.com/api/index/function/...
馬達
‧
2018-11-06
前言 所有前端框架都會遇到一個共同的問題，就是資料與狀態如何在組件之間傳遞，根據元件之間不同的組合關係，大致可分類為父子，兄弟與沒有關係，在 Angular 中...
昨天介紹的 take 系列是用來決定要「拿哪些資料」，今天來介紹 skip 系列，越來決定「忽略哪些資料」。 skip skip 可以傳入一個數字，當訂閱開始時...
為什麼使用rxjs RxJS是一組可以用來處理非同步、以及同步事件的一個JavaScript Library 能幫助你快速地使用像是Ajax、Server W...
實作: 根據scroll的位置，在頁面上方顯示一個 progress bar 對應scroll 的位置。 Demo:https://angular-ym-scr...
前情提要 使用了 AsyncPipe 管道來取得所有英雄資料後，我們要在英雄資訊頁面，傳遞參數來取得特定的英雄資料。在先前撰寫的程式碼中，我們知道如何透過 Ac...
＊資料夾結構＊ ― [project name] └ frontend └ web └ mobile(pwa) └ backend 會這樣命名...
你可能還在疑惑昨天的香蕉生產線跟RxJS到底有什麼關係!!?? 別急，先跟著李小龍的建議~ Empty Your Mind 先把開發環境弄舒服些 s...
相信很多人學習Angualr一定對RxJS不陌生，但要輕易的駕馭它，可不是那麼容易。 這年頭還有什麼我學不起來的!? 滿懷雄心壯志的開啟RxJS官網，不看則...
第三天啦! 你還在呢!! 你的毅力讓人佩服，今天我們要來玩玩非同步的模式，將非同步的過程加入觀察，看看迸出什麼火花! 延續著昨天的教學，我們在subs...
昨天介紹的takeWhile(predict)式利用predict函示來定義條件式，一旦符合條件，就不再拿資料了。 今天要介紹的takeUntil跟take...
打電話給銀行客服，等待著轉接時間，卻常常等到～所有的客服人員都在忙線中，請稍後再撥，謝謝! 也就是說，有客服人員閒置，才會接上線，沒有的話，抱歉請稍後...
黃升煌 Mike
TimTim
莫力全 Kyle Mo
ShawnWu
tomasysh
小偉哥
iThome鐵人賽
看影片追技術