iT邦幫忙

vue相關文章
共有 669 則文章
1 Like 0 留言 1470 瀏覽
鐵人賽 Modern Web DAY 26
Daily UI : 開發者版 系列 第 26 篇

技術 Vuetify：Google News › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 延續昨天的程式碼，今天專門介紹 Vue-port...

Casio ‧ 2018-11-10
0 Like 0 留言 1214 瀏覽
鐵人賽 Modern Web DAY 25
Daily UI : 開發者版 系列 第 25 篇

技術 Vuetify：Google News › Static Layout

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

Casio ‧ 2018-11-09
0 Like 0 留言 1084 瀏覽
鐵人賽 Modern Web DAY 24
Daily UI : 開發者版 系列 第 24 篇

技術 Vuetify：Google Cardboard

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

Casio ‧ 2018-11-08
0 Like 0 留言 1173 瀏覽
鐵人賽 Modern Web DAY 23
Daily UI : 開發者版 系列 第 23 篇

技術 Vuetify：Google Fonts › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYYOYVJ?editors=1010 跟之前做的 Google Alert 一樣，今...

Casio ‧ 2018-11-07
0 Like 0 留言 1160 瀏覽
鐵人賽 Modern Web DAY 22
Daily UI : 開發者版 系列 第 22 篇

