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 的各項功能，後續文章將介紹使用方式。 官網文件導...
消除你程式碼的臭味 Day 14- 複雜判斷：抽到具名函式裡 布林表達式越長，越應該被命名。程式碼是寫給人看的，只是順便能讓電腦執行而已。 當你寫下一長串充滿...
前言 你可能會聽說 vue 是雙向綁定，但我又說 Vue 是單向資料流。先別生氣。 這就要提到 `emit 了，在 Vue 過氣前要學的第十五件事 - 單向資料...
call, bind, apply 昨天提到呼叫 object 上的 method 時，this 會指到 object 本身但如果要直接 pass this a...
JavaScript是什麼 JavaScript 的誕生，其實有點戲劇化。 為了輔助Java的存在,Brendan Eich在當年網景公司(Netscape)...
為什麼 Supabase 適合所有人？ Supabase 就像主角獨自擁有的「系統」，裡面有各種不同複雜度的工具，能在這個工具箱中找到適合自己目前技能水平的工...
消除你程式碼的臭味 Day 13- 魔術數字：用具備語義的常數取代 數字本身不會說話，名稱會。 在程式碼裡看到一個像 86400 或 0.05 這樣的數字，看...
在 chapter4 已提過陣列與物件本章的重點著重於於在 js 中物件導向(Object-oriented programming)的應用 封裝 encaps...
前言 Vue 是一個資料驅動的框架，畫面是由資料的狀態所決定的，當資料改變，畫面會自動更新。 因此，掌握資料的流向、變動方式與渲染時機，是深入理解 Vue 的核...
效率，工程師的代名詞 在很多人眼裡,工程師似乎就是「高效率」的代名詞。遇到問題時,總會先把它拆分成小部份來解決。 而當遇到重複的事情,更是會優先用程式碼取代,避...
前言 在 Vue 中，當你希望做某些動作並觸發事件時，可能就會需要用到事件綁定，譬如說呢，今天要點擊一個按鈕數字會 +1: const count = ref(...
消除你程式碼的臭味 Day 12- 拒絕複製貼上：抽出共用邏輯 重複不是省事，是技術債。 在第二個地方貼上相似度 90% 以上程式碼時，就創造了一個混亂區。...
沒想到才11天已來到 Chapter 5 的尾聲ＸＤ今天要來寫 Chapter 5 的練習題，有4題 陣列扁平化 結合 reduce 跟 concat 這兩個...
dc88
Sunny.Cat
Yanya
L
william
iThome鐵人賽
看影片追技術