前端 彙整 - JS Ying's Blog https://blog.jsy.tw/category/coding/frontend/ Thu, 19 Jun 2025 08:59:32 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.8.5 https://blog.jsy.tw/wp-content/uploads/2022/03/cropped-logo-32x32.png 前端 彙整 - JS Ying's Blog https://blog.jsy.tw/category/coding/frontend/ 32 32 188181961 【筆記】React Input 輸入框 autoFocus 無法生效 https://blog.jsy.tw/2806/react-input-autofocus-not-working/ https://blog.jsy.tw/2806/react-input-autofocus-not-working/#respond Wed, 18 Jun 2025 10:21:06 +0000 https://blog.jsy.tw/?p=2806 最近遇到一個有趣的小問題，簡單地筆記一下：React 用變數判斷是否啟用 autuFocus，有時會失效？原來是跟 DOM 的行為有關。本文將提供三種解法——條件渲染、初始寬度判斷以及 ref 手動 foucs。

這篇文章 【筆記】React Input 輸入框 autoFocus 無法生效 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2806/react-input-autofocus-not-working/feed/ 0 2806 【筆記】使用 react-to-image 實現網頁截圖功能並考量電腦與手機版差異 https://blog.jsy.tw/2731/react-to-image-pc-and-mobile-issue/ https://blog.jsy.tw/2731/react-to-image-pc-and-mobile-issue/#respond Mon, 19 Aug 2024 06:39:13 +0000 https://blog.jsy.tw/?p=2731 最近使用了 react-to-image 實現將網頁內容存成 PNG 檔的功能，過程中有發現一些內容跑版以及手機版 UX 不如預期的議題，所以簡單寫篇文章跟大家做分享。

這篇文章 【筆記】使用 react-to-image 實現網頁截圖功能並考量電腦與手機版差異 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2731/react-to-image-pc-and-mobile-issue/feed/ 0 2731 【筆記】Next.js 部署至 Ubuntu 並使用 apache 進行反向代理 https://blog.jsy.tw/2715/nextjs-ubuntu-apache-depoyment/ https://blog.jsy.tw/2715/nextjs-ubuntu-apache-depoyment/#respond Fri, 14 Jun 2024 15:45:42 +0000 https://blog.jsy.tw/?p=2715 Next.js 新手的我，對於第一次要部署有伺服器渲染（SSR）的網站總有些緊張。不過實際操作起來並沒有想像中困難。本文中將記錄我的 Next.js 14 應用部署 Ubuntu 20 並使用 apache 進行反向代理的流程，做個筆記並供各位參考。

這篇文章 【筆記】Next.js 部署至 Ubuntu 並使用 apache 進行反向代理 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2715/nextjs-ubuntu-apache-depoyment/feed/ 0 2715 【筆記】html meta tag: theme-color 設定方式 https://blog.jsy.tw/2702/theme-color/ https://blog.jsy.tw/2702/theme-color/#respond Tue, 28 May 2024 16:51:00 +0000 https://blog.jsy.tw/?p=2702 Html Head 中有個叫 theme-color 的 meta 標籤，其 content 可以放 css 有效的 color 值，來影響瀏覽器或移動裝置的狀態欄和工具列的顏色。本文將介紹 theme-color 的支援環境和使用方法。

這篇文章 【筆記】html meta tag: theme-color 設定方式 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/2702/theme-color/feed/ 0 2702 【筆記】Javascript 大數字與浮點數的計算處理 (decimal.js) https://blog.jsy.tw/1878/javascript-decimal-js/ https://blog.jsy.tw/1878/javascript-decimal-js/#respond Wed, 28 Apr 2021 14:14:12 +0000 https://blog.jsy.tw/?p=1878 在工作上遇到了大位數金額計算的需求，才發現 Javascript 的 number 有著先天的問題無 […]

這篇文章 【筆記】Javascript 大數字與浮點數的計算處理 (decimal.js) 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/1878/javascript-decimal-js/feed/ 0 1878 【筆記】Vue build 之後 css 檔 MINE 型態不是 text/css 的解決方法 https://blog.jsy.tw/1361/%e3%80%90%e7%ad%86%e8%a8%98%e3%80%91vue-build-%e4%b9%8b%e5%be%8c-css-%e6%aa%94-mine-%e5%9e%8b%e6%85%8b%e4%b8%8d%e6%98%af-text-css-%e7%9a%84%e8%a7%a3%e6%b1%ba%e6%96%b9%e6%b3%95/ https://blog.jsy.tw/1361/%e3%80%90%e7%ad%86%e8%a8%98%e3%80%91vue-build-%e4%b9%8b%e5%be%8c-css-%e6%aa%94-mine-%e5%9e%8b%e6%85%8b%e4%b8%8d%e6%98%af-text-css-%e7%9a%84%e8%a7%a3%e6%b1%ba%e6%96%b9%e6%b3%95/#respond Sun, 05 Apr 2020 15:28:57 +0000 https://blog.jsy.tw/?p=1361 最近用 vue 建立一個小專案自娛，明明在開發時 compile 都沒有問題，但 build 之後放上 ser […]

這篇文章 【筆記】Vue build 之後 css 檔 MINE 型態不是 text/css 的解決方法 最早出現於 JS Ying's Blog。

]]> https://blog.jsy.tw/1361/%e3%80%90%e7%ad%86%e8%a8%98%e3%80%91vue-build-%e4%b9%8b%e5%be%8c-css-%e6%aa%94-mine-%e5%9e%8b%e6%85%8b%e4%b8%8d%e6%98%af-text-css-%e7%9a%84%e8%a7%a3%e6%b1%ba%e6%96%b9%e6%b3%95/feed/ 0 1361