前言 TypeScript 我們已經學的差不多了～接下來要進入實戰環節！這個章節我們會使用 Express 框架來實作簡單的 CRUD Web 後端應用程式，...
使用 Vue <TransitionGroup> 打造出色的卡片動態效果 是否覺得網站上的卡片或列表元素看起來呆板？新增或移除元素時，總是顯得「生...
本篇要來講解「聯合型別」和「交集型別」這兩親戚讓大家了解兩者的差別、使用時機，以及使用上該注意的地方 聯合型別(Union Type) 請原諒我的圖真的畫得很...
型別檔輸出設定 ( sanity-typegen.json ) 前一篇講那麼久，都是輸出型別檔後，再手動複製型別檔到其他專案內，或是輸出的檔名固定是 sanit...
Sanity TypeGen Sanity TypeGen 可以透過分析 Sanity 定義的 schema 跟使用 GROQ String helper 定義...
Day 08 Flipper Zero 介紹、購買及使用經驗分享 Flipper Zero 是一款在研究 RFID 領域的瑞士刀，除了 RFID 的高頻及低頻...
在 JavaScript 中this的指向會根據不同呼叫的方式而有不同的結果，以下分別列出幾種this的運作方式： 全域環境 在全域的環境下： 瀏覽器中：th...
今天要介紹的是 Factory 模式，也是 GoF 提及的模式之一。 情境 在軟體開發時，有時需要建立物件，但建立物件的過程可能非常複雜或需要大量配置，需要在...
變數宣告 var 全域變數： var 宣告的變數在函式作用域內是全域的，並且可以在函式內的任何地方使用。var 變數可以重新宣告和重新賦值。var 變數會被...
本文簡介 在現代 Web 應用開發中，確保數據的完整性和類型安全是至關重要的。今天，我們將探討如何使用 TypeScript 和 Zod 來進行後端 API...
介紹 在現代 Vue.js 應用程序中，Pinia 和 Vue Router 的結合使用為我們提供了強大的狀態管理和路由控制能力。今天，我們將深入探討如何將這...
講了六篇 Sanity 設定，也是時候把前端專案啟動起來了。 啟動 Next.js 專案 使用 create-next-app 啟動一個空的 Next.js 專...
Day 07 PN532 介紹、購買及使用經驗分享 PN532 是一款生態圈最豐富的 RFID 讀卡機之一，支援多種程式語言。雖然韌體沒有開源，但提供了 Pro...
昨天對 Enum 做了基本的介紹，包含 Numeric Enums, String Enums，計算成員等，因篇幅限制，把一部分內容補充在這篇～本篇將會帶你來...
Custom Video Player客製化播放器 video當你想讓使用者自己去控制音量、播放位置的時候，可以在標籤上加上controls。 <vide...
本篇將來介紹 Enum，你會了解到什麼是 「Numeric Enums」, 「String Enums」，「計算成員」以及 Enum 中「反向查找」和「雙向映...
插座(socket)例子：日期伺服器＆客戶端。 名詞定義： 插座 (socket)：通信的終端。一組行程使用一對插座，雙方各一個，在網路上通信。一個插座是由一...
介紹 在 Vue 3 的世界裡，Composition API 為我們帶來了更靈活、更強大的組件編寫方式。而 @vueuse/core 和自定義 Compos...
介紹 響應式設計是現代 Web 開發中的關鍵能力，從手機到桌面應用，我們需要靈活地適應各種屏幕尺寸。UnoCSS 提供的 attributify 模式讓我們可...
今天要介紹的是 Prototype 模式，這是 GoF 提出的模式之一。 情境 在軟體開發中，有些物件具有高相似度，或是使用的方法、功能類似，開發者需要一種方...
在 Sanity 中，替某些欄位加入預設值是可以加快開發時程的，像是發布日期預設在當天、各種不同樣板等等。Sanity 裡有兩種方法可以設置欄位預設值，一種是在...
介紹 在 Vue 3 中，Pinia 作為狀態管理庫，提供了靈活而強大的工具來管理應用的狀態。為了進一步提高 Pinia 的使用體驗，了解其底層機制和相關概念...
介紹 在開發大型應用時，確保用戶只能訪問他們有權限的頁面是非常重要的。Vue Router 提供了靈活的路由控制能力，可以結合角色權限實現應用的安全性。本文將...
介紹 在 Vue 應用開發中，表單驗證是一項至關重要的功能，尤其是當表單數據變得複雜且需要高度自定義時。Zod 作為一個強大的 JavaScript 驗證庫，...
Day 06 Chameleon 介紹、購買及使用經驗分享 Chameleon 俗稱變色龍，這系列產品主打模擬卡片功能，並附帶電池及藍牙修改資料的功能。目前有兩...
今天接續介紹 Rust 的原生資料型別子集：純量剩下的型別。 字元 Rust 的 字元(char) 型別大小是 4 bytes，並表示為一個 Unicode 純...
接續 第 8 天的 - Function今天來談談一個在 JavaSceipt 中沒有，在 TypeScript 中卻有的概念 - Function Over...
在 Day 3 Module 模式有短暫提及 Singleton 這個詞彙，今天就來看看 Singleton 模式是什麼吧！Singleton 模式也是 Go...
Sanity 是可以定義”必填”、”欄位限制條件”及”提示訊息”等諸如此類的。 export default defineType({ // ... f...
Day 05 Proxmark3 介紹、購買及使用經驗分享 如果想要研究 RFID，必備的讀卡機就是 Proxmark3 (簡稱 pm3)。這個讀卡機是目前市面...
Mao
Sunny.Cat
hannnahTW
Wayne Chang
戴均民
Ashley
Monica
MichaelHo
polikuj1
mary5555
blueye
iThome鐵人賽
看影片追技術