.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N210422002 出刊日期： 2021/4/28 在本站《整合Vue與TypeScript - 1》文章中，介紹了什麼是TypeScript 、它和JavaScript有何不同，如何建立使用TypeScript程式語言開發的Vue 3專案；這篇文章將延續這個主題，討論如何在既有專案中加入TypeScript的支援、最後再看看如何使用TypeScript來設計Vue組件（Component）。   在現有專案加入TypeScript支援 在第一篇文章... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N210422001 出刊日期： 2021/4/14 Vue 3 版的問市，將大幅增進TypeScript程式語言的支援度，讓開發上較不易出錯。在這一篇文章中，我們將介紹什麼是TypeScript 、它和JavaScript有何不同，如何建立使用TypeScript程式語言開發的Vue 3專案。   什麼是TypeScript 程式語言? TypeScript程式語言是一個開放源碼（Open Source）的程式語言，以JavaScript為基礎來建置... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N190520701 出刊日期： 2019/5/1 在這篇文章中，將要介紹如何利用Angular CLI（Command Line Interface）工具程式建立Angular 7 專案，安裝Angular CLI開發環境，以及介紹一個Angular專案的檔案結構與項目，以讓你了解如何透過Angular來開發前端網頁程式的準備與基本入門。 安裝Angular CLI（Command Line Interface）工具程式 首先開發環境之中要先安裝Angular ... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N190420602 出刊日期： 2019/4/17 在這篇文章中，將要介紹如何透過Visual Studio Code開發工具，使用TypeScript物件導向語法，搭配Vue.JS來撰寫ASP.NET Core 網站應用程式，並利用Webpack來自動打包與壓縮生產環境所需的JavaScript與CSS檔案。 在開始這篇文章的設計步驟之前，你的環境要先安裝好Node.Js、NPM 、ASP.NET Core與Visual Studio Code開發環境。
... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N190420601 出刊日期： 2019/4/3 在這篇文章中，將要介紹TypeScript組態設定檔案的基本用法，以及常用的選項設定以進一步控制程式編譯的細節，並了解如何透過宣告檔案來描述型別資訊。   「tsconfig.json」組態設定檔案 「tsconfig.json」檔案用來指定TypeScript程式編譯的選項，以便於引導編譯器編譯程式碼。「tsconfig.json」檔案所在的資料夾就是TypeScript專案的根目錄。 只要利用命... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N190320502 出刊日期： 2019/3/20 在物件導向程式語言，如C#、Java之中，為了達到程式碼的重複使用性，支援一個特殊的型別--「泛型（Generic）」，以讓程式設計師，在設計元件時，可以指定想要使用的型別。這一篇文章中將介紹TypeScript中的泛型以及型別推論（Type Inference）行為。 我們先來看一個非泛型的範例，參考以下範例程式碼，「showData」函式有一個字串型別的引數，「showData」函式將會回傳字串型別的資料： ... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N190320501 出刊日期： 2019/3/6 TypeScript中的類別（Class）類似C#、Java程式語言中的類別，可以包含函式（function）與變數（Variable），方法（function）與變數（Variable）可以套用「public」、「private」等等修飾詞來控制可視性。TypeScript類別可以繼承一個類別（Class），並實作多個介面（Interface）。本篇文章將延續《TypeScript入門》系列文章，介紹類別的繼... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N181120102 出刊日期： 2018/11/28 模組（Module）用於檔案管理，並可動態載入到程式之中，包含兩種：內部模組（Internal modules）與外部模組（External modules）。在TypeScript 1.5版本之後變更此兩種模組命名方式，其中內部模組（Internal modules）變更為「namespace（命名空間）」；而外部模組（External modules）直接命名為模組（Module），本篇文章將簡介命名空間，以... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N181020003 出刊日期： 2018/10/31 在ECMAScript 5版之前，JavaScript使用constructor（建構函式）與原型繼承（Prototype inheritance）來達到重複使用程式碼的動作，但其語法與架構跟真正物件導向程式語言相比而言，仍有很大的差異。從ECMAScript 6 版（正式名稱為ECMAScript 2015）之後，JavaScript引進了類別（class）語法，讓我們更容易用新語法來建立物件導向的程式。而Ty... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N181020002 出刊日期： 2018/10/17 在JavaScript中，經常使用鴨子型別（duck typing）來檢查資料值的型別，鴨子型別判斷的依據是物件若含有特定名稱的屬性，它可能就是某種型別。鴨子型別（duck typing）有時也稱做「structural subtyping」。TypeScript介面可以補強鴨子型別，為你的程式碼定義合約（Contract）。 在「TypeScript入門」一文中，已經稍微介紹了TypeScript包含介面（I... [更多...]