通常聽到一門新的技術，第一句話會問的就是... 為何我要使用這門技術呢？ 貼心小提醒：如果單純想了解 TS 是什麼，以及優勢與缺點，可以跳過前文喔！...
前言 這系列標題不是 Angular 2之 30天邁向神乎奇蹟之路嗎？怎麼才第二天標題就是 TypeScript(之後簡稱 TS)了呢？怎麼有種掛羊頭賣狗肉的...
本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器，也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing...
《前線維護》篇章概要 第一次看到 TypeScript 的人，最先看到就是型別註記（以下會把程式碼有註記的部分用 ~ 顯示出來）—— 英文稱為 Type An...
本文同步發佈於: Claire's BLOG Angular是一個框架，用來編寫html的應用程式，可以用javascript或typescript去編寫。 下...
Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...
什麼是Routing? Routing意指路由器，也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing時，會有下列的實踐流程 套用轉址設定（讓伺...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-15
昨天初步介紹了 TS 介面以及如何宣告，但昨天在研究介面的時候，心中一直有個疑惑，介面怎麼和之前提到的型別別名(Type Alias)有點像，究竟有什麼差別呢？...
前言 閱讀這篇文章前，先回顧一下昨天的學習，回答看看： 如何建立測試 TypeScript 的開發環境(線上/本機)？ 如果型別錯誤，TypeScript...
將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...
Angular處理http是使用rx（Reactive Programming）來實作的，類別的名稱為rxjs 在閱讀此篇之前，建議可以了解一下何謂Reacti...
閱讀本篇文章前，仔細想想看 你能不能分辨 TypeScript 型別推論和註記的差別在哪裡呢？ 試舉出推論的行為到底是什麼？如何運作的？ Nullable...
設定Router Module 若我們的Router設定較為複雜時，可將Router配置為一個Router Module。首先，設定一個路由模組app-rout...
何謂依賴注入 什麼是依賴注入呢？可以參考這篇文章：理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...
在前兩天的文章中都有提到類別繼承(Class Interitance)的概念，使用的是extends關鍵字，今天會再深入探討並加上討論類別實踐(Class Im...
使用HttpClientModule 官方文件：https://angular.io/api/common/http/HttpClientModule 下面是一...
Ahead-of-Time (AOT)編譯 在Angular中有兩種編譯模式： JIT(Just-in-Time)：Angular預設是使用 Just-in-...
今天開始來探討如何使用 TS 結合 React 進行開發，要開發一個專案，最重要的就是建置開發環境。這裡我們會介紹兩種React + TypeScript 建置...
Directive有分為結構型和屬性型的，這一篇要先介紹屬性型的Directive。本篇的範例請見：Attribute Directive example / ...
Angular modularity Angular有提供許多的功能，如FormsModule、HttpModule、RouterModule，都是NgModu...
閱讀今天的文章前，先回顧一下昨天的學習，回答看看： 簡單陣列的型別推論機制為何？ 混合陣列的型別推論機制為何？ 如果有點不清楚答案的話，可以看看 Day1...
這系列的文章為我在官網學習Angular 5時所紀錄下來的學習筆記。 原文的原始教程都可在Angular的Docs看到。 這三十天的筆記大綱預計分為新手教程、功...
前言 如果沒有碰過其他物件導向語言的話，Interface 應該會顯得很陌生，筆者剛學的時候也不例外，但其實它使用起來真的是很強大，本篇會介紹 Interfac...
這個專案決定給自己高一點的標準，使用TypeScript+Eslint的Airbnb規範 TypeScript是什麼 TypeScript是將JavaScrip...
使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...
Q: 祈求程式不會有bug該拜什麼神？A: 拜雍正，專治八阿哥 // XDD 今天來講tsconfig.json，覺得新手這篇可以先 pass，大概知道有 t...
本文同步發佈於：Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...
本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes用這個指令，CLI會為我們初...
閱讀本篇文章前，仔細想想看 大概可以解釋普通 JS 物件（也就是 JSON 格式，或筆者所謂的狹義物件）在 TypeScript 裡的推論機制。 知道筆者...
Maxwell Alexius
微中子
Claire Chang
Kira
神Q超人
b97201019
廢廢前端 iris
iThome鐵人賽
看影片追技術