前端開發常常會碰到資料不足的問題,有可能是後端還沒開發好,或是測試資料沒辦法涵蓋所有的業務邏輯,甚至上到生產環境後,也可能需要配合使用者的操作情境與權限去復現各種狀況。
在本地開發時,我們可以使用 MSW 這類的工具自己客製 API 的回覆,但是只要上到遠端環境上,這類工具的靈活性就會大大降低。
以前的我在這種資料不適配的情況下,通常就只能退回本地環境後回去修改 MSW 的資料內容了。
這整個繁複的除錯流程,對於我來說已經變成一種日常,接近肌肉記憶的程度,雖然痛苦,但下意識認為沒有更好的辦法,直到我有天閒來無事去玩了一下最熟悉的陌生人 Chrome DevTools ,就在每天使用的 Networks Tab 中找到了 Overrides 功能。
使用 VuePress 建立個人 blog
VuePress 預設是作為技術文件的靜態網頁生成器,但有許多的 theme 可以將它轉為 blog 使用,本文介紹如何使用 VuePress 作為個人 blog 使用,以及分享自己使用時的配置方式。
使用 Lua 取得目錄中的檔案
前陣子在對 Neovim 做配置時,有個需求是想要動態地讀取目錄中的檔案,並且使用 require 引用其內容做相關的設定,本文記錄如何使用 Lua 實踐此功能。
使用 dircolors 設定 LS_COLORS
LS_COLORS 可以設定 ls 執行結果的各種檔案類型的顏色與樣式,但是對於各式不同的檔案類型,要在一個環境變數上以一個字串下去設定是十分難以維護的,因此 GNU 的 Coreutils 提供了 dircolors 指令來幫忙管理與設定 LS_COLORS 。
設定 ls 指令輸出的顏色
我們知道使用 ls 指令可以列出目錄下的各式檔案及目錄,但是所有類型的檔案都會以相同的顏色輸出,難以在第一時間就了解檔案的種類,我們還得加上 -l 參數列出詳細的資訊才能知道,這時如果可以依照顏色輸出不同類型的檔案的話,會使檔案列表更加地一目瞭然。
在 Shell 中將指令結果依照特定欄位排序
在執行指令後,有時我們會想要以特定的方式排序指令所輸出的結果,這時可以使用 sort 來做排序,本文記錄如何使用 sort 將特定字元作為分隔符,並對分隔後的特定欄位做排序。
在C#中取得執行時間
為了找出系統中的效能問題,各個函數的執行時間是一個參考的依據,本文紀錄如何在 C# 中知道區段的執行時間。
使用 Adobe XD 建立 Icon
現在網路上可以找到許多免費 Icon ,對於大部分的網頁開發已經很足夠了,但真的需要自己設計 Icon 時該怎麼辦呢?這篇來分享一下一個工程師要如何用 Adobe XD (免費)建立一個屬於自己的 Icon 。
在 PR 時使用 WIP 避免 Merge
你有沒有遇過一個情況是雖然送了 PR ,但卻不想要 Merge ,這在實務上很有可能發生,本文說明如何在 GitHub 上使用 WIP 避免 Merge 的動作。