JavaScript 小把戲 - 讓 JSON.stringify 日期時保留時區資訊
JavaScript 在 JSON.stringify() 時會將 Date 型別轉成 ISO 8601 格式，而時區則一律轉成 UTC 時間 參考，故在網頁 new Date() 取得台北時間轉成 JSON 時會減 8 小時變成 YYYY-MM-DDTHH:mm:ss.sssZ 格式。 然而 IS... Read More
View Article前端小技巧 - 洗巴辣 CSS 骰子動畫/自訂網頁元素/async、await 應用
故事是這樣的，在網路上查到一個很酷的 CSS 3D 旋轉方塊教學： 看到後禁不住手癢，馬上照著刻了一套洗巴辣擲骰子動畫： 嚴格來說，我的 HTML 5 CSS 跟 JavaScript 技能等級只到中上，過去要挑戰這種題目屬越級打怪，少不了爬文地獄加撞牆撞到飽。現在有了 Github Copli... Read More
View Article復古精簡版 HTML5 動畫進度條 (CSS 圖層混色特效 + 香草自訂元素)
前幾天用 CSS + 自訂網頁元素刻了香草 3D 骰子，好久沒寫前端寫出興趣來，最近有另一個需求是想做上傳進度條。類似的東西十年前做過，當時是用 Knockout.js MVVM。 盤點十年下來我用的前端框架從 Knockout.js 換 Angular.js 再轉到 Vue.js，經歷過兩次砍掉重... Read More
View Article【閒聊】若程式碼已做到 Self-Documenting，還需要寫文件嗎？
昨天讀了 David 老師的文章：敏捷開發中文件撰寫的必要性?，其中提到，敏捷開發主張「可用的軟體重於詳盡的文件」，User Story 的相關需求文件屬用完可拋，若程式碼己落實 Self-Documenting，那還需要寫文件嗎？ 開發系統需要留下哪些文件，該詳細什麼程度，我心中也沒個準。但說程式... Read More
View ArticleJavaScript 拖拉檔案上傳(香草版)
自從 IE「榮退」(雖然我也曾是「IE 必須死」派，念在當全端攻城獅靠他吃了十幾年飯不能忘本，該有的尊敬還是要給)、Edge 也投靠 Chromium 幫，瀏覽器再次進入大一統時代，寫企業應用前端介面頓時簡單許多，不必再為跨瀏覽器傷透腦筋。 而隨著 HTML5 / CSS / 瀏覽器 API 規格日... Read More
View Article【茶包射手筆記】ASP.NET 3.5 專案無法編譯：aspnet_merge Error 1027
同事報案：某古蹟 ASP.NET 3.5 Web Site Project 無法編譯噴出錯誤：aspnet_merge : error 1027: 這個網站是由舊版 ASP.NET 編譯而得的。請使用對應的舊版 aspnet_merge 來加以合併。 說法是上次用還是好的，沒做什麼今天就忽然不能用了... Read More
View ArticlePowerShell 小工具 - 簡易檔案編碼識別
我有個小需求是要檢查專案程式檔是否混雜 Unicode、BIG5 等非 UTF-8 編碼，類似任務過去用 C# 寫過，例如：BIG5 GB2312繁簡編碼快篩、潛盾機－解決VS2015程式檔BIG5相容問題，為了方便在工作上應用，我想寫個 PowerShell 版，以上是本次的企劃。 由於只需識別 ... Read More
View Article【茶包射手日記】JPG 照片上傳到網站後變亮且鮮豔到失真？
使用者反映：有張電腦上看起來色彩正常的 JPG 檔，上傳到網站後，照片偏亮且鮮豔到浮誇，詢問程式是否在上傳過程修圖？ 聽完心想，我寫的檔案上傳向來都是Garbage In Garbage Out原封不動搬資料，何德何能還會修圖(連該用什麼演算法我都沒概念)，莫非 ChatGPT 已開始要接管地球了？... Read More
View Article體驗美妙的輕前端 MVVM - Vue.js 入門教學資源
有讀者提到：常聽人說「寫過 MVVM 網頁就回不去了」，想試試卻不知如何入門。 看來，不少全端同學仍依賴 JavaScript / jQuery 掛事件串元素的傳統做法寫網頁，沒體驗過 MVVM 的美麗新世界。但當今前端框架(VAR, Vue.js、Angular、React.js)主流做法多需安裝... Read More
View Article【茶包射手筆記】Windows 11 找不到 Notepad (記事本)
使用者反映，新裝的 Windows 11 找不到 Notepad (記事本)？ Windows 10 之後，數十年如一日的 Notepad 終於有了些長進，新版本加入了多頁籤、語系編碼顯示... 等。 不過編碼支援還是弱，Unicode、UTF-8 沒啥問題，ANSI 編碼只能選一種，在繁中 Wi... Read More
View Article【茶包射手筆記】Chrome/Edge 中文輸入時 JavaScript keydown 事件失效
使用者反應，上線超過十年的 jQuery 自動完成套件最近常失靈，使用者輸入字元時沒反應，但時好時壞，有時是好的，有時會壞掉。 無法 100% 重現的茶包最麻煩了，連我們在測試台嘗試重現問題，也是有時可以有時不行，理不出頭緒。費了番手腳，終於找出容易重現問題的關鍵(但也非 100% 可重現) - 啟... Read More
View ArticleHTML 知識更新包 - keydown/keyup 事件勿再用 keyCode 取值
身為十幾年前開始學 JavaScript 的老人，腦中總有些過時的觀念與知識，就像聊天時偶爾會脫口說出小叮噹、神奇寶貝般不合時宜，當場曝露年紀。 昨天談到 Chromium keydown Bug，讀者 Chester Fung 提醒，keydown/keyup 事件中已不該再用 keyCode 取... Read More
View ArticleYT 筆記 - Rust 程式語言在 JavaScript 生態圈的角色
這陣子查資料時發現有愈來愈多專案是用 Rust 語言開發，想起去年有則新聞：微軟要讓開發者以 Rust 編寫 Windows 驅動程式，讓我開始觀注 Rust 這個新掘起的程式語言。 Rust 的核心精神格外講求安全性、速度及併行性，尤其在記憶體安全性的強化，可根本解決 C/C++ 揮之不去的緩衝區... Read More
View ArticlePS 小工具 - 檢查哪些群組或帳號可以本機登入
要查詢有哪些帳號或群組可以登入 Windows 本機操作，最簡單的做法是使用「本機安全性原則」查詢「使用者權限指派/允許本機登入」，而所謂「允許本機登入」對映的是名為 SeInteractiveLogonRight 的 Windows 使用者權限。延伸閱讀：使用 PowerShell 設定使用者權限... Read More
View Article走出 Wintel 舒適圈，初試 Arm64 Windows
上個月的 Build 2024 開發者大會，除了滿滿的 AI 與 Copilot，另一大焦點莫過於見證 Arm 處理器在首波 AI PC 新機潮站上浪尖。 聯想、惠普、戴爾、華碩、宏碁及三星等一線 PC 品牌，預計 6 月開始出貨支援微軟 Copilot+ PC 標準的 AI PC，用的不是 Int... Read More
View Article【茶包射手日記】ESP CH340 驅動程式錯誤
很久沒做 ESP 電子玩具了，想用便宜的 ESP8266 D1 Mini 做個簡單計時顯示，方便弄光固化膠時計算紫外光 LED 的照射時間。 不意外地，茶包總是挑你想做正事時來攪局，一年多沒用，上傳程式功能它壞了。(想起經典橋段：原本只是要換個燈泡，最後變成修車... ) 換燈泡變修車 上傳程式到 ... Read More
View ArticlePowerShell 小工具 - 偵測新增檔案自動分類
手邊有個需求，要對放進某個資料夾進行特別處理。為了方便展示及說明，我們假想一個簡單的檔案分類功能，會自動將放進資料夾中的圖檔搬去 image 資料夾，.txt/.html/.xml 搬去 text 資料夾。 這類需求，無腦做法是設個排程定期輪詢(Polling)，掃瞄該目錄是否出現新檔案，若有就依附... Read More
View Article小試 YARP - 架設 Reverse Proxy 魔改網站內容
黑暗女王最近有個困擾，某線上小說網站貌似啟用了新的蓋版廣告。當免費仔幫忙看廣告贊助天經地義，但程式沒寫好，用平板看會被蓋版廣告蓋到無邊無際，找不到關閉鈕關不掉。這下可好，廣告都看了不給內容是怎樣？女王震怒大事不妙，只得快使出資訊專長以安太座。 由於平板沒法安裝瀏覽器外掛、也沒法用 TamperMon... Read More
View Article我的跑步新裝備 - Fenix 7 Pro
大家都知道，我惜物愛修東西又摳門節儉成性，以我的標準，設備堪用或損壞但尚可修復就換新，是一種犯罪行為。 現役的運動錶 Fenix 3購於 2015 年，原本預期 3C 產品壽命有限，沒想到它竟神奇地陪了我快九年，跑過兩萬公里。幾年前停修前多因高度計故障，送廠維修花了一千多元換新錶身，現在除了錶面滿是... Read More
View Article自然語言處理 NLP 幼幼班入門課程筆記
要深入應用 LLM 免不了會涉及自然語言處理(Natural Language Processing)觀念與知識，像是 RAG 前置處理就有可能用到分詞、向量索引比對會用到 TF-IDF、BM25 等演算法。寫程式做出東西很有趣，學理論相對枯燥。 在圖書館找到一本給高中生看的 NLP 介紹，淺顯易懂... Read More
View Article