iT邦幫忙

typescript相關文章
共有 673 則文章
鐵人賽 Modern Web DAY 6
派對動物嗨起來! 系列 第 6

技術 D06 - 打造遊戲選單按鈕:利用 SVG 產生文字外框

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 12

技術 Day 12. 機動藍圖・介面宣告 X 使用介面 - TypeScript Interface Intro.

《機動藍圖》篇章概要 本系列第二部分:《機動藍圖》(The Agile Blueprint)篇章涵括的範圍就是 TypeScript 的重頭戲。不外乎,筆者想...

鐵人賽 Modern Web DAY 1

達標好文 技術 Day 00 | React With TypeScript - 旅途漫長,所以我們需要地圖

Hi!大家好,我是神 Q 超人,很開心又過了一年了(咦? 自從去年鐵人賽毅然決然退隱修煉後,一直在等著的就是這個機會 XD ,希望能夠記取去年到後半段不知道在寫...

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 27

技術 Day27 :【TypeScript 學起來】Module 模組

在ES6前, 常用的模組概念是 CommonJS , require 引入模組與 exports 匯出模組。 到了 ES6 則新增了 import 與 exp...

鐵人賽 自我挑戰組 DAY 17
Typescript 初心者手札 系列 第 17

技術 【Day 17】TypeScript 資料型別 - 通用型別(Generic Types)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: any 和 unknown 型別的差別為何? 倘若希望 TypeScript 編譯時禁止隱性推論 any...

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 自我挑戰組 DAY 18

技術 Day 18:將你的 Angular 更新到最新版!

今天要來談談如何查看 Angular 應用程式的版本及更新。 首先,我們要先知道目前本機端的 Angular 版本為何,可以先在終端機面板輸入 ng versi...

鐵人賽 Modern Web DAY 13

技術 Day 13. 機動藍圖・介面的延展 X 功能與意義 - Interface Extension & Significance

閱讀本篇文章前,仔細想想看 如何宣告介面(Interface)? 介面跟型別(Type)在語法上的差別與規則會是什麼?(筆者目前還沒講概念上的差別,讀者先...

鐵人賽 自我挑戰組 DAY 29
Typescript 初心者手札 系列 第 29

技術 【Day 29】在 React 專案中使用 TypeScript - 宣告檔案(declaration file)(下)

昨天我們探討了宣告檔案的使用情境,知道如何載入第三方宣告檔案,以及如何判斷函式庫使用方式,今天要來探討如何撰寫宣告檔案.d.ts以及如何發布宣告檔案。 在使用情...

鐵人賽 Modern Web

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

貼心小提示 筆者最近開始在整理內容並且使用 TypeScript 實驗並且寫各種小專案,因此 Day 50+ 以後的內容通常都是筆者偶爾會整理的一些很實用的東...

鐵人賽 自我挑戰組 DAY 2
Typescript 初心者手札 系列 第 2

技術 【Day 02】搭建開發測試環境 - Hello TypeScript

前言 閱讀這篇文章前,讓我們來想想看: 如何用一句話說明什麼是 TypeScript? 為什麼要用 TypeScript進行開發? 如果有點不清楚答案的話...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web
強型闖入DenoLand 系列 第 35

技術 強型闖入DenoLand[34] - 淺談跨來源資源共用(CORS)與解決辦法

強型闖入DenoLand[34] - 淺談跨來源資源共用(CORS)與解決辦法 在談完 Web API 的實作後,今天筆者想跟大家分享後端與前端常常碰到的頭痛...

鐵人賽 Modern Web DAY 17

技術 Day 17. 機動藍圖・複合型別 X 型別複合 - TypeScript Union & Intersection

閱讀本篇文章前,今天什麼都不用想! 直接進入正文,快看下面! 筆者就直接讓油門繼續摧下去~正文開始! 筆者 O.S.:今天又是數學時間,要學好程式可真不...

鐵人賽 Modern Web DAY 21

技術 Day21:【TypeScript 學起來】Generics 泛型

是說在社群到處都在爆雷的《魷魚遊戲》,我進度第一集,好想棄賽來追劇(我就廢然後謝謝沒看魷魚遊戲,不小心看到我文章的你~(還是你已經看完了 沒寫很好,當作筆記記...

鐵人賽 Modern Web DAY 7
派對動物嗨起來! 系列 第 7

技術 D07 - 開趴前先 loading 一下:使用 Pinia 與 Composition API

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 5

技術 Day5 - Vue & Webpack & Service Worker 工欲善其事必先利其器

這一篇有跟大家介紹了Service Worker的應用,今天想帶一下Webpack,強大的打包工具。我會希望我的前端,能夠用到Webpack + Service...

技術 白鷺引擎Egret Engine-如何創建場景

繼上一篇 白鷺引擎Egret Engine-專案裡包了什麼這篇來解析如何創建場景 因為也是一邊接觸一邊把碰到的東西分享上來如果資訊有誤或是有更好的資訊非常非...

鐵人賽 Modern Web DAY 7

技術 Day7 - Vue-Lazyloading & Service worker Hook

上一篇學習了如何建立typescript & webpack & service worker的專案。 今天繼續實作如果將service wor...

鐵人賽 Modern Web DAY 9

技術 Day 09. 前線維護・選用屬性 X 型別擴展 - Optional Properties

閱讀本篇文章前,仔細想想看 明文型別(Literal Type)是什麼? 如何使用型別化名(Type Alias)?使用化名的好處是什麼? 變數被指派廣義...

鐵人賽 Modern Web DAY 27

技術 「全端挑戰」TypeScript與Tailwindcss介紹,後台介面架設篇章

鐵人賽 Day27自己做一個價值幾十萬的動態網站 第二十七課:最後篇章也是最後TypeScript與後台介面架設介紹 再進入後台介面製作與講解前,我們可以先來了...

鐵人賽 自我挑戰組 DAY 1
Typescript 初心者手札 系列 第 1

技術 【Day 01】TypeScript 起手式 - What’s TypeScript ?

前言 從 Hello World 開始寫程式近一年了,每天充滿各種學習和挑戰,樂此不疲,覺得幸運能夠在樂於分享、充滿新知的領域,透過不斷地學習和經驗積累,慢慢朝...

鐵人賽 Software Development DAY 5

技術 物件導向的封裝繼承 - 05

封裝(Encapsulation) 封裝就是將物件(Class) 內部的資料隱藏起來, 只能透過物件(Class) 本身自己存取內部的欄位(field), 屬性...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 10

技術 Day 10. 前線維護・特殊型別 X 永無止盡 - Never Type

閱讀本篇文章前,仔細想想看 如何跳脫死板定義的型別 type 格式? 對狹義物件的屬性下達 undefined 之原始型別跟使用選用屬性(Optional...

鐵人賽 Modern Web DAY 8
派對動物嗨起來! 系列 第 8

技術 D08 - 載入就應該要有載入的樣子

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 29

技術 「全端挑戰」後台介面與資料串接管理,Api爬梳nosql類資料

鐵人賽 Day29自己做一個價值幾十萬的動態網站 第二十九課:後台介面與資料串接管理,Api爬梳nosql類資料 part2 前一天我們完成了簡單的資料串接,而...

鐵人賽 Modern Web DAY 11

技術 Day 11. 前線維護・特殊型別 X 無法無天 - Any & Unknown Type

閱讀本篇文章前,仔細想想看 當函式遇到 100% 無法跳脫或會拋出例外的狀況,這時 TypeScript 會如何對該函式進行推論? never 型別為所...

鐵人賽 Modern Web DAY 6

技術 [Day6] 訂定資料格式-TypeScript:型別判斷

今日關鍵字:TypeScript 接續昨天icon尚未設定完成先自定一個對應各個畫面的陣列 const routes = [ { name: 'H...