消除你程式碼的臭味 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 這兩個...
關於我的背景 大家,我是L！本身不是資訊相關科系出身,興趣之餘利用線上課程暸解網頁設計。目前在台南的好想工作室Web Camp自學已經剛滿了第五個月。正在努力朝...
消除你程式碼的臭味 Day 11- 函式的副作用：把計算與 I/O 分離 一個函式應該只做一件事，並且做好它。 如果你的函式既要處理計算，又要跟外部世界（螢幕...
前言 在前端開發中，難免動態決定該渲染什麼資料的情況，舉例來說，今天有一個畫面是 : 要根據 API 回傳的資料來渲染該公司的員工列表 那公司員工這個資料可...
抽象化 abstraction 將細節隱藏起來的作法，站在更高的層次上討論問題 抽象通用性 假設要多次執行 console.log，可由 for loop 來表...
消除你程式碼的臭味 Day 10- 介面最小化：只暴露必要的東西 介面越小，被誤用的空間越小，維護成本越低。公開的每個函式，都是欠下的一筆債 介面是你經過深...
前言 在 Vue 開發中，我們經常需要根據條件顯示或隱藏特定 DOM 元素。 常見的情境有： 表單錯誤訊息只在輸入驗證失敗時顯示。 API 請求後才顯示資料、...
消除你程式碼的臭味 Day 9- 迴圈最佳化：把邊界判斷和特殊處理移到外面 一個迴圈的本質工作，就是對一系列相似的東西做同樣一件事情。 當你在迴圈裡面塞滿了邊...
匆匆的就來到第四章尾聲..今天來寫第四章的練習題（怕） 範圍內的數字總和 The Sum of a Range 寫一個 range 函式，傳入三個參數 star...
字串與字串常用方法 String & String method String 有特定的 property 像是 length，並無法為字串永久新增自定...
前言 v-bind 是非常常見的內置指令，常用於 HTML attribute，例如 style, class, props, etc.。 放的位置會在 ele...
消除你程式碼的臭味 Day 8- 消除抽象層：直接存取資料，不要繞路 抽象是個工具。它的存在只有一個目的：管理複雜度。 當你的抽象層沒有隱藏任何複雜性，反而製...
前言 其實一開始很猶豫要不要寫這個篇章，因為如果你用過 Vue 那接下來這些指令你基本上應該是爛熟於心。 不過考慮到這些指令是基本上你不可能可以避免的功能，除非...
消除你程式碼的臭味 Day 7- 資料結構至上：好程式碼的關鍵思考 搞錯了資料結構，寫的就不是程式碼，是日後要爆炸的地雷。 Bad programmers...
前言 Vue 3.6.0-alpha.1 推出了，其中最特殊的應該就是這個 Vapor Mode 了，就來看一下這個新的模式會有什麼幫助吧。 概述 Vapor...
消除你程式碼的臭味 Day 6- 函式原子化：每個函式只做一件事，而且做得漂亮 一個函式最好的狀態，是像一個精密的工具：功能單一、目的明確、高效可靠。 如果你...
Array & Object 快速回顧一下基本概念 陣列(Array)的索引值(index)從 0 開始 null & undefine...
前言 為什麼我們要了解 Vue 的渲染機制呢，當然是為了面試 當然是為了自我成長阿。我主觀感受來說，在於 使用框架 這件事上，你不太應該要先了解渲染機制才能用框...
消除你程式碼的臭味 Day 5 - 簡潔性：程式碼是斯巴達式的 如果程式碼需要超過 3 層縮排，就代表已經發臭了，應該去處理好你的程式碼。 深度縮排的程式...
Sunny.Cat
Yanya
dc88
L
william
iThome鐵人賽
看影片追技術