Day 26 PermContext 我們在 PermContext 裡面放一個 perm 的方法，可以讓其他模組取得權限資訊。 export interfac...
用兔子吹泡泡動畫驚豔你的訪客，刷新等待體驗 你是否曾經因為網站載入速度太慢而感到焦慮？ 在現代網站開發中，等待通常是訪客戶最不喜歡的環節。如何讓使用者在等待...
在之前的基礎型別和小專案上，會發現有時候我們想要在設計專案的時候，有時候會不知道怎麼去預測我需要放置的型別對吧，因此在使用 TypeScript 希望能假裝一下...
叮叮
‧
2023-09-30
筆者背景 大家好，我是 Tuhacrt (吐哈庫)。 我是今年(2023)六月才剛成為軟體工程師的菜鳥工程師，有一次跟前輩在 debug 的途中討論到 Func...
Day 5 實作 Ping 和 Timing 模組 昨天完全沒有寫到程式，今天就多寫一些吧。 今天來簡單實作一下類 Koa 的 middlewares pipe...
今天要來介紹Intersection、Type guard。 Intersection 型別是把兩種定義好的 type 做合併，這在定義物件的時候滿方便的： t...
什麼是聯合型別？ 在 TypeScript 中，聯合型別（Union Types）允許一個變數可以賦值多種不同的型別，並使用 | 符號將這些可能的型別隔開。...
肉鬆
‧
2023-09-24
介紹 響應式設計是現代 Web 開發中的關鍵能力，從手機到桌面應用，我們需要靈活地適應各種屏幕尺寸。UnoCSS 提供的 attributify 模式讓我們可...
前言 & 心得 終於完賽了！🎉 每天數著日子發文，終於順利完成了第十七屆鐵人賽——真的超怕中途斷賽 😭 其實從以前開始開發時，就常常透過搜尋看到許多前輩...
本篇文章除了要來介紹 undefined、null 在 strictNullChecks 的不同設置下的差異還會介紹到「兩者的可指派性」和 「TypeScri...
在前一篇文章中，我們介紹了泛型的基本概念和它所提供的靈活性。今天，我們將深入探討泛型的多種應用方式，包括多個型別參數的泛型函式、泛型約束、泛型介面和泛型類別。...
肉鬆
‧
2023-10-11
接續 第 8 天的 - Function今天來談談一個在 JavaSceipt 中沒有，在 TypeScript 中卻有的概念 - Function Over...
什麼是 OOP？ OOP（Object-Oriented Programming，物件導向程式設計）是一種程式設計範式或方法論，以物件為核心，將資料和與資料相...
肉鬆
‧
2023-10-08
型別系統(Type System)是 TypeScript 提供的核心功能，它建立起了型別的宇宙本篇要來介紹型別系統中在基本不過的概念 -「型別註釋」、「型別...
前言：TypeScript 這麼好，不推嗎？ 歡迎來到 30 天的 TypeScript 挑戰之旅！如果你曾經在開發中因為 TypeScript 錯誤而頭疼，...
隨著前端技術的不斷發展，現代應用變得愈來愈複雜，開發團隊也愈來愈龐大。這時候，強大的型別系統與模組化結構就顯得至關重要。而 TypeScript，作為 Java...
今天應該會完成大致上的呈現～ Step1 修正 App.tsx // App.tsx import React, { useState } from 'rea...
叮叮
‧
2023-10-11
今天來實作一個 Decorator 的例子，當我們在畫面上有一個按鈕，想要透過點擊該按鈕觸發 showMessage() 顯示 Printer 實例裡面的 me...
本篇將會介紹不同種類的 Function 在 TypeScript 中的寫法和變化 Function 分成幾大部分講解 函式宣告式 函式表達式 箭頭函式 泛...
在很早期 TypeScript 還沒建立出 impot 和 export 的時候，namespace 是一種組織代碼的方式。但隨著 ES6 模組系統的普及，其*...
叮叮
‧
2023-10-12
本文簡介 在現代 Web 應用開發中，確保數據的完整性和類型安全是至關重要的。今天，我們將探討如何使用 TypeScript 和 Zod 來進行後端 API...
介紹 在構建單頁應用（SPA）時，路由管理是一個至關重要的部分。Vue Router 是 Vue.js 官方提供的路由解決方案，與 Vue 3 的 Compo...
Day 27 身份組的權限 身份組的權限是一個很重要的概念，它可以讓我們對不同的身份組設定不同的權限，讓我們可以控制不同身份組的使用者可以做什麼事情。 我打算把...
本篇將來介紹 Enum，你會了解到什麼是 「Numeric Enums」, 「String Enums」，「計算成員」以及 Enum 中「反向查找」和「雙向映...
narrowing用於限定程式碼某一區塊中，限定它的型別 let foo: any const func = () => { // 檢查字串(空字...
今天做了幾件小事 定義 Project 的型別 class 增加 Project 的狀態 定義 Listener 的型別 增加新 Project...
Day 24 TypeScript String Literal 我發現我的系列進度嚴重落後，但也不知道該怎麼補上。 QQ 昨天的 TypeScipt 提示可...
終於要把它做完了！！！今天做了兩件事 新增 ProjectItem class，讓每一次渲染時都能夠利用該 class 渲染專案清單 使用 getter 拿到...
介紹 在 Vue 3 的世界裡，Composition API 為我們帶來了更靈活、更強大的組件編寫方式。而 @vueuse/core 和自定義 Compos...
探索 Vue.js 循環動效，為您的網頁注入獨特的貓咪魅力，感受每一刻的‘MADE WITH LOVE’。 哈囉各位，今天我們要一起來揭開文字循環特效的神秘面...
JacobLinCool
Sunny.Cat
Tuhacrt
Claire
MichaelHo
arvinyang
hannnahTW
Annie
iThome鐵人賽
看影片追技術