iT邦幫忙

vue3相關文章
共有 411 則文章
鐵人賽 自我挑戰組 DAY 22

技術 vue3 Composition API 學習手冊-22 vue cli 起手式

我們已經在上一篇文章透過vue建立好了專案,也利用VS Code將專案資料夾準備妥當,接下來一樣由淺入深的來介紹一下網頁的開發,回憶一下上次有介紹的專案資料夾結...

鐵人賽 Modern Web DAY 6

技術 【概念ノ章】測試價值:加入測試的時機

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Vue.js DAY 25
Vue3歡樂套件箱耶 系列 第 25

技術 開箱25:Vue 3 + Firebase Cloud Firestore 簡單CRUD功能

本次要跟姊姊一起學習Vue 3 + Firebase Firestore database CRUD功能 ▶ 如果您尚未建立專案/安裝 Firebase JS...

鐵人賽 自我挑戰組 DAY 25

技術 vue3 Composition API 學習手冊-25 vue-router 4.x 基礎介紹

在傳統網頁開發中,我們常常會繪製一個類似下方的網頁架構圖,有些接案的朋友還會依照頁面數量跟業主來收取費用,因為過去的網頁開發,通常是一頁一頁製作的,許多重複性的...

鐵人賽 Modern Web DAY 13

技術 【語法ノ章】Setup & Teardown:beforeAll, beforeEach, AfterAll & AfterEach

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 14

技術 [Day14] Storybook - Colors & Typography

Storybook 除了可以為元件攥寫 Story 以外,也可以攥寫純內容的說明文件,不過純內容的說明文件只能使用上一篇所介紹的 MDX 格式,所以如果還太不熟...

鐵人賽 Vue.js DAY 26
Vue3歡樂套件箱耶 系列 第 26

技術 開箱26:Vue 3 + Firebase Storage存儲服務簡單實作

本次要跟姊姊一起學習Vue 3 + Firebase Storage 上傳檔案功能 ▶ 如果您尚未建立專案/安裝 Firebase JS SDK 並初始化 F...

鐵人賽 Modern Web DAY 8
全端成長之旅 系列 第 8

技術 Day.8 Vue3 介紹 Part 3

這篇主要給 Plugin 開發者 ~ 由於特定的全域 API 已經變成開放 APIs,因此如果插件有使用到化也要做相對應的修改: // before v3 co...

鐵人賽 Modern Web DAY 18
全端成長之旅 系列 第 18

技術 Day.18 前端下一步

在前面幾天中我邊對照 Vue2 與 Vue3 的文件邊跟大家分享,希望有幫助到大家。 另外,前幾天也很巧地碰到了 Vue3 的第一個 release v3.0....

鐵人賽 Modern Web DAY 5

技術 【概念ノ章】測試價值:為什麼我需要測試

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 8

技術 【概念ノ章】測試脈絡-2. 決定測試工具

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 28

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day28.Vue3 小補充 Magic ~

下面來介紹一下,Vue 3 的一些小小魔法(個人覺得很 Magic ~ 哈哈),有些是補充說明,有些可能會很少使用到,就連官方都有提醒 " 請謹慎使用...

鐵人賽 Modern Web DAY 30

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day30.Vue3 網頁小遊戲(完結篇) | ♾ 台版魷魚遊戲,玩?還是不玩?

終於~ 來到鐵人賽的最後一天啦今天的工作就是把小專題剩下的功能給完成,為這次的鐵人賽歡呼~ 完賽啦!!! 我的 vue 翻牌配對小遊戲 修改為按下卡牌後只將該卡...

鐵人賽 Modern Web DAY 5
全端成長之旅 系列 第 5

技術 Day.5 令人期待的 Vuejs 3

我第一個使用的 MVVP 框架是 Angular還記得第一次使用 ng-model 的時候,真的是令人驚艷!!後來忘記是什麼契機,看到了 Vuejs,試用過後覺...

鐵人賽 Vue.js DAY 22
Vue3歡樂套件箱耶 系列 第 22

技術 開箱22:效能優化?記憶化(Memoization)~Vue範例應用

在前端開發中,記憶化(Memoization)主要用於優化性能,特別是在需要頻繁計算或重新渲染的情況下。所以我們今天來認識一下在Vue中,有幾種方式可以實現Me...

鐵人賽 Vue.js DAY 23
Vue3歡樂套件箱耶 系列 第 23

技術 開箱23:Vue 3 + 建立web應用程式+Firebase JS SDK 初始化

本次要跟姊姊一起學習Vue 3 + Firebase 實現一些功能,只是本篇只是先介紹事前準備,下篇才會進去實作 如果您尚未建立專案 及 安裝 Firebase...

鐵人賽 Modern Web DAY 29
派對動物嗨起來! 系列 第 29

技術 D29 - 結束是另一個開始

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 JavaScript DAY 1

技術 Day 1: Vue Create App and Mount

嗨~大家好,我是Rafael,從原本的農業領域轉職剛滿1年,目前在AI數據公司擔任前端工程師。 最近自己籌組的Vue3線上讀書會順利結束了🥳,也剛好是以Vue3...

鐵人賽 Modern Web DAY 4

技術 [Day04] Vue i18n - Pluralization

在本地化 (localize) 文字訊息時,我們可能會遇到某些語言會有複數型態的狀況 (最常見的就是英文),雖然我們可以透過個別定義 key value 的方式...

鐵人賽 自我挑戰組 DAY 16

技術 vue3 Composition API 學習手冊-16 組件設計入門

如同「vue.js 學習手冊 框架的選擇與導入」這篇文章中提到的,我們使用框架能更方便地進行前後端分離式的開發;享受Virturl DOM提升頁面效能外;另外還...

鐵人賽 Modern Web DAY 11

技術 【概念ノ章】測試脈絡-5. 撰寫測試碼 FIRST 法則與學習步驟

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 自我挑戰組 DAY 28

技術 vue3 Composition API 學習手冊-28 打包與回顧

vue3 Composition API的文章寫到這邊,歷經了: 基礎介紹篇(v-for、v-on、v-bind...等等) 安裝vue-cli與基礎介紹 認...

鐵人賽 Modern Web DAY 10

技術 【概念ノ章】測試脈絡-4. 測試案例中的 3A 模式

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 21

技術 【語法ノ章】元件測試:容器方法(Wrapper methods)-模擬事件

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Vue.js DAY 1

技術 我的 Vue.js 筆記(1) - 前言

前端御三家,請選擇 前端框架,一個在「大前端時代」出現的產物,當 jQuery 已經沒辦法輕易應付萬紫千紅的需求時,框架開始崛起。 近期開始接觸網頁程式的人,無...

鐵人賽 Modern Web DAY 28
派對動物嗨起來! 系列 第 28

技術 D28 - 第一隻企鵝

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 26
派對動物嗨起來! 系列 第 26

技術 D26 - 遊戲機網頁取得搖桿控制訊號

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 23

技術 【語法ノ章】元件測試:模擬 Vue APIs(emit, provide/inject)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Vue.js DAY 21
Vue3歡樂套件箱耶 系列 第 21

技術 開箱21:提示/彈出視窗元件輕鬆套!~Vue 3 Popper範例應用

還記得昨篇開箱:前端用戶導覽這樣做~v-onboarding範例應用,其中導覽的框是依賴PopperJS做出來的,那我們今天要介紹在Vue3中可以使用的視窗元件...

鐵人賽 Modern Web DAY 27

技術 【語法ノ章】測試替身(Test Double)feat. Vue Test Utils

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...