KD's Tech Blog

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

JavaScript 模組系統:CommonJS 與 AMD 入門教學 | 學習筆記


前言在 JavaScript 早期,所有程式碼通常寫在單一文件中,這樣的方式在小型專案中或許可行,但當應用程式變得更大、更複雜時,這種結構會導致管理困難。因此,模組化的概念被引入,允許開發者將程式碼拆分成可重複使用的獨立部分,提高可維護性與擴展性。 在 ES6 標準推出之前,JavaScript 主要依賴 CommonJS(CJS) 和 Asynchronous Module Defin......

JavaScript 模組(Module)入門教學筆記 | 學習筆記


1. 什麼是 JavaScript 模組?JavaScript 模組(Module)是一種將程式碼拆分成多個獨立文件,並在不同文件間共享和管理程式碼的方式。透過模組化的設計,可以讓程式碼更具結構性、可讀性與可維護性。 在 ES6(ECMAScript 2015)之前,JavaScript 主要透過 IIFE(立即執行函式)、CommonJS 或 AMD 來模組化程式碼。而 ES6 之後,Ja......

Node.js Express.js 入門教學筆記 | 學習筆記


1. 簡介Express.js 是一個基於 Node.js 的 Web 應用框架,提供簡潔且靈活的 API,適用於建立伺服器端應用程式。它可以用來開發 RESTful API、Web 應用或後端服務。 為什麼選擇 Express.js? 輕量且易於學習 擴展性高 內建強大的中介軟體(Middleware)系統 支援各種範本引擎(例如:EJS, Pug) 2. 安裝與專案初始化安裝 Node......

Alpine.js 入門教學筆記 | 學習筆記


1. 什麼是 Alpine.js?Alpine.js 是一個輕量級的 JavaScript 框架,專為增強 HTML 標記而設計。它的語法靈感來自 Vue.js,但更加簡潔,適用於需要簡單互動的網頁。 它的主要特點包括: 使用 HTML 屬性直接定義行為 不需要額外的構建工具 易於學習和使用 與其他框架(如 Vue、React)兼容 2. 安裝與引入使用 Alpine.js 最簡單的方法......