前端開發

Nuxt 3 入門與原理介紹 💡 什麼是 Nuxt 3？ Nuxt 3 是基於 Vue 3 和 Vite 打造的全端前端框架，支援： 伺服器端渲染（SSR） 靜態網站生成（SSG） 單頁應用程式（SPA） 建構全端應用程式（支援 API） Nuxt 3 是 Vue 的「加強版」，幫你簡化專案結構與開發流程。 🔧 核心原理 功能 Nuxt 如何處理 ✅ 頁面路由 自動根…

類型體操 type-1 // 內建 // Partial Required Readonly 修飾類型的 // Pick Omit 處理資料結構 // Exclude Extract 處理集合類型的 // Parameters ReturnType infer // 字串類型，樣板字串`${}` + infer PartialPropsOptional …

裝飾器 // 裝飾器 // 只能在類別中使用（類別本身，類別成員使用） // 裝飾器，類別的裝飾器，屬性裝飾器，存取器裝飾器 參數裝飾器 // 1. 類別裝飾器 給類別進行擴充，也可以回傳一個子類別 // 必須先在tsconfig.json中啟用experimentalDecorators const classDecorator1 =

泛型 /* * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git &a…

課程大綱 建置 TypeScript 開發環境。 掌握 TypeScript 的基礎類型、聯集類型和交集類型。 詳細類型斷言的作用和用法。 掌握 TypeScript 中函式、類別的類型宣告方式。 掌握類型別名、介面的作用和定義。 掌握泛型的應用情境，熟練應用泛型。 靈活運用條件類型、映射類型與內建類型。 建立和使用自訂義類型。 理解命名空間、模組的概念以及使…

區塊作用域繫結 之前的變數宣告 `var` 無論在哪裡宣告，都會被視為作用域頂部宣告。由於函式是一等公民，因此順序通常是 `function 函式名稱()`、`var 變數`。 區塊宣告 區塊宣告用於宣告在指定區塊的作用域之外無法存取的變數。區塊作用域存在於： 函式內部 區塊中（字元 `{` 和 `}` 之間的區域） 暫時性死區 JavaScript 引擎在掃描程式碼發現變數宣告時，要麼會將它們提升至作…

字串與正規表達式 字串與正規表達式 JavaScript 字串一直都是基於 16 位元字元編碼（UTF-16）建構而成。每 16 位元的序列是一個編碼單元（code unit），代表一個字元。length、charAt() 等字串屬性與方法都是基於這個編碼單元建構的。Unicode 的目標是為世界上每一個字元提供全球唯一的識別碼。如果我們將字元長度限制在 16 位元，碼位數量將不…

函數參數預設值，以及一些關於 arguments 物件，如何使用運算式作為參數、參數的暫時性死區。 以前設定預設值總是利用在含有邏輯或運算子的運算式中，前一個值是 false 時，總是回傳後面那個值，但如果我們給參數傳入 0 時，就會有些麻煩。 需要去驗證一下型別 function makeRequest(url,timeout,callback){ timeout = t…

擴展物件的功能 一般物件 具有 JavaScript 物件所有預設內部行為的 特殊物件 具有某些與預設行為不符的內部行為 標準物件 在 ES6 規範中定義的物件，例如 Array/Date 等 內建物件 腳本開始執行時存在於 JavaScript 執行環境的物件，所有標準物件都是內建物件 物件字面值語法擴展 屬性初始值的簡寫，當一個物件的屬性與區域變數同名時，不必再寫冒號和值 物件方法的簡寫語法…