YLYou-Lun Lininurlun0404.hashnode.dev·Mar 22 · 1 min readfallback機制記錄一下看前端文章一直看到的fallback。 「fallback」的意思簡單來說就是當程式碼沒有正確執行時的一個備選方案或應急策略。譬如： 預期圖片如果沒有正確載入而執行的onerror事件 寫CSS font-family會寫成 { font-family: super-fancy-font, Arial, sans-serif } 避免網站不支援第一種字型 React Suspense00
YLYou-Lun Lininurlun0404.hashnode.dev·Mar 3 · 1 min readJS: polyfill vs. shim vs. transpiler先來看一下MDN對於polyfill的定義： A polyfill is a piece of code (usually JavaScript on the Web) used to provide modern functionality on older browsers that do not natively support it. Polyfill是由Remy Sharp所創造的名00
YLYou-Lun Lininurlun0404.hashnode.dev·Mar 2 · 2 min readVue 3: Composable甚麼是composable？在寫純JavaScript的時候，有時會想將一些重複的邏輯抽離出來變成另一個可被其他程式碼使用的函式，在Vue3裡面，composables也是在做一樣的事情；只是跟傳統函式不一樣的是，composables內可以包含Vue的狀態，譬如響應式狀態變數ref、reactive等，或者lifecycle hooks像是onMounted、onUnmounted等。 基本用法00
YLYou-Lun Lininurlun0404.hashnode.dev·Mar 2 · 1 min readVue: 查看歷史文件因為工作上是用Quasar cli搭配Vue3.2，但Vue文件有些範例已經使用版本3.3以上的API，目前看起來官方好像還沒提供各版本的Vue文件，所以只好從GitHub上去找：https://github.com/vuejs/docs 首先找到相應的文件內容點選History 再根據Commit時間找到可能要查詢的文件版本： 點選Browser File去瀏覽該版本的所有檔案 然後00
YLYou-Lun Lininurlun0404.hashnode.dev·Feb 26 · 1 min readVite: vite-plugin-html的bugs和坑因為工作要用Vite去生成一個mpa專案且根據頁面不同，動態生成不同 <title> 的HTML，所以就找了一個套件──vite-plugin-html，結果因為套件好像很久沒維護，隨著Vite升級又多了一些有的沒的bug，順手來記錄一下。 template delete 像我第一個就是遇到生成的時候template HTML也會被刪掉，後來看到issue上也有人反映，還好有好心人士解決這個問題，00