哈摟~大家好我是阿華,今天來跟大家分享TypeScript 的 Narrowing 概念, Narrowing當你使用 TypeScript 時,Narrowi...
Day 6 開始是認識參考型別(reference type)。 TypeScript的基本型別(primitive type)除了有以下七種JavaScrip...
Day 5 實作 Ping 和 Timing 模組 昨天完全沒有寫到程式,今天就多寫一些吧。 今天來簡單實作一下類 Koa 的 middlewares pipe...
Day 11 Server Subscription Plans 既然我們昨天寫出了 MongoDB 的儲存後端,那我們就可以來寫一個有趣的模組了:伺服器訂閱方...
昨天的文章提到 keyof 型別運算子可以用來取得物件鍵值(key)型別,並能將鍵值型別們union成一個型別;若單純從取得的型別來看,現在要認識的indexe...
結構型模式之組合模式 受到React Hook啟發,Vue推出了Composition API,從來沒想過[Composition]組合是什麼意思嗎? 今天就來...
getData 這邊的這個、那個、還有這個不要,剩下的Data包了。───────────────────── By Opshell 目標:今天來改寫g...
今天做了幾件小事 定義 Project 的型別 class 增加 Project 的狀態 定義 Listener 的型別 增加新 Project...
Day 19 Slash Command Tree / Action Event 我現在突然有點想用跟 context 類似的方式來處理 slash comma...
今天要介紹其他的型別,是原本的 JavaScript 沒有的,分別是 Tuple、Enum、Any、Uknown。 Tuple 型別一樣是陣列,不過是定義好陣列...
童話比真實還真實。它不單告訴我們惡魔的存在,更揭示:我們擁有戰勝惡魔的力量。 G.K. Chesterton 前言 我坦白了,我不是一個專業的、受人景仰的前...
深入了解 TypeScript 後,讓我們將其與 Vue Composition API 結合使用。有助於我們構建更具可維護性和型別安全性的 Vue 元件,降...
在接下來的文章中,我們將使用 VS Code 學習 TypeScript,首先我們需要安裝 TypeScript,包含以下幾個步驟: 安裝 Node.js...
紅燈停綠燈行 紅燈停、綠燈行,那黃燈呢?就讓Type Guard(型別檢測)告訴你吧~─────────────────────────── By Opsh...
那我們繼續吧! 上面做了取得 DOM 元素,也就是三個 input 的值的動作: 在 class 設置 field 把抓取到的 DOM 元素存到相對應的 f...
最近剛好在做自己github的profile readme剛好想到可以抓取之前寫的it邦幫忙鐵人賽文章放進readme看到github action marke...
自己做輪子 任何傻瓜都可以寫出電腦看得懂的程式,但好的程式設計師會寫出人也看得懂的。───────────────────────── By Kent Be...
泛在一起做撒尿牛丸 爭什麼爭!泛在一起做撒尿牛丸阿,笨蛋────────────────────── By 周星馳 - 食神 目標: Generics(...
今天做了 重構程式碼,寫了一個基本的 component class 讓 ProjectInput class 和 ProjectList class 可以繼...
剛轉職成功的前端菜雞第一次參賽,原本想簡單開心的每天寫一個小小的專案練習 JavaScript, CSS 跟 HTML 來當參賽文章,後來知道新的專案要使用沒學...
今天要來介紹一下如何 set up TypeScript!請先到 TypeScript 的官網然後點選下載 即可用以下指令下載 TypeScript 的 com...
因為公司的專案都用 TS 在寫最近在 vs code 存擋時,只要是.tsx都沒有觸發 auto format on save的功能查了一下要到setting...
終於要把它做完了!!!今天做了兩件事 新增 ProjectItem class,讓每一次渲染時都能夠利用該 class 渲染專案清單 使用 getter 拿到...
Day 11來到這份Tutorial的Section3 - 控制敘述,包含條件判斷(if-else、switch)與迴圈(for、while)等等。 雖然這是T...
它為了解決什麼問題而生? Javascript 的弱型別特性賦予了開發者相當大的彈性,但也造成了一些語法錯誤無法被直接發現,往往要等到出現 runtime er...
今天要介紹的是 generic classes 上面可以看到出現了很多錯誤,因為 data、item 都沒有定義型別,TypeScript 不知道傳進來的東西到...
TypeScript 支援多種主要的型別,這些型別可以用於變數聲明、函式引數(參數)、函式回傳值等今天我們將討論 TypeScript 中一些主要型別,包括...
Day 17 關於 help 一般來說,我們在使用 CLI 時,都會使用 --help 或 -h 來查看該指令的說明,例如: git --help 很多 Di...
Day 26 PermContext 我們在 PermContext 裡面放一個 perm 的方法,可以讓其他模組取得權限資訊。 export interfac...
tsconfig.json 檔案的設定選項繁多,下面是一些較常見的選項及其說明: target: 指定 ECMAScript 目標版本。例如: ES3, E...