鐵人檔案
主要透過書籍《TypeScript x Vue.js一氣呵成 前端開發大白到大神》張益琿編著，並輔以網路資源自主學習，首先了解學習 TypeScript 和 Vue.js 前所需具備的基本知識，並循序漸進掌握這兩種工具。學習內容涵蓋 Vue.js 的核心概念，如組件設計、狀態管理、路由配置，並介紹 TypeScript 與 Vue 的整合，提升開發效率與應用的可維護性。期望透過實戰範例，最終學會如何製作出良好的前端頁面，讓我從小白成長為前端開發高手。
TypeScript中的物件導向程式設計 雖然JavaScript本身是一種物件導向語言，但並未提供對類別的支援，主要採用原型的方式實現物件建構、既成的功能，不...
類別的存取權限 在預設的情況下，類別中的屬性及方法都會是公開的，但在軟體開發中，完全公開有時是不符合開閉設計模式原則的，為避免遭外界有意或無意地修改，會導致類...
介面的應用 定義 介面是用來描述物件或類別的結構，以日常生活中為例，最常應用的例子是電源插銷和插座。 將插座視為介面，所有要使用交流電驅動的電器皆需要提供一個...
使用介面約束類別 當介面與類別組合在一起使用時，主要描述的是一種契約關係，類別無需和介面宣告完全一致，僅需提供介面宣告的屬性和方法，類別本身也可以有自己定義的...
TypeScript中的類型推斷與高級類型 類型推斷 TypeScirpt對變數要求有明確的類型，這對開發者增加了另外的工作量，不過這需要太擔心，因為Type...
TypeScript的類型區分能力 聯合類型在為推斷出具體類型之前，只能使用其公共部分，有時候這會為開發者帶來很多麻煩，例如： class Color{...
Vue中的範本 範本是Vue框架中的重要組成部分，採用了基於HTML的範本語法。範本功能方便開發者將專案小元件化、封裝訂製化的萬用元件。 模板基礎 範本最直接的...
範本指令 Vue中的範本指令也是HTML的標籤屬性，通常由「v-」開頭，如昨天所講的v-once、v-html、v-bind等，都是指令。 大部分指令可以直接...
條件著色 條件著色是Vue控制HTML頁面著色的方法之一。我們常透過條件著色的方式控制HTML元素的顯示和隱藏，在Vue中要實現條件著色，可以透過v-if指令...
