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

FRIENDS

Follow @kaidichang