技術 Vuetify：Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/BaBMYEj Used UI Component ( #1 ) #1 Buttons:...

Casio ‧ 2018-11-06
0 Like 0 留言 1437 瀏覽
鐵人賽 Modern Web DAY 21
Daily UI : 開發者版 系列 第 21 篇

技術 Vuetify：Google Alert › Advanced Implementation

https://codepen.io/hereiscasio/pen/gOYVXVy 為什麼說這個 Toolbar 特效很難？難就難在如何以既有的 Vuetif...

Casio ‧ 2018-11-05
0 Like 0 留言 3544 瀏覽
鐵人賽 Modern Web DAY 21
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站 系列 第 21 篇

技術 [Day 21] Vue Quasar 彈跳視窗 1 - Action Sheet

下方的彈出選單 Action Sheet Action Sheet 這是一個從螢幕下方彈跳出小選單的元件 在Android及iOS上也都有類似的原生元件 不過如...

RenZhou ‧ 2018-11-04
0 Like 0 留言 941 瀏覽
鐵人賽 Modern Web DAY 20
Daily UI : 開發者版 系列 第 20 篇

技術 Vuetify：Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/MWgLONL?editors=1000 Used UI Component ( #0...

Casio ‧ 2018-11-04
0 Like 0 留言 1144 瀏覽
鐵人賽 Modern Web DAY 19
Daily UI : 開發者版 系列 第 19 篇

技術 Vuetify：Google Translate

https://codepen.io/hereiscasio/full/XWryZQO Used UI Component ( #3 ) #1 Tooltip...

Casio ‧ 2018-11-03
0 Like 0 留言 1605 瀏覽
鐵人賽 Modern Web DAY 18
Daily UI : 開發者版 系列 第 18 篇

技術 Vuetify：Google Trend

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

Casio ‧ 2018-11-02
0 Like 0 留言 1857 瀏覽
鐵人賽 Modern Web DAY 17
Daily UI : 開發者版 系列 第 17 篇

技術 Vuetify：File Upload Widget

https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...

Casio ‧ 2018-11-01
1 Like 0 留言 2180 瀏覽
鐵人賽 Modern Web DAY 17
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站 系列 第 17 篇

技術 [Day 17] Vue Quasar 表單元件 7 - Option Group

選項元件直接打包一次做好Option Group Option Group 有時候要做一堆選項，是不是覺得要複製一大堆radio、checkbox很煩呢，所以我...

RenZhou ‧ 2018-10-31
0 Like 0 留言 1665 瀏覽
鐵人賽 Modern Web DAY 16
Daily UI : 開發者版 系列 第 16 篇

技術 Vuetify：About Card

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

Casio ‧ 2018-10-31
0 Like 0 留言 1121 瀏覽
鐵人賽 Modern Web DAY 15
Daily UI : 開發者版 系列 第 15 篇

技術 Vuetify：Add To

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

Casio ‧ 2018-10-30
0 Like 0 留言 1216 瀏覽
鐵人賽 自我挑戰組 DAY 17
使用Vue製作簡單的 WorkBoard （30天） 系列 第 17 篇

技術 （第十七天）自我練習專案 - 資料的移動

開始練習 WorkBoard 需要的套件 Vue.Draggable 是這次我們用來製作 WorkBoard 的重要套件，這個套件可以實現我們在實作 Work...

LucyLiou ‧ 2018-10-30
0 Like 1 留言 1184 瀏覽
鐵人賽 Modern Web DAY 14
Daily UI : 開發者版 系列 第 14 篇

技術 Vuetify：Calories Calculator

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

Casio ‧ 2018-10-29
0 Like 0 留言 2132 瀏覽
鐵人賽 Modern Web DAY 14
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站 系列 第 14 篇

技術 [Day 14] Vue Quasar 表單元件 3 - Radio

簡單的單選元件 Radio Radio Quasar的Radio元件跟其他表單輸入元件的基本屬性都大同小異 一樣也可以用QFiled把它包裝起來哦 引入元件 f...

RenZhou ‧ 2018-10-28
0 Like 0 留言 1194 瀏覽
鐵人賽 Modern Web DAY 13
Daily UI : 開發者版 系列 第 13 篇

技術 Vuetify：What is your budget ?

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

Casio ‧ 2018-10-28
1 Like 0 留言 5699 瀏覽
鐵人賽 Modern Web DAY 13
Nuxt - 使用 Vue.js 做 SSR 的第一哩路 系列 第 13 篇

技術 13. Nuxt 客製頁面效果 - 轉場(Transition)

這篇是頁面客製段落其三，主題講「Nuxt 頁面轉場效果如何調整」 回憶兩種暫態 正在讀取中 => 讀取效果 (Loading) 頁面切換中 =>...

Ralph ‧ 2018-10-28 ‧團隊InfoSec Horadrim
0 Like 0 留言 2692 瀏覽
鐵人賽 Modern Web DAY 13
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站 系列 第 13 篇

技術 [Day 13] Vue Quasar 表單元件 2 - Chips Input

輸入陣列的好幫手 Chips Input Chips Input 是不是有些時候建立使用者表單輸入時，會有能填多種值的欄位，像是興趣、職業等等。 但是又怕使用...

RenZhou ‧ 2018-10-27
0 Like 0 留言 1768 瀏覽
鐵人賽 Modern Web DAY 12
Daily UI : 開發者版 系列 第 12 篇

技術 Vuetify：Credit Card Payment

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

Casio ‧ 2018-10-27
0 Like 0 留言 2251 瀏覽
鐵人賽 Modern Web DAY 12
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站 系列 第 12 篇

技術 [Day 12] Vue Quasar 表單元件 1 - Field

序 大家好，這篇開始就開始來談後端表單常用到的元件吧～ 原本的旅遊系列再來的頁面都是以layout為主 但是quasar的layout元件也差不多介紹完了 才發...

RenZhou ‧ 2018-10-26
1 Like 0 留言 7861 瀏覽
鐵人賽 Modern Web DAY 12
Nuxt - 使用 Vue.js 做 SSR 的第一哩路 系列 第 12 篇

技術 12. Nuxt 客製頁面效果 - 讀取(Loading)

這篇是頁面客製段落其二，主題講「Nuxt 頁面讀取效果如何調整」 用來補充頁面細部設定 讓我們回想錯誤頁面，是用來「呈現錯誤狀態的頁面元件」 而頁面渲染前，N...

Ralph ‧ 2018-10-27 ‧團隊InfoSec Horadrim
1 Like 0 留言 9015 瀏覽
鐵人賽 Modern Web DAY 11
Nuxt - 使用 Vue.js 做 SSR 的第一哩路 系列 第 11 篇

技術 11. Nuxt 頁面驗證和錯誤顯示

接下來幾篇都屬頁面客製，這篇講「Nuxt 發生錯誤時，他怎麼判斷與反應」 先回顧這張流程圖 Nuxt 收到請求時，會經過這麼多步驟 而碰到不可預期的錯誤或頁面...

Ralph ‧ 2018-10-26 ‧團隊InfoSec Horadrim
0 Like 0 留言 1112 瀏覽
鐵人賽 Modern Web DAY 11
Daily UI : 開發者版 系列 第 11 篇

技術 Vuetify：Crowdfunding Card

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

Casio ‧ 2018-10-26
0 Like 0 留言 2887 瀏覽
鐵人賽 Modern Web DAY 11
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站 系列 第 11 篇

技術 [Day 11] Vue Quasar 打造 旅遊網站系列 7 - Parallax、Breadcrumbs、Rating

GitHub Demo 今天完成後的畫面 首頁部分已經差不多了 剩下頁尾以及一些小區塊 因為元件都跟之前的文章有重複到 故在這邊就不實作會功能重複的區塊了 製...

RenZhou ‧ 2018-10-25
1 Like 0 留言 4171 瀏覽
鐵人賽 Modern Web DAY 10
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站 系列 第 10 篇

技術 [Day 10] Vue Quasar 打造 旅遊網站系列 6 - Cards (卡片)

GitHub Demo 今日完成的畫面 首頁的第一個區塊做完了 今天就來做第二個區塊吧 先看看兩大家的頁面 這種卡片形式的元件，咱們Quasar也有 我們...

RenZhou ‧ 2018-10-24
0 Like 0 留言 1897 瀏覽
鐵人賽 Modern Web DAY 9
Daily UI : 開發者版 系列 第 9 篇

技術 Vuetify：Search Header

https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...

Casio ‧ 2018-10-24
3 Like 0 留言 15025 瀏覽
鐵人賽 Modern Web DAY 11
VUE & PHP (Apache2) & Docker 實戰開發 系列 第 11 篇

技術 Day11 - Vue & Axios 封裝

今天換來做 VUE先前已經將ROUTER & MATERIAL套用進來，這一次想實作封裝HTTP的功能，如 VUE官方推薦，我們要用axios。簡單將幾...

aa71435723 ‧ 2018-10-25
1 Like 0 留言 9328 瀏覽
鐵人賽 Modern Web DAY 9
Nuxt - 使用 Vue.js 做 SSR 的第一哩路 系列 第 9 篇

技術 09. Nuxt 頁面元件細部設定

Nuxt 頁面元件跟 Vue File 哪裡不同？ Nuxt Routing 自動映射介紹過，/pages 的 Vue File 對應各個頁面。 雖然寫法一樣，...

Ralph ‧ 2018-10-24 ‧團隊InfoSec Horadrim
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23068 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