本篇重點

在上一篇教學中，我們介紹了 TypeScript 的基礎變數宣告與型別系統，包括 number、string、boolean、any、unknown、void 和 never 等型別。本篇將進一步探討 TypeScript 中的 函式（Functions）、介面（Interfaces） 以及 型別別名（Type Aliases），這些功能能夠幫助你更好地組織程式碼並提升型別安全性。

本篇重點

在這篇文章中，我們將介紹 JavaScript 和 TypeScript 的區別，為什麼你應該學習 TypeScript，並簡單解釋 TypeScript 的運作原理。如何使用 Vite 快速啟動一個 TypeScript 專案，並分享一個官方的 TypeScript 線上編輯平台。

本篇重點

TypeScript 是 JavaScript 的超集（Superset），它為 JavaScript 添加了靜態型別檢查和其他現代程式設計功能。透過 TypeScript，開發者可以在編譯階段就發現潛在的錯誤，提升程式碼的品質、可維護性和可讀性。在本篇中，會介紹 TypeScript 中的變數宣告與型別系統，包括 number、string、boolean、any、unknown、void 和 never 等型別。

Cherry Pick

cherry-pick 指令用於將其他分支的一個或多個提交(commits)合併到目前的分支。它是 Git 提供的一種方便的整合方式,可以在不合併整個分支的情況下,只合併某些特定的 commit。

Vue 的生命週期

1.創建階段（Creation）：
beforeCreate：在實例創建之前被調用，此時數據觀測和事件還未初始化。
created：在實例創建之後被調用，此時數據觀測已初始化，但 DOM 還未生成。

Vue 按鍵指令與修飾符補充

之前我們有講過 click 現在我們來補充一些鍵盤上的事件與修飾符這邊我們就介紹 keyup 結合 enter 修飾符的用法，更多修飾符請看https://v2.vuejs.org/v2/guide/events#Event-Modifiers。

為何學習 Vue

Vue 是三大前端框架（Vue、React、Angular）中學習門檻較低的一個選擇。因此當時我選擇 Vue 為我的首要前端框架。Vue 是一套輕量級、支援雙向數據綁定的框架，同時具備組件化開發、虛擬 DOM 等特點。

什麼是前端

前端是指與使用者直接互動的部分，例如：網站或應用程式。它涵蓋了設計網頁的外觀、佈局和互動元素，同時實現了動態效果，以提供更好的使用者體驗。簡而言之，前端是創造引人入勝且互動性強的網頁界面的關鍵。

關於我

嗨大家好！我是瘦瘦仁，這是我的技術部落格，這裡會分享許多前端或網站等知識，也會紀錄著我學習過程中的內容筆記與大家分享。