https://magiclen.org/category/software-design/feed多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。zh-TWSat, 11 Apr 2026 10:06:12 +0000hourly81970-01-01T00:00+00:00https://magiclen.org/adblock-checker 反反廣告應該是大部份有在經營網站的人都想做的事情，筆者也不例外。以前用過一些偵測AdBlock等軟體的套件都因年久失修而失效，因此決定來自己做一個。「AdBlock Checker」是筆者開發的套件，可以偵測網頁瀏覽器是否有擋廣告。]]>JavaScriptJavaScriptTypeScriptadblock-checkerhttps://magiclen.org/adblock-checkerSat, 23 Dec 2023 19:00:00 +0800Magic Lenhttps://magiclen.org/input-time-helper 在預設的情況下，基於日期和時間的HTML input元素值是以UTC時區為基準，這很容易造成混淆而誤用。]]>JavaScriptHTMLJavaScriptTypeScriptinput-time-helperhttps://magiclen.org/input-time-helperSat, 23 Dec 2023 18:00:00 +0800Magic Lenhttps://magiclen.org/fit-html-text 早在2017年筆者在開發前端網頁的時候就遇到兩個問題：如果要做一個網頁，這網頁滿版顯示，在任意螢幕尺寸下都要長的差不多，文字的大小要怎麼處理呢？還有就是在文字高度僅允許一行文字的空間下，要怎麼保證使用者輸入的文字不會因為太多而使得顯示出來的時候換行，或是換太多行了，而導致畫面跑版？]]>JavaScriptHTMLJavaScriptTypeScriptfit-html-texthttps://magiclen.org/fit-html-textSat, 23 Dec 2023 17:00:00 +0800Magic Lenhttps://magiclen.org/tw-nhi-icc 中華民國的健保IC卡必須使用相容於PC/SC介面的IC讀卡機來讀取。PC/SC的規範是由微軟與其它IC卡廠商共同訂定出來的，統一了IC卡的介面。因此如果要讀取IC卡，要在環境安裝好讀卡機的驅動程式，並且使用PC/SC的函式庫提供的功能來讀取。不過要使用PC/SC函式庫，並不是每個執行環境都能夠做到，像是網頁瀏覽器現階段應該還做不到，要等Web Smart Card API出來才行，但還是有其它方式...]]>作品分享JavaScriptJavaScriptLinuxWindowsRustmacOSTypeScripttw-nhi-icchttps://magiclen.org/tw-nhi-iccSat, 23 Dec 2023 16:00:00 +0800Magic Lenhttps://magiclen.org/date-differencer 有時候我們會需要寫程式去計算兩個時間點的差距，以求得年齡、經過了多少的時間，或是否還在某個期限之內等等的資訊。日(day)與時、分、秒的差距很好算，因為它們是固定的時間(不考慮閏秒)。但年、月就不一樣了，一個月可能有28至31天，一年可能有365或366天，我們無法直接將兩個時間點(的時間戳記)相減之後去除上一個固定的單位(例如拿相差的秒數去除以2592000秒)來算出隔了多少年、月，硬是要這麼算...]]>研究分享Rust演算法JavaScriptJavaScriptRustTypeScript爛Codedate-differencerhttps://magiclen.org/date-differencerTue, 24 Jan 2023 12:00:00 +0800Magic Lenhttps://magiclen.org/year-helper 我們在小學階段都會學到平年(common year)和閏年(leap year)的判斷方式，以及這兩種年份是差在前者的二月有28天，後者則是有29天。所以平年整年一共有365天；閏年整年一共有366年。這是身為一個地球人的基本常識，但在小學的時候，老師可能只會告訴我們把西元年份的數字除以4，如果可以整除，那麼這年就是閏年，否則是平年。老師說的也不能說是錯的，只是不太完整，實際上，閏年的正確判斷方式...]]>JavaRustGoJavaScriptJavaScriptRustTypeScriptyear-helperhttps://magiclen.org/year-helperTue, 3 Jan 2023 12:00:00 +0800Magic Lenhttps://magiclen.org/javascript-sleep 雖然在撰寫程式的時候，在大部份的情況下我們都想要讓程式執行速度愈快愈好。但有時候在寫測試程式或是爬蟲時，我們會希望讓程式等待一段時間再繼續執行，以模擬I/O延遲或是真人操作延遲的效果。不過JavaScript並沒有直接提供讓執行緒睡眠(sleep)的功能，要怎麼模擬出sleep函數呢？]]>研究分享JavaScriptJavaScriptnode.jsTypeScript爛Codehttps://magiclen.org/javascript-sleepTue, 27 Dec 2022 12:00:00 +0800Magic Lenhttps://magiclen.org/javascript-white-space JavaScript可以使用正規表示式的「\s」來匹配空白字元，但究竟有哪些字元會被當作空白字元呢？在JavaScript中，全形空白「　」也算是空白字元嗎？這篇文章將會給各位解答。]]>研究分享JavaScriptJavaScript爛Codehttps://magiclen.org/javascript-white-spaceThu, 15 Dec 2022 12:00:00 +0800Magic Lenhttps://magiclen.org/java-count-characters 在Java和JavaScript中，我們經常會使用字串(String)提供的「length」成員(member)來抓取這個字串的字數。由於Java和JavaScript並不像Rust或是Golang程式語言這樣會直接抓到字串在經過編碼之後的位元組數量，而是會得到字元的數量，所以我們很直覺地就會在Java或JavaScript用這樣的方式來計算字串的字數。]]>研究分享JavaJavaScriptJavaJavaScriptTypeScript爛Codehttps://magiclen.org/java-count-charactersTue, 13 Dec 2022 12:00:00 +0800Magic Lenhttps://magiclen.org/tokei 一個程式專案可能會由很多不同的程式語言、腳本語言、標記語言的原始碼組成。Tokei是一款免費、開源且跨平台的函式庫和指令工具，可以快速統計一個程式專案下共包含哪些程式碼以及程式碼的行數，支援上百種語言，且可以將統計結果以不同格式輸出。]]>程式設計軟體介紹LinuxWindowsRustmacOSTokei文書https://magiclen.org/tokeiThu, 1 Dec 2022 12:00:00 +0800Magic Len