昨天將地址的原始資料整理成節點與相連節點的資料結構 今天繼續看接下來的部分節錄覺得實用的描述 如果你正從物件導向程式設計下手，可能開始為各種元素定義物件，然後...
前言 廢話少說開始寫扣吧! 請確保你以下所有套件都有安裝在專案中，如果還沒安裝建議到各篇文章中看如何安裝。 在 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 本...
消除你程式碼的臭味 Day 19- 參數：少即是多，避免傳布林參數 參數越多，理解成本越高。問個簡單的問題：當你看到一行程式碼 createUser('Bob...
這幾天的進度推進緩慢究竟有沒有辦法順利完賽呢XD 今天跟著書上內容寫一個可迭代的資料結構建立矩陣類別(Matrix class)並設定迭代器到矩陣類別中 什麼是...
前言 上一篇我們講到 Tailwind，這篇我們來講解 PrimeVue，怎麼安裝、配置、使用。 剛開始挑套件框架時挑了滿久的，那時候是想搭配 UI desig...
消除你程式碼的臭味 Day 18- 狀態管理：用資料定義流程 狀態機不該是 if/else 的迷宮，它的本質是一張規則流程表。 把轉移規則寫成表，讀表執行就...
前情提要 昨天我們帶入了最簡單的 Vue Router 安裝並使用。那今天我們將要進入稍稍進階的使用方法，運用得當可以讓你省去很多程式碼，同時還有保有原本的效果...
[Symbol.iterator] 提供給for..of的物件必須有可迭代性(iterable)而物件(Object)不可迭代，僅能用特殊方法獲取可枚舉(enu...
繼連續兩天的 map 跟 set，今天來談 Symbol Symbol Symbol 有以下幾個特點 Symbol 是原始值(primitive type v...
消除你程式碼的臭味 Day 17- 分離關注點：設定與主要邏輯分開 把變動頻繁的設定從穩定的主要邏輯裡拿出去。 你的核心商業邏輯，應該像一個在無菌室裡工作的科...
前言 為什麼我們會需要 Vue Router，或放大來說: 為甚麼我們需要路由管理呢? 現代大多的前端框架都是採 SPA 架構，這也代表了頁面切換是不再依靠...
網頁是什麼？ 學網頁設計的時候，常常會聽到三個名字：HTML、CSS、JavaScript。它們是構成網頁的三大元素： HTML 網頁的結構。 CSS 網...
消除你程式碼的臭味 Day 16- 單一職責：找到唯一修改理由，告別脆弱程式碼 單一職責原則（Single Responsibility Principle,...
今天一樣還是在 Chapter6 物件相關的內容裡打滾ＸＤ Set 昨天剛提到 Map 那就不得不提到 Set Set 是值的集合(collection of...
前言 在設計元件時使用 slot，可以為元件設計帶來很高的彈性。 並減少過度拆元件造成的傳遞參數問題，也就是 props drilling ，常見使用方法有 &...
消除你程式碼的臭味 Day 15- 組合優於繼承：用小能力組出行為 物件導向的繼承理論，源自於生物學家林奈的分類法。界、門、綱、目、科、屬、種。Dog is-...
昨天剛提到類別表示的方式，今天接續相關的內容 覆蓋原型屬性 如果想在通用物件的類別實體裡表達例外屬性但又讓非例外物件從通用物件的屬性取得標準值，覆蓋就是個實用的...
前言 在 Vue 過氣前要學的第十六件事 - 愛是雙向的 中，我們提到了 vue 的雙向綁定，這僅止於父子關係的組件。 但如果今天這個元件跨了兩層，跨了三層嗎，...
今天要介紹的是 Supabase 的官方文件中導覽列，摘要整個網站的文件，將幫助你快速了解 Supabase 的各項功能，後續文章將介紹使用方式。 官網文件導...
dc88
Yanya
Sunny.Cat
L
william
iThome鐵人賽
看影片追技術