CSS Flexbox 佔滿剩餘高度時 Overflow 捲軸失效問題
 |  | 0 |  | 3,265 |
今天處理到一個網頁需求，排版需求為上方區塊大小固定，剩餘高度擺入超長清單，清單要可垂直捲動。這類情境，自然要優先考慮用佔滿剩餘網頁寬/高度的美妙解法 - CSS Flexbox搞定，做法如下： <!DOCTYPE html> <html> <head> ...
無線基地台散熱實驗
| | | 4 | | 6,001 |
上週分享了 幫手機無線充電器 3D 列印散熱風扇座，實測覺得風量有點偏小，打算換顆強一點的風扇再多降一兩度。(嚴格來說沒必要，但跟「有一種餓，叫阿媽覺得你餓」一樣，有種 3C 裝置過熱叫我覺得太熱，對於某些執念，理性分析是多餘的，我就想改，怎樣？) 已經買好加工過的散熱風扇不能白白浪費，上回在 FB...
解決 Windows 登入私有 Docker Registry 之 mkcert 憑證信任問題
| | | 1 | | 3,170 |
花了兩個小時才排除的問題，不記上一筆說不過去。 上回有介紹過如何在架設私有 Docker Registry 儲放 Docker Image，伺服器用 Docker 跑就可以，但要設定登入帳號密碼一定要走 HTTPS，故需要用 mkcert 建立 TLS 憑證、htpasswd 建立帳號跟密碼。上回在...
小試 OpenAI Whisper 語音轉文字
| | | 20 | | 46,868 |
影片轉逐字稿，之前玩過 Azure Speech-To-Text，這回試試 OpenAI Whisper。 註：若你只想要魚，對撈魚或釣魚沒興趣，可考慮用現成工具 Whisper Desktop，能直接將 MP3 或麥克風輸入轉成文字稿。 OpenAI Whisper 有五種模型大小，大模型精準度較...
YT 筆記 - 如何訓練記憶力？
| | | 0 | | 9,042 |
家裡退掉第四台很久了，這幾年常在 YouTube 看一堆雜七雜八影片，我偏好時事與知識類。想想自己看網頁文章會做筆記，遇到高濃度的知識影片卻不整理重點說不過去，所以，我的 YT 筆記系列來了。 活到老學到老是我的目標，但深恐記憶力衰退成為絆腳石，前陣子滑到李永樂老師這部 - 《最強大腦》是真的嗎？如...
Coding4Fun - 將 SSMS 產生 INSERT/UPDATE Script 轉成程式應用格式
| | | 5 | | 1,722 |
SSMS 有個好用功能，在資料表按右鍵能自動產生 INSERT/UPDATE 用的 SQL 指令範例： 不過呢，轉換結果原本是提供在 SSMS 中修改後執行，有點過度貼心跟囉嗦： INSERT INTO [HumanResources].[Employee] ([Busine...
輕前端首選 - Vue.js 3 讀書筆記
| | | 1 | | 6,716 |
前端？後端？全端？ 小閃光問了個問題：非本科轉職資訊走前端是不是比較容易？身為全端老司機，依多年經驗與觀察給了分析： 前端技術工具常砍掉重練，大家一起被拉回起跑線，老鳥優勢不明顯 前端知識較收斂，打好 HTML、CSS、JavaScript 基礎即能上場 前端設計成果回饋直覺，驗收規格明確，也易靠...
3D 列印散熱風扇座
| | | 3 | | 1,988 |
有過手機因長期充電過熱，不到兩年電池便胖到把殼撐破的悲慘經驗，我在手機無線充電散熱這事兒上有些走火入魔... 總之，我為家裡的無線充電座買了個 12 公分 USB 5V 散熱風扇，轉速不快只有 1500 轉，但夠安靜，作為充電散熱足矣。但有個小缺點，扇身 12 公分過於瘦高，一碰即倒，只怕再多摔幾次...
用 C# 優雅解析 CEF 資安事件訊息 ft. Github Copilot
| | | 0 | | 3,507 |
我在一些系統通知信偶爾會發現類似以下文字內容，多半是事件的詳細資訊，突發奇想打算寫些小服務，偵測到特定類型或特定目標相關事件時觸發額外通知。之前我都把這種內容當成某系統才有的專屬格式，寫個 Regular Expression 抓出關鍵欄位能動就好，沒想過要完整解析。 CEF:0|Trend Mi...
如何控制 Parallel.For/ForEach 使用幾條 Thread？
| | | 0 | | 7,226 |
我有個迷思。Parallel.For 或 Parallel.ForEach 有個 ParallelOptions.MaxDegreeOfParallelism 參數，可用來控制並行運算的工作數量，避免 Thread 數過多效能反而變差(延伸閱讀：從 ThreadPool 翻船談起)，我的理解是如果我...
Coding4Fun - 從比對原始資料改為比對 SHA256 會慢多少？
| | | 0 | | 3,682 |
開會討論到一個系統需求，要從大量資料標註出特定類別，例如：呼叫端提交一百萬筆帳號，系統由資料庫查詢屬於該類別的帳號清單(假設有五萬筆)，API 服務要在標記出這五萬筆並傳回結果。 由於帳號具敏感性，為進一步降低資訊外洩風險，既然只要比對相符，我提議傳入帳號雜湊值取代帳號本身，感覺一定比傳明碼安全。不...
ASP.NET MVC 防止 AJAX POST CSRF 攻擊
| | | 8 | | 5,612 |
這篇談談 ASP.NET MVC + AJAX POST 程式如何防止 CSRF 攻擊。延伸閱讀：讓我們來談談 CSRF by huli 我寫了一個簡單的活動報名模擬頁面，Index.cshtml 如下： @{ Layout = null; } <!DOCTYPE html> ...
HTML Script 載入小技巧：defer 與 async
| | | 1 | | 5,888 |
這篇適合技能停在 jQuery 及 WebForm + AJAX 時代的老人。 依我從小學到的傳統概念，要存取 DOM 元素必須把程式寫進 $(function() ) 或 window.onload 事件（二者差別在於前者發生在載入 DOM 後，後者需等圖檔等資源載入完成)以確保程式執行時 DOM...
直行橫列？直列橫行？
| | | 6 | | 72,760 |
最近陷入對列跟行定義的迷惑中，花了點時間重新認識列、行、欄，整理備忘。 我對列跟行的定義主要來自 Excel，列 Row 是橫的，行 Column 是直的。資料表也有類似對映，查詢結果的一筆筆資料叫 Row，每筆有多個 Column，則翻譯成欄，若以表格格式呈現，也是 Row 是橫的，Column ...
提醒 VSCode Live Server 使用風險 - 當心專案內容裸奔
| | | 3 | | 6,977 |
VSCode Live Server 是超棒的靜態網頁開發輔助套件，能即時檢視 HTML、CSS、JavaScript 修改結果，方便度破錶。 但應該有不少跟我一樣，以為 Live Server 只能由 127.0.0.1 本機存取(例如)，而設定檔有個 useLocalIp，設為 true 時瀏覽...
滄海桑田一甲子，熱門程式語言演變史
| | | 10 | | 9,769 |
看到同事分享的有趣影片： Most Popular Programming Languages 1965 - 2022 影片作者是個專注資料視覺化的博士班研究生，統計了自 1965 年至 2022 年最受歡迎程式語言的演進，時間軸橫跨 58 年，就當一甲子吧。統計資料來自多個國家的調查結果，再加上全...