讓畫面隨時光流動，用動效打造日與夜的邂逅！ 哈囉大家！今天我們要來點浪漫的～🌙☀️當我們說到網頁動效，你是不是也曾幻想過，能不能讓畫面隨著時間的流動變換出日...
今天我們要來看OWASP列出來的前10大攻擊手法是甚麼XD讓我們之後開發Web應用程式能避免掉這些雷。 清單 項次 中文名稱 英文名稱 A01 權...
資安是我們開發者一定要注意的議題，程式要寫對以外，安全性也是重要的一環，除了一般的帳密安全，開發軟體時，也不要將secret寫在code之中。 今天我們來了解S...
引言 在這個為期30天的前端開發之旅中，我們探索了許多先進的技術和最佳實踐。今天，我們將把目光投向更廣闊的視野，討論前端工程師應具備的素養和思維，並特別關注台...
簡介 Nuxt3 提供了強大而靈活的路由系統，結合 TypeScript 的靜態類型檢查，可以大大提高開發效率和代碼質量。本文將深入探討 Nuxt3 中的路由...
今天我們要來介紹快取，快取顧名思義，它就是專for快速存取用徒，當我們需要頻繁的存取資料或取得複雜計算的結果，就可以利用快取將資料儲存在記憶體一段時間。當下次客...
簡介 Nuxt3 是一個強大的 Vue.js 框架，它結合了服務器端渲染（SSR）和靜態站點生成（SSG）的優勢，同時提供了出色的開發體驗。本文將帶您深入了解...
簡介 在現代 Web 應用開發中，隨著應用規模的增長，初始加載時間可能會變得越來越長，影響用戶體驗。本文將深入探討如何在 Vue 3 應用中實現懶加載和代碼分...
今天我們要來了解Cookie-Based Authentication~ cookie cookie是網站儲存在user設備上的小文件，例如使用者設定，保持登錄...
簡介 我們這次討論關於性能優化的部分，以及一般開發人員在進行開發的時候要注意的事情。本文將深入探討如何利用 Vite 以及 Vue 的各種特性來優化應用性能。...
簡介 在 Vue 3 應用程序中，Vue Router 和 Pinia 是兩個核心工具，分別用於處理路由導航和狀態管理。對這兩個工具進行有效的測試對於確保應用...
簡介 在開發 Vue 應用時，測試邊界情況對於確保組件的穩定性和可靠性至關重要。本文將探討如何使用 TypeScript 和 Vitest 來測試 Vue 組...
簡介 在現代前端開發中，單元測試是確保代碼質量和可靠性的關鍵部分。本文將介紹如何使用 Vitest 和 @vue/test-utils 為 Vue 3 應用程...
今天我們要來介紹很基本的基本授權觀念，一開始我以為它就是standard username and password authentication，其實是不對的...
在現代前端開發中，擁有一個可靠、可重用且類型安全的UI元件庫是提高開發效率和維護性的關鍵。本文將介紹如何使用 TypeScript 和 UnoCSS 來創建一...
簡介 在現代 Vue 3 應用中，有效管理全局狀態和本地存儲是構建可靠且高性能應用的關鍵。本文將深入探討如何使用 Pinia 結合多種先進技術來實現全面的狀態...
簡介 在現代的單頁應用程序（SPA）中，路由管理是一個核心功能。Vue Router 不僅提供了基本的路由功能，還支持多級嵌套路由和強大的導航守衛系統。今天，...
簡介 在現代 Web 應用程序中，處理複雜的表單場景需要強大的驗證工具和類型系統。本文將深入探討如何結合 Vee-Validate 和 Zod 的進階特性，以...
簡介 在現代前端開發中，有效管理 API 請求和異步數據是至關重要的。本文將介紹如何結合 Pinia、@vueuse/core 的 createFetch、Z...
今天我們要來了解OAuth是甚麼東西? OAuth 根據wiki的解釋開放授權（OAuth）是一個開放標準，允許使用者讓第三方應用訪問該使用者在某一網站上儲存的...
今天我們要開始朝向Authentication來學習。第一步就先來多了解非常常見的JWT是什麼吧~ JWT(JSON Web Token) JSON Web T...
使用 Vue <TransitionGroup> 打造出色的卡片動態效果 是否覺得網站上的卡片或列表元素看起來呆板？新增或移除元素時，總是顯得「生...
本文簡介 在現代 Web 應用開發中，確保數據的完整性和類型安全是至關重要的。今天，我們將探討如何使用 TypeScript 和 Zod 來進行後端 API...
介紹 在現代 Vue.js 應用程序中，Pinia 和 Vue Router 的結合使用為我們提供了強大的狀態管理和路由控制能力。今天，我們將深入探討如何將這...
讓網頁進場更優雅！深入 Vue.js Transition Hooks，搞定背景閃白問題！ 大家好！今天要聊的是 Vue.js 的 Transition Ho...
介紹 在 Vue 3 的世界裡，Composition API 為我們帶來了更靈活、更強大的組件編寫方式。而 @vueuse/core 和自定義 Compos...
介紹 響應式設計是現代 Web 開發中的關鍵能力，從手機到桌面應用，我們需要靈活地適應各種屏幕尺寸。UnoCSS 提供的 attributify 模式讓我們可...
前言 昨天認識了前6種方式，今天要來理解剩下的6種! VII. Port binding Export services via port binding...
介紹 在 Vue 3 中，Pinia 作為狀態管理庫，提供了靈活而強大的工具來管理應用的狀態。為了進一步提高 Pinia 的使用體驗，了解其底層機制和相關概念...
介紹 在開發大型應用時，確保用戶只能訪問他們有權限的頁面是非常重要的。Vue Router 提供了靈活的路由控制能力，可以結合角色權限實現應用的安全性。本文將...
Sunny.Cat
linitachi
MichaelHo
iThome鐵人賽
看影片追技術