iT邦幫忙

vue相關文章
共有 669 則文章
鐵人賽 Modern Web DAY 5

技術 Day05 自己的國家自己救-自己的v-model自己定義

v-model這個指令我們常用在資料的綁定上,希望我們所綁定的資料可以做到雙向(事件與屬性)綁定,這部分Vue允許我們客製化它,v-model默認會利用名為va...

鐵人賽 Modern Web DAY 25

技術 [Vue.js][日記]擁抱全家桶系列-Vue-cli (2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-cli (2) 大家好,在了解webpack之後,我們必須搭建好vue-cli的開發環境,小弟我在...

鐵人賽 Modern Web DAY 4
Daily UI : 開發者版 系列 第 4

技術 Vuetify:Preface › ❹ Best Learning Strategy on Vuetify

The Fastest Way to start Vuetify 以上為目前其網站的主要章節列表,本系列文雖忽略最後一項,但建議可配合 Getting st...

鐵人賽 Modern Web DAY 30

技術 D31 - 「來互相傷害啊!」:無聊我要見到血流成河

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 12
Daily UI : 開發者版 系列 第 12

技術 Vuetify:Credit Card Payment

https://codepen.io/hereiscasio/pen/ZqXVWN?editors=1010 Used UI Component ( #2 )...

鐵人賽 Modern Web DAY 14
玩轉 Storybook 系列 第 14

技術 玩轉 Storybook: Day 14 Addons - Essential / Actions

Storybook的另一個主要的功能就是Addons 在使用Storybook做元件開發設計時搭配Addon功能更加強大 接下來就來好好體驗感受他的威力吧 寫在...

技術 [ Nuxt.js 2.x 系列文章 ] Nuxt.js 專案架設與目錄結構

版本:nuxt 2.15.8 說到 Nuxt,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View) 的 JS 框架,為 SPA(Singl...

鐵人賽 Modern Web DAY 30

技術 [Vue.js][日記]擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(2) 大家好,接續昨天的主題,我們繼續探討Vuex的基本核心:D #ac...

鐵人賽 Modern Web DAY 22

技術 D21 - 「不斷線的侏儸紀」:萃取 DNA

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 自我挑戰組 DAY 7

技術 Day7 切版任務(三):首頁畫面搭配ScrollReveal,網頁畫面動次動(2)

本文同步發表於斜槓女紙部落格:切版任務(三):首頁畫面搭配ScrollReveal,網頁畫面動次動(2) 嗨!又見面了,今天會持續將HTML標籤轉換成Vu...

鐵人賽 Microsoft Azure DAY 26
Azure 的自我修煉 系列 第 26

技術 Day26 Azure Container Registry (ACR)服務

Azure Container Registry 服務 Vue 專案 我們使用 Vue官方教學還實作一個前端網站。Vue 可以使用CDN的方式在靜態網頁使用,可...

鐵人賽 自我挑戰組 DAY 15
每天來點 Vue.js 吧 系列 第 15

技術 Vue components 組件的抽象概念 ✏︎

tags: Vuejs 組件的抽象概念 ✐ 註:下方 component 和 組件 一詞意思相同。 component 在 Vue 中是一個重要的概念,照...

鐵人賽 Modern Web DAY 18
玩轉 Storybook 系列 第 18

技術 玩轉 Storybook: Day 18 Automated Visual Testing

視覺回溯測試 做視覺回溯測試的目的是要檢查每次修改元件UI的變化,當專案越來越大時,或是接近上線時期,修改元件的部分,有時會影響到整個專案。人工去檢視一定會有疏...

鐵人賽 Modern Web DAY 18
LV的全端開發體驗 系列 第 18

技術 Day18 提升一下操作體驗(一)-vue-final-modal

做到現在,都在忙功能,操作體驗不是太好,因為接下來的功能都是差不多的套路,所以是時候來提升一下操作體驗了。 modal是很常見的應用,以前我都是自己手刻一套來自...

鐵人賽 Modern Web DAY 30

技術 測試自己寫,QA不用謝。Vue3 測試入門-D30

測試自己寫,QA不用謝 單壓欸,我好棒。 為什麼要測試 測試可以幫我們衡量程式的質量、是不是能達到設計要求,幫我們進行評估。 你總不會什麼東西寫完自己不檢查就送...

徵才 [徵才] 創順科技 - Front-end Engineer

Front-end Engineer (Junior/Senior) [50000 ~ 100000 ~ /per month] 依經驗決定薪資 ::熱愛前端工...

鐵人賽 Modern Web DAY 2

技術 你知道這是什麼嗎? Chrome extension MV3 With Vite - Day2 運行環境&組成

Hi Dai Gei Ho~ 我是Winnie ~ 在上篇文章中,我們已初步的了解 Extension 是什麼後,接著再今天內容我們要再深入一步探討關於 Ex...

鐵人賽 Modern Web DAY 3

技術 [Vue.js][日記]一切都得從源頭講起...

進入正題 本篇要介紹的是在 Vue 官網中最先提到的概念: Instance。 實例 (instance) 當我們使用 Vue 去建構 Web 應用時,都是先...

鐵人賽 Modern Web DAY 14

技術 D13 - 「類比×電壓×輸入」

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 23

技術 [Vue.js][日記]擁抱全家桶系列-Vue-Router(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-Router(2) 大家好,我是IAN啦!之前在組件介紹有提到動態組件,那路由器呢?當然也有動態路...

鐵人賽 Modern Web DAY 16
Daily UI : 開發者版 系列 第 16

技術 Vuetify:About Card

https://codepen.io/hereiscasio/pen/VVYpNb Used UI Component ( #0 ) UI 圖來源見此 Dis...

鐵人賽 Modern Web DAY 8
Daily UI : 開發者版 系列 第 8

技術 Vuetify:Time is money

https://codepen.io/hereiscasio/pen/ZmYyYK?editors=1000 Used UI Component ( #2 )...

技術 [鼠年全馬] W30 - Vue出一個旅館預約平台(4)

有朋友問我為什麼我的進度這麼緩慢...殊不知,我每天都只有一個小時可以做額外自主練習阿QQ 這週接續著做Rooms資料處理的部分囉~立馬開始!! #Step...

鐵人賽 Modern Web DAY 30

技術 D30 - 「來互相傷害啊!」:貓狗集合!建立 Sprite!

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

技術 [鼠年全馬] W20 - Vue心得筆記 - 指令篇(前)

最近被上級塞了一堆很趕的專案, 上禮拜就算硬擠也擠不出時間...只好這禮拜趁連假來補稿, 充實一下連假的生活, 來個端午連假每日一篇計畫 #Vue指令 趁天氣...

鐵人賽 Modern Web DAY 4

技術 [VR 前後端交響曲Day4] Vue的單向資料流: {{鬍子語法}}

昨天經過辛苦的環境安裝(擦汗),可以在Rails專案寫Vue了!先來個簡單的Vue起手式緩緩心情~ 在第2天,我們有提到,Vue.js 官網 這張MVVM架構的...

鐵人賽 Modern Web DAY 16
玩轉 Storybook 系列 第 16

技術 玩轉 Storybook: Day 16 Addons - Viewport/Accessibility

Viewport https://storybook.js.org/docs/vue/essentials/viewport Viewport 也是預設安裝好的...

鐵人賽 Modern Web DAY 18
Daily UI : 開發者版 系列 第 18

技術 Vuetify:Google Trend

https://codepen.io/hereiscasio/pen/ExYGOPr?editors=1010 Used UI Component ( #3...

技術 Vue cli 使用

vue create 專案名稱 新增專案 Props(父 => 子)父畫面 <ProductCard :product=&quo...

技術 Vue 使用 errorHandler, warnHandler 即時攔截網頁錯誤

在前端其中一個頭痛的問題就是網頁 Bug,我會想知道使用者在前端操作上遇到了什麼問題,因此在 Vue 中,你可以透過 errorHandler 攔截網頁錯誤,你...