Jason Blog

NodeJS生態倚賴許多NPM中的套件庫，可以用來協助架設各種Web服務，以下是架設過程的紀錄。

專案位置

NodeJS生態倚賴許多NPM中的套件庫，可以用來協助架設各種Web服務，以下是架設過程的紀錄。

專案位置

使用背景:
UI設計規範通常包含字體、字級、主配色與客製組件的樣式(style)。

在專案中，也經常會引入已經完善的樣式庫來妥善管理全站的樣式，像是tailwindCSS。同時，也會在使用前端框架的情況下，導入其他UI庫，像是vue3的Element plus，且這些UI組件通常也有自己需要倚賴的樣式庫。

使用vue3來製作卡片組件吧!

在docker hub建立自己的儲存空間(registry)。練習上傳(push)在本地出的映像檔(image)到自己的儲存空間下的儲存庫(repository)。

把渲染在web畫面上指定的Dom，轉成一張圖片後下載。在實作上需要使用Html5 Canvas物件(理解成畫布)來繪製指定的Dom，再把Canvas物件轉換成Blob，再轉換成可供瀏覽器觸發下載的ObjectURL格式，並執行觸發下載動作。

重新回顧websocket的概念和去年使用socketIO實作的簡易聊天室。也發現還不錯的youtube技術頻道~!

去年在工作上有些轉換和挑戰，所幸我平安度過也逐漸把目標達成
試著用一張心智圖來檢視，我想可以幫助我想想今年的規劃!XD

這次主要想測試以Vue為基底的UI庫”Quasar”，搭配Google Firebase9平台的API，來實現記帳的應用。Quasar的Tab、Dialog、Form、和Dialog在使用上和ElementUI的風格有不少差異，Quasar在可控的參數上有更多選項，在熟悉的情況下開發是很便利的。另外，這個專案是使用Quasar提供的CLI工具，而不是使用vue-cli或vite，在官方文檔中雖然是有提供這些工具的配置方式，但官方推薦是自家的工具。

github:https://github.com/lian0103/quasar-accountApp

從easy題開始，陸續更新。
https://leetcode.com/k1319900103/