在 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 層縮排，就代表已經發臭了，應該去處理好你的程式碼。 深度縮排的程式...
前言 在 3.6 alpha 中，除了我們後面會講到的 Vapor Mode，再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢，是由...
消除你程式碼的臭味 Day 4- 鐵律：向後相容性是神聖不可侵犯的 工程師的首要職責是建構可靠的東西。而可靠的基礎只有一條，也是唯一重要的一條規則。 We...
今天要來寫 Chapter 3 的練習題，共有3題 寫一個 min 函式接受兩個參數並回傳其中的最小值Math.min(numA,numB) 可做到，但暫不要...
呼叫堆疊 call stack 呼叫堆疊就是儲存函式呼叫順序的背景環境的一種資料結構，基本上跟 data structure 內 **stack **運作模式相...
前言 由於 Vue 是一個資料驅動畫面更新的框架，響應式系統是最基礎也是最重要的一環。 因此前面講解了幾個核心 API，而這個篇章中就要歸納前面幾篇重點並講解響...
定義函式的幾種方式 Function declaration會 hoist 到頂端 add(1,2); // 因為 function declarati...
dc88
Yanya
L
Sunny.Cat
iThome鐵人賽
看影片追技術