frontend
共 24 篇文章
個人網站改版建置心得 Headless WordPress + Nuxt
一直聽過 WordPress 的無頭模式(Headless)架構，最近心一狠就把自己的網站轉移成無頭模式架構。 […]
理解與前端實作 reCAPTCHA v3
理解與實作 recaptcha Google reCAPTCHA 是一種常見的機器人驗證技術，用來區分人類使用 […]
Nuxt3 / Vue 3 動態取得圖片
Nuxt3 / Vue 3 動態取得圖片 參考資料 https://www.lichter.io/articl […]
html2canvas 在 safari 中遇到錯誤”0ms Starting document clone”
html2canvas 在 safari 中遇到錯誤"0ms Starting document c […]
Vue3 建立輸入自動完成(autocomplete)
Vue 建立輸入自動完成(autocomplete) 參考資料：https://stevencotterill […]
在 github page 上部署 vue SPA 時 vue-route 失效的問題
在 github page 上部署 vue SPA 時 vue-route 失效的問題 參考資料: Vue R […]
Nuxt 3 的 PWA 設定方式
Nuxt 3 的 PWA 設定方式 Nuxt 3 內就有基本的 PWA 設定，因為我只需要用到主畫面連結，因此 […]
在手機上進行前端網頁的debug
在手機上進行前端網頁的debug 說來真是羞愧，最近才知道有這個神兵協助手機上的除錯XD 當專案越寫越多樣化時 […]
Vite 部署在 github page
Vite 部署在 github page 請參考官方文件：https://vitejs.dev/guide/s […]
使用 Github + GAS 建立 LIFF 問卷
使用 Github + GAS 建立 LIFF 問卷 之前有個專案需求是透過 LINE bot + Googl […]
使用 Github Action 部署 Github Pages
使用 Github Action 部署 Github Pages (node) 記錄一下使用 Github A […]
GAS(google app script) 上與資料表溝通的方式
GAS(google app script) 上與資料表溝通的方式 上次使用 GAS 部署網頁後，進階做法就是 […]
GAS(google app script)上實作 vue3 的網頁部署
GAS(google app script)上實作 vue3 的網頁部署 GAS(google app scr […]
![[Vue]初探LIFF的一些筆記-開發篇](/api/proxy-image?url=https%3A%2F%2Fpost.billxu.net%2Fwp-content%2Fuploads%2F2022%2F12%2FLINE_logo.svg.png){kind=logo}
[Vue]初探LIFF的一些筆記-開發篇
初探LIFF的一些筆記 最近因為chatGPT很紅因素，很多人將chatGPT與line整合一起，在玩這類專案 […]
[Line]初探LIFF的一些筆記-申請篇
初探LIFF的一些筆記-申請篇 LIFF ( LINE Front-end Framework ) 是Line […]
[Javascript]switch的條件式運算
switch的條件式運算 Javascript中的if和switch想必在JS中都滿常使用，有時候有較多判斷時 […]
![[Vue]ionic的vue使用PWA](/api/proxy-image?url=https%3A%2F%2Fpost.billxu.net%2Fwp-content%2Fuploads%2F2022%2F09%2Fframework_ionic.jpeg)
[Vue]ionic的vue使用PWA
Ionic的vue使用PWA 其實在Ionic中使用vue的方式在原本的技術文件中就有說明很清楚，可以先參考原 […]
[Javascript]使用Javascript來實作POST的submit
使用Javascript來實作POST的submit 這個做法應該滿多人知道的，也算是一種老派做法了吧，現在前 […]
[Vue]透過ionic部署ios app的幾點筆記
透過ionic部署ios app的幾點筆記 ionic可以直接透過指令來部署android / ios的app […]
[Vue]Vue3重新渲染元件的方式-Vue3 rerender a component
Vue3重新渲染元件的方式-Vue3 rerender a component 研究了一下vue3中如果要重新 […]
[Vue]使用Vue3打造trello式的工作看板
使用vue3打造trello式的工作看板 今年參加了{Laravel x Vue}Conf Taiwan，第一 […]
[Vue]Vue3引入vue-meta的方式
Vue3引入vue-meta的方式 如果要在vue中動態引入Html meta tag，可以使用vue-met […]
[Vue]使用vue-gtag串接google analytics
使用vue-gtag串接google analytics 其實這篇只是暫時紀錄，因為我還是搞不動為什麼可以運作 […]
[Vue]Vue3中子元件傳資料給父元件的作法
Vue3中子元件傳資料給父元件的作法 隨著使用Vue越來越深入，一定會遇到父子元件傳資料的需求，我想有稍微研究 […]
[Vue]ionic中將資料與style綁定的方式
ionic中將資料與style綁定的方式 在Vue中如果需要資料丟到style中，例如動態讀取背景圖片，一種寫 […]
[Node]axios自動加上網址
axios自動加上網址 我使用了axios來實作vue中請求資料的部分，但網站中有許多地方要請求不同地方的資料 […]
[Vue]ionic中TypeScript改寫為JavaScript的一些做法
ionic中TypeScript改寫為JavaScript的一些做法 好吧，這問題完全是個人還沒學TypeSc […]
[Vue]ionic中取得route資訊的方式
ionic中取得route資訊 一般在Vue中想取得url的參數或是網域位置，如果有使用vue-route的話 […]
[OmkeaS]關於資源取用的XMLHttpRequest問題
關於資源取用的XMLHttpRequest問題 終於將機器從VM搬到Proxmox上了，也移植到docker中 […]
[Frontend]筆記-使用Selector尋找父元素的方式(parent)幾種相關做法
筆記-使用Selector尋找父元素的方式(parent)幾種相關做法 最近有個小需求得回去寫了點jquery […]
[Vue]在docker中Hot-Reloading失效的問題
Vue在docker中hot reload失效的問題 這陣子在嘗試在開發流程中導入docker，有次寫Vue時 […]
[HTML]在form表單上取得複數相同name的資料
在form表單上取得複數相同name的資料 說來真慚愧，寫了好幾年的網頁現在才遇到這問題。 在HTML中使用f […]