第十六屆

modern-web
VUE見我,走在時代的前端
SHAO

系列文章

DAY 21

DAY21 使用 Vue 3 中的第三方庫:從安裝到整合

Vue 3 是一個功能強大的前端框架,除了其自身豐富的內建功能,還可以與大量的第三方庫整合,這讓開發者能夠輕鬆地擴展應用的功能,提升開發效率。這篇文章將介紹如何...

DAY 22

DAY22 如何在 Vue 3 中使用 TypeScript

在現代前端開發中,Vue 3 和 TypeScript 的結合成為了許多開發者的首選。這是因為 TypeScript 提供了靜態類型檢查功能,讓程式碼更具可讀性...

DAY 23

DAY23 Vue 3 的異步組件和懶加載技術

在 Vue 3 中,異步組件和懶加載技術是提升前端應用效能和優化用戶體驗的兩個重要工具。這些技術允許開發者按需載入部分組件,減少初次加載時間,並提升整體的應用性...

DAY 24

DAY24 Nuxt.js:基於 Vue 的全棧框架介紹

Nuxt.js 是一個基於 Vue.js 的開源框架,旨在簡化構建服務端渲染 (Server-Side Rendering, SSR) 和靜態網站生成的過程。它...

DAY 25

DAY25 如何在 Vue 中管理錯誤處理

在 Vue.js 應用程序中,錯誤處理是一個重要的部分,因為它不僅影響用戶體驗,還能提升應用的穩定性。Vue.js 提供了多種錯誤處理機制,讓開發者能夠有效地捕...

DAY 26

DAY 26 Nuxt.js 中的中介軟體 (Middleware) 機制與使用

在 Nuxt.js 中,中介軟體 (Middleware) 是一個強大且靈活的機制,用於在進入頁面或路由之前對應用程序的請求進行預處理。通過使用中介軟體,開發者...

DAY 27

DAY27 如何在 Vue 3 中進行單元測試與端到端測試

在 Vue 3 中,單元測試(Unit Testing)和端到端測試(End-to-End Testing, E2E)是提升代碼質量和確保應用穩定性的重要工具。...

DAY 28

DAY28 Vue 3 的自訂插件開發:從創建到使用

在 Vue 3 中,自訂插件是一種強大且靈活的方式,可以為應用程式添加功能和擴展。不論是用於重用程式碼、提供全域組件,還是添加自訂指令,插件都能使你的 Vue...

DAY 29

DAY29 Vue 3 的 Portals 技術:實現 DOM 元素的跨層級渲染

在 Vue 3 中,Portals 是一種強大的技術,允許我們將組件的部分內容渲染到應用中的其他 DOM 節點,而不受父子組件層級的限制。這種技術可以在構建複雜...

DAY 30

DAY 30 Vue3完賽心得感想

完賽心得 在這30篇關於 Vue 的文章撰寫過程中,我深刻體會到這個框架的強大與靈活性。Vue 3 為前端開發者提供了從初學者到高階使用者的完整工具鏈,無論是對...