iT邦幫忙

typescript相關文章
共有 176 則文章
鐵人賽 Modern Web DAY 2

技術 [Day 02] TypeScript -- Angular 2 的寫作靈魂

前言 這系列標題不是 Angular 2之 30天邁向神乎奇蹟之路嗎?怎麼才第二天標題就是 TypeScript(之後簡稱 TS)了呢?怎麼有種掛羊頭賣狗肉的...

鐵人賽 Modern Web DAY 8

技術 [功能介紹-1] Angular架構

本文同步發佈於: Claire's BLOG Angular是一個框架,用來編寫html的應用程式,可以用javascript或typescript去編寫。 下...

鐵人賽 Modern Web DAY 30

技術 [技術支援-8] 產品發佈設定

將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...

鐵人賽 Modern Web DAY 6

技術 [新手教程-6] 使用Routing來切換頁面

本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼 在套用Routin...

鐵人賽 Modern Web DAY 7

技術 [新手教程-7] 使用http來與API溝通

Angular處理http是使用rx(Reactive Programming)來實作的,類別的名稱為rxjs 在閱讀此篇之前,建議可以了解一下何謂Reacti...

鐵人賽 Modern Web DAY 21

技術 [功能介紹-14] Router基礎介紹

什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼 在套用Routing時,會有下列的實踐流程 套用轉址設定(讓...

鐵人賽 Modern Web DAY 1

達標好文 技術 [新手教程-1] 建立一個Angular5的專案

這系列的文章為我在官網學習Angular 5時所紀錄下來的學習筆記。 原文的原始教程都可在Angular的Docs看到。 這三十天的筆記大綱預計分為新手教程、功...

鐵人賽 Modern Web DAY 29

技術 [技術支援-7] TypeScript設定

TypeScript配置 TypeScript是Angular應用開發中使用的主語言。瀏覽器不能直接執行TypeScript,得先用tsc編譯器轉譯(trans...

鐵人賽 Modern Web DAY 17

技術 [功能介紹-10] Reactive Forms (Model-Driven Forms) 

Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...

鐵人賽 Modern Web DAY 20

技術 [功能介紹-13] HttpClient

使用HttpClientModule 官方文件:https://angular.io/api/common/http/HttpClientModule 下面是...

鐵人賽 Modern Web DAY 27

技術 [技術支援-5] 佈署方式JIT及AOT介紹

Ahead-of-Time (AOT)編譯 在Angular中有兩種編譯模式: JIT(Just-in-Time):Angular預設是使用 Just-in-...

鐵人賽 Modern Web DAY 22

技術 [功能介紹-15] Router進階介紹

設定Router Module 若我們的Router設定較為複雜時,可將Router配置為一個Router Module。 首先,設定一個路由模組app-rou...

鐵人賽 Modern Web DAY 2

技術 [新手教程-2] 創立Angular的元件

本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes 用這個指令,CLI會為我...

鐵人賽 Modern Web DAY 19

技術 [功能介紹-12] Angular裡Service的DI

何謂依賴注入 什麼是依賴注入呢?可以參考這篇文章:理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...

鐵人賽 Modern Web DAY 23

技術 [技術支援-1] 支援多語系

Angular i18n可做到的事 以本地格式顯示日期,數量,百分比和貨幣。 在組件模板中翻譯文字。 翻譯單數和複數 翻譯HTML屬性的替代文字 可以透過C...

鐵人賽 Modern Web DAY 18

技術 [功能介紹-11] NgModules

Angular modularity Angular有提供許多的功能,如FormsModule、HttpModule、RouterModule,都是NgModu...

鐵人賽 Modern Web DAY 13

技術 [功能介紹-6] Attribute Directives

Directive有分為結構型和屬性型的,這一篇要先介紹屬性型的Directive。 本篇的範例請見:Attribute Directive example /...

鐵人賽 Modern Web DAY 3

技術 [新手教程-3] 使用Angular的迴圈及判斷式等功能

本文同步發佈於:Claire's BLOG 延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/her...

鐵人賽 Modern Web DAY 26

技術 [技術支援-4] Angular Universal

什麼是Angular Universal 下面是一段截錄於https://itw01.com/G3MBE3P.html對Angular Universal目的的...

鐵人賽 Modern Web DAY 11

技術 [功能介紹-4] 組件間的溝通

本文同步發佈於:Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...

鐵人賽 Modern Web DAY 16

技術 [功能介紹-9] Template-Driven Forms

使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...

鐵人賽 Modern Web DAY 5

技術 [新手教程-5] 建立Service

這邊是上一篇Angular的主從元件開發的範例檔案:按此下載 本文同步發佈於:Claire's BLOG 創建 HeroService 使用Angular CL...

鐵人賽 Modern Web DAY 10

技術 [功能介紹-3] Hooks的生命週期

本文同步發佈於:Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件,當元...

鐵人賽 Modern Web DAY 14

技術 [Angular2] dropdown list with ngFor and enum

Introduction The article will show how to use ngFor, ngModel and enum to create...

鐵人賽 Modern Web DAY 4

技術 [新手教程-4] Angular的主從元件開發

本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...

鐵人賽 Modern Web DAY 12

技術 [功能介紹-5] 動態載入元件

模版組件有的時後會需要能夠動態被載入,在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅,因為...

鐵人賽 Modern Web DAY 9

技術 [功能介紹-2] 資料繫結的模版語法

本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...

鐵人賽 Modern Web DAY 14

技術 [功能介紹-7] Structural Directives

什麼是結構指令 結構指令負責HTML佈局。他們通常通過添加,刪除或操縱元素來塑造或重塑DOM的結構。結構指令很容易識別。通常會有星號(*)在指令屬性名稱前面。...

鐵人賽 Modern Web DAY 25

技術 [技術支援-3] Service worker離線支援

關於Service worker Angular在第5版新推出了支援Service worker的功能,主要是可以讓Angular更能符合PWA的概念。 PWA...

技術 無痛起手白鷺引擎Egret Engine

近期開始接觸了一套框架 - 白鷺引擎 簡單說明就是一個什麼都能做的遊戲前端框架 你想要的沒意外的話它都能實作 缺點 網路資源跟官方文檔很兩光 網路上挖得到的資料...