YLYou-Lun Lininurlun0404.hashnode.dev00JS: polyfill vs. shim vs. transpilerMar 3 · 1 min read · 先來看一下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所創造的名Join discussion
YLYou-Lun Lininurlun0404.hashnode.dev00Vue 3: ComposableMar 2 · 2 min read · 甚麼是composable？在寫純JavaScript的時候，有時會想將一些重複的邏輯抽離出來變成另一個可被其他程式碼使用的函式，在Vue3裡面，composables也是在做一樣的事情；只是跟傳統函式不一樣的是，composables內可以包含Vue的狀態，譬如響應式狀態變數ref、reactive等，或者lifecycle hooks像是onMounted、onUnmounted等。 基本用法Join discussion
YLYou-Lun Lininurlun0404.hashnode.dev00Vue: 查看歷史文件Mar 2 · 1 min read · 因為工作上是用Quasar cli搭配Vue3.2，但Vue文件有些範例已經使用版本3.3以上的API，目前看起來官方好像還沒提供各版本的Vue文件，所以只好從GitHub上去找：https://github.com/vuejs/docs 首先找到相應的文件內容點選History 再根據Commit時間找到可能要查詢的文件版本： 點選Browser File去瀏覽該版本的所有檔案 然後Join discussion
YLYou-Lun Lininurlun0404.hashnode.dev00Vite: vite-plugin-html的bugs和坑Feb 26 · 1 min read · 因為工作要用Vite去生成一個mpa專案且根據頁面不同，動態生成不同 <title> 的HTML，所以就找了一個套件──vite-plugin-html，結果因為套件好像很久沒維護，隨著Vite升級又多了一些有的沒的bug，順手來記錄一下。 template delete 像我第一個就是遇到生成的時候template HTML也會被刪掉，後來看到issue上也有人反映，還好有好心人士解決這個問題，Join discussion
YLYou-Lun Lininurlun0404.hashnode.dev00Vue: readonly的代理坑Feb 26 · 1 min read · 最近寫composable要 return 響應式變數，因為希望外部在使用這個composable的時候不要去改動到這個響應式變數，故使用 readonly 去包覆這個響應式變數： // useComposable.js import { readonly } from "vue"; export default useComposable(){ const nested = reJoin discussion