前言 在 route 中使用 Pinia store 時，不同的 route guard 常常會需要用到同一個 store，我一開始想要少寫一點程式碼XD，減少...
Hi Dai Gei Ho~ 我是Winnie～ 進入Vue章節前的 溫腥提醒：在之後的文章中，預計不會針對 Vue 的基本使用做深入的講解(如:v-mode...
在本地化 (localize) 專案時，我們可能會遇到需要處理日期時間顯示的問題，因為日期時間的顯示方式可能會因為每個國家而有所不同，例如： <p>...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-25
在本地化 (localize) 專案時，我們可能會遇到需要處理金錢、價錢等貨幣的問題，在顯示價錢時我們會需要依據當前的語系顯示相對應的貨幣符號 ，例如： <...
👋 Hello 大家好，我是 Ryan 借用大家的 iT 邦幫忙版面及時間來稍微宣傳一下新書，本文文末有免費贈書！！！歡迎個人、讀書會、學校社團及社群來洽詢索...
今天介紹前面幾天一直在文中默默出現的 setup 方法 This 當 setup 被 Vue 執行時，元件還沒有被 new 出來，所以在 setup 方法裡不能...
本篇開箱的是Swiper一個流行的、功能強大的插件庫，用於創建滑動式的輪播、幻燈片和相冊...等。 ▲ 示意圖 介紹 Swiper是一個電腦和手機端全螢幕滑...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-10-05
在前端網站效能優化中，圖片處理是一個重要的部分，因為圖片通常是網頁中佔用大量頻寬和資源的元素之一。而關於圖片處理的實踐方法有多種，其中一種是將圖片壓縮，這在本系...
Event Handling 在開發元件時一定少不了會需要觸發事件的時候，像是 click 事件、input 事件等等，所以我來用簡單的 Counter 來示範...
Vue 官方很用心地寫了詳細的文件來跟大家解說 What is Reactivity?，內容主要是解說一些 Vue3 如何透過 Proxy 來做到資料驅動，有興...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
今天這篇文章主要會介紹 Cypress 的基本結構以及常見的語法，那我們馬上開始吧！ 基本結構 Cypress 的測試基本結構是由 Test Group, Te...
Props 與 Computed 是開發元件最常使用的屬性，下面的範例是一個運用 Props 與 Computed 的簡單例子。 import { ref, c...
(1)新增會員主頁檔案會員頁面登入後的畫面稱為會員主頁（以下簡稱主頁）。路徑 src / views / front 底下新增 MainView.vue 檔案。...
Outline Lifecycle Hooks 快速總覽 Navigation guards 快速總覽 發 API 挑哪個？ 今天會著重介紹觸發時機，可以在...
之前在「vue.js 3.x 學習手冊 (19) 組件的綜合練習」文章中有提到，如果需要跨文件取用元件的話，需先了解webpack和vue-cli的使用，而前幾...
Vue3 Composition API的文章寫到了Component的階段，想要來整理一下前面的進度，來製作一個綜合的案例，這個案例的規劃如下： 製作一個F...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
在當今的 Web 開發中，Laravel 和 Vue.js 是兩個非常受歡迎的框架。Laravel 提供了強大的後端功能，而 Vue.js 則使得前端開發變得...
元件溝通的原則 1. 資料由上而下單向傳遞 這在前端框架中，是很常見的管理原則，Vue 文件 用「One-Way Data Flow」來描述；React 文件...
講到了v-for和v-bind就不得不提key的這個屬性，主要就是要討論透過v-for所渲染的項目，在資料更新時會怎麼處理，若在v-for渲染的項目中“沒有”加...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
在經歷了前幾篇文章的分享後，這篇文章想要整合一下前面所提到的進度，來製作一個整合性的範例，幫助大家停下腳步想想，除了每個項目分別的作用之外，有沒有什麼事可以透過...
Template Template 的部分，Vue 3 跟 Vue 2 在關防文件上除了排序與樣式的不同，內容幾乎不變，因此這部分可以預測為完全不需要改動。...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
前面文章提到許多前、後端分離的開發方式，也模擬過很多次資料來自於外部（json）的開發，今天跟大家介紹一個網站，能讓我們真正模擬網頁資料來自於後端工程師所提供A...
Headless UI 介紹 最常在Tailwind的範例中看到它，支援Vue3、React兩大框架。（Vue只支援3）特點1：純功能UI不帶有樣式特點2：支援...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
安揪拉
Winnie Wu
Mia Yang
Cian
切版姐姐
ShawnL
jennydisc
史坦利
iThome鐵人賽
看影片追技術