持續一個月的努力，終於來到了鐵人賽的最後一天。我大約在兩個月前萌生了參加鐵人賽的念頭，但當時其實猶豫了很久，一方面是擔心無法兼顧工作與寫作，另一方面也怕無法產出...
TypeScript 中 Interface 和 Type 的差別有以下幾點：這題在面某知名電腦大廠有被問過 1.TypeScript 編譯器推論結果不同 Ty...
賽後感言 今年的鐵人賽也算是順利的結束了ＸＤ很開心的事今年是我的第二年，終於報了去年沒完賽的遺憾了ＸＤ今年算是很幸運的可以跟同事一起參賽，也很非常感謝同事們都順...
用一點動態魔法讓你的網站更生動 大家好！今天是 IT 鐵人賽的第三十天，真不知不覺我們已經走到了終點！這段旅程有很多調皮又溫馨的記憶，而今天我們要終於來做一個...
用工具型別定義每個回應情境，讓程式碼更可靠 各位開發小夥伴們，有沒有覺得每次處理 API 回應時都像是在猜謎一樣？ 總是不確定回應裡到底會有什麼參數，每次都要...
訪問者模式允許在不修改物件類別的情況下，對物件集合中的元素施加新的操作。 生活範例 麥當勞的餐點有很多種點法，比如說一個麥香雞漢堡，可以單點、搭配薯條和可樂做成...
前言 今天我們要來解一個二元樹的題目，叫做 Symmetric Tree。 這題其實還滿有趣的，因為它要我們檢查一棵樹是不是「對稱的」，也就是說這棵樹的左邊...
隨著前端技術的不斷發展，現代應用變得愈來愈複雜，開發團隊也愈來愈龐大。這時候，強大的型別系統與模組化結構就顯得至關重要。而 TypeScript，作為 Java...
前言 嘿嘿～今天我們要來挑戰一個有趣的設計題目！你是否曾經想過，要設計一個特別的堆疊，不僅能執行一般的 push 和 pop 操作，還能在 O(1) 時間內快...
TypeScript 進階版大修煉，開課囉！🎉 準備好來點進階魔法了嗎？今天要帶大家一窺 TypeScript 型別系統的深邃奧秘！從可變元組到神祕的 Opa...
🎂 生日蛋糕互動秀：吹氣熄蠟燭，還有彩帶灑滿天！🎉 嘿嘿嘿，今天要來和大家分享一個超可愛又好玩的生日蛋糕互動網站這個專案不但有超酷的動畫效果，還能用聲音把蠟燭...
在現在的前端應用程式開發中，撰寫測試對於確保代碼的穩定性和可維護性非常重要。而 Jest 就是盛行的其中一個 JavaScript 測試框架，內建支援斷言庫和模...
解釋器模式可以透過簡單語言來執行常見任務。 生活範例 一份樂譜記載著一段旋律，譜上的音符代表著音高，休止符代表著暫停，音節的長短則由不同的符號來表示。樂譜上的符...
前言 嘿嘿～我們又回來啦！延續上次的 Longest Valid Parentheses 題目，這次我們要換個方式來解決。還記得上次我們用了動態規劃法嗎？ 今...
從行星選擇到動畫過渡，揭開星球切換背後的技術秘密 在今天的實作中，我們將用 Vue.js 和動畫效果來實現一個超酷的行星選擇器！透過點擊文字，我們可以淡入淡...
TypeScript 在 JavaScript 基礎上提供了強大的靜態型別系統和編譯階段錯誤檢查功能。然而，TypeScript 的強大功能不僅限於型別檢查，還...
前言 嘿嘿～我們又來啦！延續上次那道 Longest Valid Parentheses 的題目，上次我們用的是堆疊方法來解決這個「括號迷宮」，今天我們換一...
TypeScript 映射型別進階技巧 🎯 在使用 TypeScript 的過程中，我們經常會遇到需要將一個型別轉換成另一個型別的需求。映射型別（Mapped...
翻牌效果深入解析，帶你揭開背後的技術秘密！ 今天，我們將用 Vue.js 和 TypeScript 實現一個充滿趣味的翻牌遊戲，讓你不僅能挑戰自己的記憶力，...
方法鏈可以透過一連串的方法呼叫來取得計算結果，而無需將中間結果存為變數。 生活範例 想像草莓果醬的生產線，上面包含幾個主要關卡：清洗、烹煮和裝瓶，經過一步步的處...
今天是完賽日也是雙十節，先祝大家雙十節快樂 這是第三次參加鐵人賽，不過確卻是體感最漫長的一次，心想怎麼寫了那麼久還沒完賽(,,•́ . •̀,,)不過最後總算...
TypeScript 則是一種靜態型別語言，通過在編譯階段進行型別檢查來提前捕捉在運行時可能會遇到意外的錯誤。這可以幫助我們避免許多潛在的 bug，使得程式碼更...
備忘錄模式能讓物件在不破壞封裝的情況下儲存與回復狀態。 生活範例 備忘錄模式的一個經典應用場景是歷史紀錄。這類紀錄在我們的日常生活中隨處可見，例如 Word、P...
前言 今天我們來解一題挑戰難度的題目——Longest Valid Parentheses（最長有效括號）。 這道題目真的不簡單，因為它要求我們在一個由括號組...
TypeScript 的映射型別：基礎到實戰應用 你是否曾經需要處理過複雜的物件型別轉換？或者在專案中管理過多變的資料結構？ TypeScript 的映射型...
✨ 華麗煙火背景+動態台灣國旗+繽紛文字，視覺衝擊直達心靈！🇹🇼 在這充滿煙火和歡呼聲的雙十國慶日，我們用 Vue.js 和創意設計，打造出一個專屬於中華民...
終於來到了第30天的挑戰！這是我第一次參加鐵人賽，從決定參賽到正式開賽，心中經歷了許多掙扎，包括內容的配置和個人時間的安排。但如今順利完賽，我非常慶幸當初做出了...
在開發前端應用時，我們經常需要使用第三方庫。然而，並不是所有的 JavaScript 第三方庫都自帶 TypeScript 的型別定義，所以我們需要瞭解如何為這...
狀態模式使用狀態物件來表示物件在不同狀態下的行為，並通過改變狀態物件來改變行為。 生活範例 街道中的紅綠燈非常適合用來說明狀態模式的概念。紅綠燈有三種狀態：紅燈...
前言 今天要解的題目是 Find the Duplicate Number（尋找重複數字）。這道題有一點點小挑戰，因為我們需要在不修改原陣列的情況下，找出唯一...
Evans Wu
Ashley
danny101201
Sunny.Cat
Annie
hannnahTW
Jamie
iThome鐵人賽
看影片追技術