https://peter-notes.com/categories/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/Recent content in 前端開發 on Peter.H's Full-Stack GAMEhttps://peter-notes.com/images/og-image.jpghttps://peter-notes.com/images/og-image.jpgHugozh-twWed, 06 May 2026 00:00:00 +0000https://peter-notes.com/posts/printable-a4-report-css-guide/Wed, 06 May 2026 00:00:00 +0000https://peter-notes.com/posts/printable-a4-report-css-guide/想用瀏覽器原生列印做 A4 報表？看似簡單，實際坑多：頁碼怎麼來、跨頁時表頭會不會消失、admin shell 裡的 sidebar 會不會印出來。本文用一個會計報表的實作經驗，整理 CSS Paged Media Module 在實戰中該怎麼用：@page margin box、thead 跨頁重複、visibility: hidden 列印隔離、以及 screen vs print 雙模式的取捨。https://peter-notes.com/posts/vue-jwt-refresh-token-flutter-sso/Tue, 24 Feb 2026 00:00:00 +0000https://peter-notes.com/posts/vue-jwt-refresh-token-flutter-sso/Flutter App 透過 SSO 開啟 Vue 網頁，但 JWT 15 分鐘過期後結帳頁直接報錯。問題不在後端，而是 Vue 從來沒有 refresh token 機制。從跨平台 token 傳遞到 axios interceptor 自動續約的完整修復過程。https://peter-notes.com/posts/ckeditor-image-alignment-fix/Fri, 01 Aug 2025 00:00:00 +0000https://peter-notes.com/posts/ckeditor-image-alignment-fix/深入探討 Strapi CKEditor 5 與前端整合時的圖片排版問題，從 CSS 浮動原理到響應式設計，提供完整的問題分析與解決方案https://peter-notes.com/posts/vue-spa-opengraph-facebook-line/Thu, 31 Jul 2025 00:00:00 +0000https://peter-notes.com/posts/vue-spa-opengraph-facebook-line/深入探討 Vue.js SPA 應用在社交媒體分享時遇到的 OpenGraph 問題，從原因分析到 Meta Server 實作，完整解決方案與部署策略https://peter-notes.com/posts/frontend-login-cors-issues/Tue, 01 Jul 2025 00:00:00 +0000https://peter-notes.com/posts/frontend-login-cors-issues/從同源政策到 CORS 預檢請求，深入理解跨來源資源共用的運作原理，並提供 Strapi、Express、Nginx 等實戰設定範例與完整排查流程https://peter-notes.com/posts/fix-rollup-darwin-arm64-error/Mon, 01 Jan 2024 00:00:00 +0000https://peter-notes.com/posts/fix-rollup-darwin-arm64-error/深入解析 macOS Apple Silicon (M1/M2/M3) 上 Rollup 報錯 Cannot find module @rollup/rollup-darwin-arm64 及 Gatekeeper 阻擋問題的完整解決方案。