KD's Tech Blog

Hi, 我是 KD Chang 凱迪，我在這書寫我的軟體開發/程式設計技術筆記 | KD 技術部落格

AOS（Animate On Scroll Library）入門教學筆記 | 學習筆記

前言在現代網頁設計中，視覺效果和互動性已經成為提升使用者體驗的重要元素。當使用者向下滾動頁面時，如果某些區塊能夠平滑地出現、滑入、淡入或放大，能大大提升網站的專業感和吸引力。這類效果通常被稱為「滾動動畫」。 AOS (Animate On Scroll) 是一個輕量級的 JavaScript 函式庫，讓你可以輕鬆地為 HTML 元素加上動畫效果，並且在元素進入畫面時自動播放動畫。它不需要你手......

Posted by kdchang on 2024-08-31

JavaScript this 使用情境入門教學筆記 | 學習筆記

前言在 JavaScript 中，箭頭函式（arrow function）與傳統函式在 this 的行為上有一些不同。箭頭函式不會創建自己的 this，而是繼承外部作用域的 this，這就是為什麼你會遇到 this 的問題。 傳統函式中的 this在傳統的函式中，this 會指向該函式被調用時的上下文。例如，當函式作為事件處理器時，this 會指向觸發事件的元素。 function regu......

Posted by kdchang on 2023-12-21

JavaScript 多事件處理綁定使用情境入門教學筆記 | 學習筆記

前言在 JavaScript 中，你可以通過事件處理的方式來為多個 input 元素綁定事件處理器。這樣做可以讓你在父容器上綁定一個事件處理器，並通過 event.target 確定觸發事件的具體 input 元素，而不需要為每個 input 元素單獨綁定事件。 事件委派的概念事件委派是一種常見的事件處理技術，它將事件綁定到父元素或容器上，然後通過 event.target 來確定哪個子元素......

Posted by kdchang on 2023-12-21

Vue pinia 保持 reactive 入門教學筆記 | 學習筆記

保持 reactive 寫法： 1️. 用 computedconst todos = computed(() => todoStore.todos) 優點 保持 reactive 簡單直接 在 template 裡 todos 可以直接使用 缺點 如果只是讀值，其實有點多餘 建議用於：在 template 需要用 v-for="todo in t......

Posted by kdchang on 2023-12-21

JavaScript Hoisting 入門教學筆記 | 學習筆記

1. 什麼是 Hoisting？Hoisting（提升）是 JavaScript 中的一種行為，它允許變數與函式在執行時被提升到作用域的頂部，這表示你可以在宣告之前使用它們，而不會發生錯誤。「建立期」（Creation Phase）和「執行期」（Execution Phase），建立期主要為定義變數名稱，執行期為執行程式和指定賦值。 在 JavaScript 中，Hoisting 影響兩種類......

Posted by kdchang on 2021-12-15

JavaScript 入門教學筆記 | 學習筆記

前言JavaScript（簡稱 JS）是一種高階、直譯式、弱型別的程式語言，廣泛應用於 Web 開發。它最初用於瀏覽器端，現在也能在伺服器端（如 Node.js）運行，並支援多種應用開發，如網頁、行動應用、桌面應用等。 1. JavaScript 的基本語法1.1 變數與常數在 JavaScript 中，可以使用 var、let 或 const 來宣告變數。 var a = 10; /......

Posted by kdchang on 2021-12-14

JavaScript 練習挑戰紀錄 | 學習筆記

Longest Word當我們執行 paragraph.match(/[a-z]+/gi) 時，這段 JavaScript 程式碼的意思是： 目的：從 paragraph 字串中找出所有連續的英文字母（不分大小寫）組成的片段，並以陣列形式回傳。 語法拆解：paragraph.match(/[a-z]+/gi) 部分 意思 paragraph 要處理的字串（變數名） .ma......

Posted by kdchang on 2018-02-01

ABOUT ME
KD's Tech Blog 技術部落格 | KD Chang 張凱迪

KD Chang 張凱迪（@kdchang），台灣大學，主修經濟學，臺大資管所畢業。是一個軟體工程師，也是一位 PM 產品/專案經理和教育工作者。曾服務過上市網路軟體公司、上市科技電子公司、台灣 AI 人工智慧新創獨角獸公司，也曾參與數個新創組織的創辦和多個網路產品服務的開發。A Software Engineer, Product/Project Manager & Educator.:)

FRIENDS