消除你程式碼的臭味 Day 30- 總結：從好品味到好架構的終極實踐清單 提升程式碼的品質，就像培養品味一樣，不是與生俱來的天賦，而是透過一次又一次正確的取捨...
沒想到轉眼就要30天了，先容我將進度快轉到第八章XD第八章的主題是除錯 Debugging in js 因為 js 本身為 Dynamic Typing lan...
消除你程式碼的臭味 Day 29-順序依賴：停止設計那種需要記住呼叫順序的 API 今天我們要談一個最陰險的程式碼臭味：順序依賴 (Temporal Coup...
消除你程式碼的臭味 Day 28 - 重構：看見味道就動手 重構不是一定要大改特改，要你把整個架構打掉重練，而是小步小步且精確的日常整理。 也別為了重構而重構...
總結 直到今天就算是正式結束今年的鐵人賽了! 總集回顧 第一章基礎概念 在 Vue 過氣前要學的第一件事 - 先了解自己在 Vue 過氣前要學的第二件事 - V...
前言 在 JavaScript 中有三種變數宣告方式：var、let、const。 相信剛學習 JavaScript 的菜鳥們 ( 舉手 )，常常會困惑：「它...
遵循固定路線雖然比起隨機行走改善了效率但如果能依據實際需要的路徑而調整路線，可讓效率更好 稍微岔出去說明一下什麼是 graph，跟 breadth-first...
消除你程式碼的臭味 Day 27- 同步問題：管理多執行緒與競爭條件 不要「處理」鎖，去解決你的設計問題 很多人看到競爭條件（Race Condition），...
前言 <Teleport> 是 Vue3 的內置組件，用以將 DOM 內容傳遞到指定的地方，而不受限於某個父元素底下，無法使用相關功能。 舉一個小...
通過所有地點的路線 隨機行走的策略並不是效率良好的方法，因此找出一個『從郵局出發且通過所有節點的路線』，機器人只要在這條路徑上來回兩次，必能完成所有遞送任務 c...
消除你程式碼的臭味 Day 26- 防禦性設計：處理外部例外狀況 剛開始寫程式時，我們都活在一個美好的世界裡：網路永遠暢通，API 總是秒回，伺服器從不宕機。...
前言 在此篇系列文中你可能會注意到說，我是用 Vue 而不是現在討論度也相當高的 Nuxt; 這樣我是不是透過 CSR * 渲染網頁了，SSR 怎辦，SEO 怎...
接下來撰寫使宅配機器人移動的策略 上篇提到 robot 需要 return 名為 action 的 object而 robot 就是代表機器人移動的策略 act...
消除你程式碼的臭味 Day 25- 資源管理：打開的東西就要關掉 打開的東西，就要關掉。這次我講個故事。 假設去圖書館借了全世界只有一本的書。圖書館員（就是作...
回想一下這幾天做的事 function buildGraph:以原始路線資料建立出路線網絡物件的函式 class VillageState: 儲存各地點的狀態...
前言 終於! 我們進到最後一個篇章，進階使用之生命週期篇; 之所以會把生命週期擺在這麼後面是因為 :只有實際寫過的人，才能更好的理解，所謂不同生命週期具體是指什...
消除你程式碼的臭味 Day 24- 錯誤處理：別讓程式崩潰 錯誤不是你的敵人，忽略它才是。 程式碼在實際情況裡運行，就一定會出錯。網路會斷、硬碟會滿、使用者會...
昨天將地址的原始資料整理成節點與相連節點的資料結構 今天繼續看接下來的部分節錄覺得實用的描述 如果你正從物件導向程式設計下手，可能開始為各種元素定義物件，然後...
前言 廢話少說開始寫扣吧! 請確保你以下所有套件都有安裝在專案中，如果還沒安裝建議到各篇文章中看如何安裝。 在 Vue 過氣前要學的第十九件事 - Vue Ro...
消除你程式碼的臭味 Day 23- 空值處理：別回傳 null，用更安全的回應 Tony Hoare，null 的發明者，稱它為「十億美元的錯誤」。null...
前言 在網頁開發中，常見的功能包括登入、註冊與各式表單等等這些功能，那前端有個很重要的職責就是提前做好格式驗證。這麼做的原因主要有三點： 減少不必要的 AP...
前言 在此篇章中我們將會帶到如何使用狀態管理工具 + 驗證工具 來實現跨頁表單驗證的功能讓各位在實作中了解何為狀態管理，驗證的時機，以及還有什麼工具可以做延伸閱...
消除你程式碼的臭味 Day 22- 輸入檢查：在處理前先驗證 在做任何事前，先確保輸入是可信的。 想像你的每一個函式、每一個 API 端點，都是一座戒備森嚴...
本章的內容為開發一個小專案，該小專案為在某虛擬村莊收送貨的程式主要的程式碼在這裡 初始資料 虛擬村莊的路線資料起點-終點 const roads = [ &...
Chapter 6 花的時間相對前面的章節來的漫長不少今天要來寫練習題了 真是可喜可賀(? 另外本書中文版共 441 頁，現在才到 127 頁XD約讀完 1/4...
繼承 inheritance 當不同 class 之間有相同的屬性或方法時，要讓新建立的 class 保有舊 class 大部分內容，但又能定義新的屬性與方法，...
消除你程式碼的臭味 Day 21- 註解：讓程式碼自己說話 好的程式碼不需要註解，因為程式碼本身就能被讀懂。 程式碼本身，才是唯一的、絕對的事實來源。註解不是...
前言 假設今天當你打開 figma，準備開始刻前端，發現很多按鈕都是 #9f86ff 這個顏色， 他甚至已經是你的主色了，你卻只能一次一次的複製這個色號，哪天一...
消除你程式碼的臭味 Day 20- 依賴注入：鬆開那個耦合 你的類別還在自己 new 東西嗎？當一個類別手動自己建立它所依賴的物件時，它就像一個什麼都要自己來...
Getter & Setter Getter 跟 Setter 可視為物件的特殊方法，以類似讀取屬性(property)的方式，隱藏背後呼叫方法js 本...
Sunny.Cat
dc88
Yanya
iThome鐵人賽
看影片追技術