蛤肉，大家好。如標題所述，今天我們要來看 Vue 中一個重要的觀念：「生命週期」。 我們將會分為以下幾部分來學習： 生命週期定義 為什麼需要了解？ 初步概念 階段流程 組合式 API 鉤子函式 組...
我們的靜態網站已經順利Git上去了，但這樣就結束了嗎？NoNoNo…身為it人總是不能放棄每個能偷懶的環節（蛤），今天就要來善用現有技術來幫我們實現自動化的流程！開始前先來認識一下什麼是CI/CD：...
完賽心得 在這30篇關於 Vue 的文章撰寫過程中，我深刻體會到這個框架的強大與靈活性。Vue 3 為前端開發者提供了從初學者到高階使用者的完整工具鏈，無論是對單頁應用的優化，還是對複雜專案的擴展，V...
這段時間真的是一段漫長的旅程。這是一個用盡全力想要塞入所有資訊的系列，回頭看某些元件，儘管我一開始就預期這些元件需要處理的功能非常多，最終的篇幅還是讓我有點驚訝。 就像胡立曾在他的文章中提到的：「在...
骨架屏黑科技，提升載入體驗 大家好！今天我們要聊一聊網頁開發中的一個「秘密武器」——骨架屏（Skeleton Loading）！有沒有發現，有些網站在內容還沒載入完畢時，已經展示出一個「預先載入」...
目錄 組件懶加載 遠程模塊加載 - vite-federation 路由懶加載 總結 在大型項目中，我們通常需要將應用拆分為更小的代碼模塊，並僅在需要時才從服務器加載相關組件，以減少初次加載的...
終於來到了實作的環節，這裡會拿我去年練習到一半的 To Do List 專案來接著進行（當時只建立好環境而已但總算能有個結尾了預計會分兩篇來進行 功能簡介 新增/修改/刪除代辦 代辦可以拖曳到不同...
組件基礎 監聽事件 讓我們繼續關注我們的 BlogPost 組件。我們會發現有時候它需要與父組件進行交互。例如，要在此處實現無障礙訪問的需求，將博客文章的文字能夠放大，而頁面的其餘部分仍使用默認字號。...
組件基礎 組件允許我們將 UI 劃分為獨立的、可重用的部分，並且可以對每個部分進行單獨的思考。在實際應用中，組件常常被組織成層層嵌套的樹狀結構：這和我們嵌套 HTML 元素的方式相似，Vue 實現了自...
模板引用 雖然 Vue 的聲明性渲染模型為你抽象了大部分對 DOM 的直接操作，但在某些情況下，我們仍然需要直接訪問底層 DOM 元素。要實現這一點，我們可以使用特殊的 ref attribute：...