鐵人檔案
「順順的寫js，何必還需要 TypeScript 來增加開發難度和學習曲線？」我曾這麼想，但是總有一個聲音會告訴我：「旅行者，當一切都很順利的時候，一定要回頭看看有沒有問題？」，但隨著專案越做越大越複雜，沒有 TypeScript 的輔助還真是有點讓人頭痛呢（這函數究竟會回傳什麼，到底是String 還是 Number 呢？）
從零到起飛，希望掌握 TypeScript 的基礎和進階功能，還將通過一個小專案來鞏固和展示知識和技能。希望能順利完賽和紀錄學習。
物件和陣列的相等性: const obj1 = {}; const obj2 = obj1; console.log(obj1 === obj2); //...
tsconfig.json 檔案的設定選項繁多，下面是一些較常見的選項及其說明： target: 指定 ECMAScript 目標版本。例如: ES3, E...
在目前的前端生態中，TypeScript 與 React 已成為前端工程師的主要工具之一，使用 TypeScript 能確保我們專案的更加的完善（可讀性高、錯誤...
今天繼續來完成前端網站 React 的部分，首先有好幾個地方要修正，像是資料呈現的屬性資料顯然是不夠的、圖表上的顯然是庫存而不是價格、每週的銷售紀錄等等呈現。...
顯然跟目標網頁比較還有點小地方可以調整，主要是 CSS 上面的調整。 CSS 是一種描述語言，用於描述 HTML 的呈現方式。也就是說，在網頁上看到各種顏色、佈...
今天應該會完成大致上的呈現～ Step1 修正 App.tsx // App.tsx import React, { useState } from 'rea...
在很早期 TypeScript 還沒建立出 impot 和 export 的時候，namespace 是一種組織代碼的方式。但隨著 ES6 模組系統的普及，其*...
1. ES6 解構式語法基礎、進行型別註記 解構式語法 在 ES6 中，解構（Destructuring）是一種簡單快速地提取陣列或物件中數值的方式，並將它們賦...
1. 啟用實驗性設定(tsconfig.json)、初次使用 TypeScript 裝飾子是一種特殊的宣告，可以被附加到類聲明、函式、屬性或參數上。裝飾子使用...
看大家第一篇都會有一個前言，那我的也不能缺席XD，只是走得比較慢。 回首三十日的 TypeScript 之旅 三十天前，我決定踏上一場關於 TypeScrip...
