抽象化 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...
前兩天就這樣咻的讀完了兩個章節XDD後面的章節顯然越來越難，應該得拆成好幾天寫惹 今天來寫 Chapter 2 的練習題，共有3題 Looping a tri...
消除你程式碼的臭味 Day 3- 實用主義：拒絕象牙塔裡的完美理論 有時候寫出的程式碼變得複雜、難以理解，並非因為技術不足，而是我們追求了錯誤的目標——忽略了...
前言 在上一篇 在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?我們講了 ref 跟 reactive 之間的差異，這篇就接著說入門會...
消除你程式碼的臭味 Day 2- 好品味：優秀工程師的直覺 很多人以為，程式設計的厲害在於演算法或是那些設計模式。但還有一個更務實的概念一定要掌握。 Bad...
綁定 Binding 可用 let 一次 binding 多個值 let one = 1, two = 2; 變數命名 Naming variables le...
剛好 Eloquent Javascript 讀到一半，剛好趁鐵人賽開賽逼自己看有沒有機會嗑完XDD（？）因為這是個人的閱讀筆記，所以細節的部分不會列的很精細，...
消除你程式碼的臭味 Day 1- 好命名：必須精準傳達意圖 你的命名必須準確傳達意圖，不能讓人猜程式碼是寫給人看的，不是給機器看的。如果需要花時間去猜一個變...
網頁不只是靜態的，它也可以是動態的、可互動的。JavaScript 可以讓網頁進行一些簡單的互動。今天學習如何用簡單的 JavaScript，實現一個基本的互動...
之前寫了幾篇文章，都是利用Javascript為Limesurvey的題目添加新功能。利用Limesurvey可以使用Javascript及CSS的特性，這次決...
dc88
Sunny.Cat
Yanya
Bao
iThome鐵人賽
看影片追技術