講了六篇 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)。這個讀卡機是目前市面...
事件委派 event delegation 事件委派 event delegation 是一種 JavaScript Pattern，在父層 DOM 元素上只要...
本篇將會介紹不同種類的 Function 在 TypeScript 中的寫法和變化 Function 分成幾大部分講解 函式宣告式 函式表達式 箭頭函式 泛...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 在第四天，我們將探討 JavaScript 中的解構賦值和擴展運算符...
Day 04 RFID 硬體介紹、購買及使用經驗分享 想要研究 RFID 的人，不可避免都要先花一筆不小的錢購買一批讀卡機硬體。均民特地寫這篇文章，來分享自己對...
JavaScript 是單執行緒的語言，所以一次只能執行一件事。事件循環 Event loop 是可以確保作為單行緒語言的 Javascript 可以在執行環境...
== 是鬆散比較運算子、===是嚴格比較運算子，兩者最大的不同：==是當等號兩邊 values 的型別不同時，會強制轉換資料型別與值，而 === 不會。 ===...
先拿一張 Sanity 官方的圖片 可以看到 preview 分為三個部分。 title subtitle media 所以設計 preview 就是要怎麼...
Sanity schema 首先來了解一下 Sanity 的 schema 是如何定義的。看看 sanity.config.ts // ... import {...
在純 JavaScript 中沒有支援「元組」的寫法，不過其實在有些程式語言中是有的，如 Python, Rust, C#本篇將來帶你了解「元組」基本概念，並...
在上一篇文章中，我們探討了如何掌握 HTML 和 CSS 的基礎，這些技術幫助你建立網頁的結構和樣式。然而，網頁的動態功能和邏輯處理則依賴於另一個關鍵技術——T...
使用 let、var 和 const 宣告變數時分別在：作用域、初始化、重複宣告、重新賦值、提升時有不同的行為。 作用域 scope var 的作用域是全域或是...
Wayne Chang
戴均民
hannnahTW
polikuj1
mary5555
MichaelHo
Monica
blueye
Ashley
Chill 77
Chiayu
iThome鐵人賽
看影片追技術