KD's Tech Blog

軟體工程和產品專案管理現場觀察：關於軟體開發/程式設計/工程思維的技術部落格

JavaScript let 閉包（Closure）入門教學筆記 | 學習筆記

什麼是閉包（Closure）？閉包是 JavaScript 中的一個強大概念，它允許函式「記住」其外部作用域（lexical scope），即使該作用域已經執行完畢並離開了執行環境。閉包使得函式能夠存取其外部函式內部的變數，而這些變數通常在外部函式執行結束後仍然可以被存取。 在 JavaScript 中，每當一個函式被創建時，它都會自動獲得對其外部變數的存取權，這就是閉包的核心概念。 閉包......

Posted by kdchang on 2021-01-16

JavaScript 物件導向（Object-oriented programming）入門教學筆記 | 學習筆記

1. 物件導向與 new 關鍵字JavaScript 是基於 原型 (Prototype) 的物件導向語言，而非典型的 類別 (Class) 為基礎的語言。但 ES6 之後，JavaScript 引入了 class 語法，使其更接近傳統的物件導向語言，如 Java 或 C++。 在 JavaScript 中，new 關鍵字用於建立物件，並且會執行以下步驟： 建立一個新的空物件。 設定該物件......

Posted by kdchang on 2021-01-16

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

在 JavaScript 中，this 是一個關鍵字，它的值會根據執行環境的不同而改變。以下是 this 在不同情境下的行為： 1. 全域環境 (Global Context)在瀏覽器中，this 預設指向 window 物件： console.log(this); // 在瀏覽器中，this 指向 window 在 Node.js 環境下，this 則指向 global： console......

Posted by kdchang on 2021-01-16

JavaScript var 閉包（Closure）入門教學筆記 | 學習筆記

什麼是閉包（Closure）？閉包是 JavaScript 中的一個重要概念，指的是函式在創建時，能夠記住並存取其外部作用域的變數，即使該作用域已經執行完畢。這種特性使得 JavaScript 的函式可以擁有「記憶」的能力，允許函式保持對外部變數的存取權。 閉包的概念建立在 JavaScript 的詞法作用域（Lexical Scope）之上，也就是函式可以存取其被定義時所在的作用域中的變數......

Posted by kdchang on 2021-01-16

Kendo UI 入門教學筆記 | 學習筆記

前言在現代前端開發中，不管是使用函式庫或是框架進行開發，使用 UI 元件庫可以大幅提升開發效率與使用者體驗。Kendo UI 是由 Progress 公司推出的前端元件庫，支援多種 JavaScript 框架（如 jQuery、Angular、React、Vue），提供豐富的 UI 元件，包括表格（Grid）、圖表（Chart）、日曆（Calendar）、表單元件、對話框等。Kendo UI......

Posted by kdchang on 2020-12-13

Vue3 Options API 和 Composition API 風格差異教學筆記 | 學習筆記

前言根據官方文件的說明，一般來說 Vue 元件可以用兩種不同的 API 風格來撰寫：Options API 和 Composition API。 Options API使用 Options API 時，我們透過一個包含 data、methods 和 mounted 等選項的物件來定義元件邏輯。選項中定義的屬性會在函式內透過 this 曝露，this 指向的是元件實例。 <script......

Posted by kdchang on 2020-11-16

關於 Web 網頁後端工程師 Backend Engineer 的 10 個關鍵字

以下整理了後端工程師相關的 10 個關鍵字，涵蓋技能、工具與工作方式： Node.js / Python / Java / Ruby / PHP：常見的後端程式語言，用於構建伺服器端應用程式。 Database（資料庫）：包括 SQL（如 MySQL, PostgreSQL） 和 NoSQL（如 MongoDB, Redis） 的操作與優化。 R......

Posted by kdchang on 2020-06-21

關於 Web 網頁前端工程師 Frontend Engineer 的 10 個關鍵字

以下整理了前端工程師相關的 10 個關鍵字，涵蓋技能、工具與工作方式： HTML：前端結構的基礎語言，用於定義網頁的內容和結構。 CSS：用於設計網頁的樣式，包括佈局、配色和字體。 JavaScript：前端開發的核心語言，為網頁添加互動性。 React / Vue / Angular：主流的前端框架和函式庫，用於構建動態、模組化的應用程式。 Responsiv......

Posted by kdchang on 2020-06-13

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

前言在前端與全端開發中，我們經常需要同時執行多個指令，例如一邊啟動前端開發伺服器，一邊啟動後端 API 伺服器，或一邊監看 Sass 編譯，一邊執行 TypeScript 編譯。在這樣的情境下，concurrently 是一個非常實用的工具，它能讓我們在同一個命令列同時執行多個命令。 本篇筆記將介紹 concurrently 是什麼、如何安裝、基本用法，以及實際應用範例。 什麼是 conc......

Posted by kdchang on 2018-02-01

Django RESTful API 入門教學筆記 | 學習筆記

前言隨著 Web 與行動應用的發展，API（應用程式介面）已成為前後端溝通的橋樑。RESTful API 是目前最常見的 API 設計風格之一，而 Django REST Framework（簡稱 DRF）則是基於 Django 的強大工具，讓開發 RESTful API 變得更簡單。 本篇筆記將帶我們從零開始，快速建立一個 Django RESTful API 專案，實作一個基本的「文章系......

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