搞搞就懂

使用 Next.js 及 Firebase 打造個人基金損益清單管理工具

在 node.js 中不支持 big5 解碼，因此當筆者透過 axios 呼叫 charset 為 big5 的 response 資料時，仍會以 utf8 編碼解析而產生亂碼。

從版控取回代碼後如何重建 platform 及 plugin 環境。

加入 cordova-plugin-qrscanner 插件呼叫 iOS 原生 API 來開啟鏡頭掃描 QR Code。

使用 Vue 與 Cordova 進行 app 開發，並且部署到虛擬器及實體手機進行測試。

使用 Cytoscape.js 實現廠房機台地圖繪製功能

本文實作 IHostedService 介面將 Quartz.Net 排程作業託管於 ASP.NET Core 網站中，並以 SignalR 實現 real-time 排程狀態管理 Dashboard 頁面

於 Windows 中運行 PostgreSQL Container 來提供本機 DB 開發環境

以 axios 實踐前端 refresh token 機制

理解分別以 useRef / useState 建立組件變數時的差異，並感受各自的適用情境。

使用 ReactDOM.createPortal 可將子元素渲染到外部任意 DOM 節點中，避免子元素因父元素的樣式影響無法正常顯現，其中最常受父元素屏蔽影響的例子就是 Modal 彈跳視窗，本文簡單介紹如何實作通用性的 Modal 組件。

透過 React.cloneElement 注入新 props 至組件中的特性，賦予 Wizard 組件中各步驟子組件的操作功能。

於網頁中放置 git commit ID 作為版本參考資訊，提供線上網站版本識別依據。

使用 IIS Container 來部署前端網站，藉此熟悉相關指令語法功能。

體驗使用 FORMIK 搭配 Yup 實作表單驗證的開發模式

排除 npx 執行時產生的 code ENOLOCAL 錯誤

當設定 webpack alias 後在 import module 時可減少不少負擔，但是 VS Code 原生的 IntelliSense 並不直接支援，因此可以透過 Path Autocomplete 插件來達成目的。

以實例理解來父子組件互相溝通方式及 getDerivedStateFromProps 生命週期所扮演的角色。

為代碼品質把關的重點在於檢查與修正，千萬不要奢求大家遵循所謂的規範文件來執行，因為就連自己也會很容易就犯錯了，而最好的方式就是讓開發人員無感，自動地修正一些無關緊要的錯誤，例如排版及分號等問題，真正需要提示的訊息在列出即可，因此可透過 Eslint 來解決這類問題。

透過實例理解 Hook 技術要點，實際體驗 useState 及 useEffect 操作方式及重點所在。