JINL
0 位追蹤者
JINL
0 位追蹤者
全部內容
由新到舊
前言
公司最近配的一台螢幕，沒辦法調整亮度，亮得要命，眼睛要瞎掉了所以只好自立自強搞一個螢幕遮罩
上一章節回顧
第一章：顯示 Electron 視窗，可調整透明度
本章節內容
參數維護移植到 main/js
前言
公司最近配的一台螢幕，沒辦法調整亮度，亮得要命，眼睛要瞎掉了
所以只好自立自強搞一個螢幕遮罩
本章節內容
顯示 Electron 視窗，可調整透明度
(進階) 搭配 Nano Stores 完成「過濾器按鈕」
index.astro 的 ALL 按鈕，改為 FilterButton.tsx
套用先前建立好的 techStore.js
1. 建立 FilterButton 元件
新增 src\components\FilterButton
(進階) 搭配 Nano Stores 完成「即時搜尋」
靜態 HTML
Client Component
Vanilla JS / Framework JS
(進階) 在 Astro 5 中讀取並顯示
我們可以直接在頁面中把這些資料抓出來，並根據 status 分類。
這是一個讓開發者管理自己「想學、正在學、已精通」技術清單的工具，強調極速的頁面切換與流暢的 UI。
環境架構設計
astro v5
tailwind v4
Nano Stores
vercel 佈署
要在 Astro v5 儀表板中加入互動圖表，最推薦的方式是使用 Recharts 或 Chart.js 配合 React 或 Vue 組件，因為圖表需要客戶端（Client-side）的 JavaScript 來達成縮放、懸停提示等互動功能。
在 Astro v5 的架構下，為多語系儀表板加入搜索功能，最推薦的方案是 Pagefind。它是一個極其快速、靜態化的搜尋庫，非常適合 Astro 這種注重效能的框架。
以下是將 Pagefind 整合進你的專案的步驟：
1. 安裝與設定
Pagefind 是在構建（Build）完成後掃描
環境架構設計
astro v5
tailwind v4
vercel 佈署
i18n 多語系架構
第三題：跨框架同步（React 與 Vue 的對話）
這是 Nano Stores 最強大的地方。假設你有一個專案，因為歷史原因或團隊偏好，同時使用了 React 和 Vue。
練習目標
建立一個 React 的輸入框（Input）。
建立一個 Vue 的預覽文字（Preview）。
當
