[Practice] CSS: Loaders
之前社群有分享一個很棒的網站：CSS loaders and Spinners
網站有各種loading的CSS語法，這次跟著做一些比較常見的CSS loading的語法練習，也有替其中幾個加入一點點變化、觀察效果，之後也會繼續練習其他變化比較多的，demo如下：
3 views
Command Palette
Search for a command to run...
Comments
Join the discussionNo comments yet. Be the first to comment.
HTML/CSS
Part 1 of 1
More from this blog
fallback機制
記錄一下看前端文章一直看到的fallback。 「fallback」的意思簡單來說就是當程式碼沒有正確執行時的一個備選方案或應急策略。譬如： 預期圖片如果沒有正確載入而執行的onerror事件 寫CSS font-family會寫成 { font-family: super-fancy-font, Arial, sans-serif } 避免網站不支援第一種字型 React Suspense
Mar 22, 20261 min read
JS: 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所創造的名
Mar 3, 20261 min read5
Vue 3: Composable
甚麼是composable？在寫純JavaScript的時候，有時會想將一些重複的邏輯抽離出來變成另一個可被其他程式碼使用的函式，在Vue3裡面，composables也是在做一樣的事情；只是跟傳統函式不一樣的是，composables內可以包含Vue的狀態，譬如響應式狀態變數ref、reactive等，或者lifecycle hooks像是onMounted、onUnmounted等。 基本用法
Mar 2, 20262 min read2
Vue: 查看歷史文件
因為工作上是用Quasar cli搭配Vue3.2，但Vue文件有些範例已經使用版本3.3以上的API，目前看起來官方好像還沒提供各版本的Vue文件，所以只好從GitHub上去找：https://github.com/vuejs/docs 首先找到相應的文件內容點選History 再根據Commit時間找到可能要查詢的文件版本： 點選Browser File去瀏覽該版本的所有檔案 然後
Mar 2, 20261 min read5
Vite: vite-plugin-html的bugs和坑
因為工作要用Vite去生成一個mpa專案且根據頁面不同，動態生成不同 <title> 的HTML，所以就找了一個套件──vite-plugin-html，結果因為套件好像很久沒維護，隨著Vite升級又多了一些有的沒的bug，順手來記錄一下。 template delete 像我第一個就是遇到生成的時候template HTML也會被刪掉，後來看到issue上也有人反映，還好有好心人士解決這個問題，
Feb 26, 20261 min read4