呼叫後端 API 當遇到回傳資料欄位是日期時,我們所拿到的都是文字格式的日期資料,這時候就必須多做一次轉換才能變成日期型別,因為 TypeScript 並不會因為將 Model Class 欄位標示為日期格式,就會自動轉換,並不會好嗎,這樣太為難 TypeScript 了。

所以看起來最省事的解法是在 http request 時就解結掉,這樣就不需要到處寫日期轉換

閱讀全文 »

昨天在重構手上一個案子的程式碼,其中有一個功能是在讀取資料時,要顯示 loading 的圖示,這算是一個很常見的需求,但要怎麼寫才能寫得漂亮,這是我目前得到的答案

閱讀全文 »

部署網站到 Azure App Service 的方式有很多種,而為了讓部署的動作能連貫且步驟是最少的,就必須整合到 DevOps 之類的服務。App service 針對部署也有提供幾個不錯的功能,這一篇文章會先從 Deployment Center (部署中心) 開始

閱讀全文 »

ASP.NET Core MVC 有提供一個 nodeservice 的服務,這一個服務可以將 .NET Core 與 JavaScript 的程式碼整個傳接起來,怎麼使用,下面再來介紹

另外一個要使用的套件叫做 Puppeteer,這一個套件是 Google 出的,可以讓我們創造出 headless 的瀏覽器環境,功能之強大,需要另外寫文章介紹,這邊只是做個配角

閱讀全文 »

AngularFire 讓我們在處理 firebase 相關功能時,變得十分簡單,可以說是無痛結合。周末有朋友提出一個問題,當我們利用 Firebase 當作系統的登入驗證功能時,由於 Firebase本身有提供多種登入驗證的方式,我們該如何讓使用者可以用不同的登入方式登入,但我們仍將其視為同一使用者呢?

閱讀全文 »

RxJS 內除了 Observable 之外,還有另外一種物件型別,稱做 Notification,什麼是 Notification 而他可以做到那些事情,就讓這篇文章來探討一下

閱讀全文 »

Angular CLI 8 提供建立 web worker 的指令,這一個指令能幫助我們建立相關的檔案及修正相關要調整的設定,剩下的就是功能實作及在何處使用 web worker 了。

Web worker 是什麼? 我們都知道 JavaScript 基本上是一個單執行緒的語言,web worker 可以讓我們多開一條執行緒,這樣子的好處就是可以將高計算的工作放到 worker 內運算,善用現代電腦的強大硬體。

閱讀全文 »