iT邦幫忙

vue相關文章
共有 816 則文章
0 Like 0 留言 5109 瀏覽
鐵人賽 Modern Web DAY 8
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站 系列 第 8 篇

技術 [Day 8] Vue Quasar 打造 旅遊網站系列 4 - Input、Autocomplete

今日做完後會長這樣 繼續昨天的進度 該補上搜尋的框框了 先來看一下其他兩家的東西 恩... 不簡單啊 ＸＤ? 暫且不看下面的視覺選單 先來打個字搜尋看看...

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

技術 Vuetify：Fashion Header

https://codepen.io/hereiscasio/pen/WaqpQq Used UI Component ( #1 ) #1 Sheets 今天...

Casio ‧ 2018-10-22
2 Like 2 留言 18046 瀏覽
鐵人賽 Modern Web DAY 7
Nuxt - 使用 Vue.js 做 SSR 的第一哩路 系列 第 7 篇

技術 07. Nuxt 頁面怎麼切會更好？以電商登入頁為例

本來打算介紹 Nuxt 版面依功能劃分、由哪些區塊組成。 想到六角學院才比完《甜點電商PK賽》，現成切好的版面很好找，參賽選手也不少，拿來說明與練習再適合不過。...

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

技術 [Day 7] Vue Quasar 打造 旅遊網站系列 3 - Carousel (頁面輪播)

今天就來做我們的首頁吧 ～！！ ?? 其他兩家的首頁 基本上都是圖片輪播的形式 加上一個輸入匡來搜尋目的地 那我們今天就來做這個輪播功能吧 建立新的首頁 由於...

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

技術 06. Nuxt Routing 規則入門

前一章我們新增 /pages/product.vue編輯即可在 http://localhost:3000/product 預覽頁面。 pages/ --| p...

Ralph ‧ 2018-10-21 ‧團隊InfoSec Horadrim
0 Like 0 留言 3282 瀏覽
鐵人賽 Modern Web DAY 8
VUE & PHP (Apache2) & Docker 實戰開發 系列 第 8 篇

技術 Day8 - Vue 專案啟動 Routing & Material

前面幾篇文章大致上把專案的初始建置完成，也放了一版於github可以參考。 這邊我預計想要以一個簡單的主題來實作：房屋管理大致上會有有幾個主體(約略想)： 人...

aa71435723 ‧ 2018-10-22
0 Like 0 留言 3899 瀏覽
鐵人賽 Modern Web DAY 6
Daily UI : 開發者版 系列 第 6 篇

技術 Vuetify：Cinema Application › More discussion

Things We need to discuss How to do Functional Component Composition Thinking...

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

技術 05. Nuxt 產生簡單頁面

前一章經 create-nuxt-app 生成的專案結構 放法按照 Nuxt 預設結構，相比 Vue.js 專案，已經幫你訂好了規則，方便對應與依循各資料夾對...

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

技術 Vuetify：Cinema Application › Implementation

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

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

技術 Day7 - Vue-Lazyloading & Service worker Hook

上一篇學習了如何建立typescript & webpack & service worker的專案。 今天繼續實作如果將service wor...

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

技術 [Day 5] Vue Quasar 打造 旅遊網站系列 1 - Header

本篇演示項目 Toolbar ToolbarTitle Button 這幾天都在想要演示什麼主題會比較好 想一想最近突然好想要出去玩 那就乾脆來做旅遊網站好...

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

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

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

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

技術 [Day 4] Vue Quasar Framework 頁面Layout介紹

今天就讓我們直接開始吧～！ 前面幾天我們有執行過部署的指令了 不過我們這邊再複習一下 $ quasar init helloworld $ cd hellow...

RenZhou ‧ 2018-10-18
2 Like 2 留言 19090 瀏覽
鐵人賽 Modern Web DAY 4
Nuxt - 使用 Vue.js 做 SSR 的第一哩路 系列 第 4 篇

技術 04. Nuxt 環境建立

這篇寫常用情境 產生新 Nuxt 專案 Vue.js SPA 寫一半，得追加 SSR 產生完整 Nuxt 專案 入門寫 Vue.js，新專案用 Vue-cl...

Ralph ‧ 2018-10-19 ‧團隊InfoSec Horadrim
0 Like 0 留言 6272 瀏覽
鐵人賽 Modern Web DAY 5
VUE & PHP (Apache2) & Docker 實戰開發 系列 第 5 篇

技術 Day5 - Vue & Webpack & Service Worker 工欲善其事必先利其器

這一篇有跟大家介紹了Service Worker的應用，今天想帶一下Webpack，強大的打包工具。我會希望我的前端，能夠用到Webpack + Service...

aa71435723 ‧ 2018-10-19
0 Like 0 留言 2676 瀏覽
鐵人賽 Modern Web DAY 2
Daily UI : 開發者版 系列 第 2 篇

技術 Vuetify：Preface › ❷ The Important Concepts

今天，就當閒話家常，待我娓娓道來    UI Framework & Design Spec Ant Design, Material Design,...

Casio ‧ 2018-10-17
1 Like 1 留言 4438 瀏覽
鐵人賽 Modern Web DAY 2
JavaScript 音樂漫遊 - 30 天探索 Web Audio！ 系列 第 2 篇

技術 01. 基礎建設

馬上要開始介紹 Web Audio API 了，總要有個網站來呈現各種內容吧；既然要學東西，那就順便把不熟的 Vue 架起來玩一玩囉！ 開始之前 筆者預期讀者您...

Gary ‧ 2018-10-17 ‧團隊浪流連九程式匠自然產生的佛系碼農專區
3 Like 0 留言 19705 瀏覽
鐵人賽 Modern Web DAY 3
Nuxt - 使用 Vue.js 做 SSR 的第一哩路 系列 第 3 篇

技術 03. Nuxt.js 怎麼處理 SSR 問題？擔任什麼角色？

關於 Universal Rendering 前一篇提到，原本前後端的 View 各自分開隨著前端漸漸吃重，為了讓畫面邏輯不需要分散各處，有人提出新的架構 -...

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

技術 02. 講歷史，話說 SSR...

什麼叫做 SSR? Server-Side Rendering，頁面由後端渲染，HTML由後端產生 　　傳統做法整頁HTML不就完全由後端產生嗎？ 使用後端...

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

達標好文 技術 01. Nuxt.js 小跑起步

前言 寫文是為了將最近用 Vue.js + Nuxt.js 的使用細節整理，供日後參考。順序也許跟官網不太一樣，請多多包涵。 官方範例其實已涵蓋的大量情境，若是...

Ralph ‧ 2018-10-16 ‧團隊InfoSec Horadrim
0 Like 0 留言 10826 瀏覽
鐵人賽 Modern Web DAY 2
VUE & PHP (Apache2) & Docker 實戰開發 系列 第 2 篇

技術 Day2-Vue & Service Worker(PWA)

近期開發專案的時後，發現前端的世界相較於後端好像越來越好玩，但也就比較難搞一點，常常小問題就會卡很久，不過看到自已的前端專案效能變的更好，成就感還是很好的。目前...

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

達標好文 技術 [Day 1] Vue Quasar Framework介紹與安裝

~在你讀這系列文章前先看這幾行字~ 2021/12補充由於 Quasar 進步非常之快現今最新版本為 2.3.3 與本篇教學版本 0.1.7 相差甚遠其中有蠻...

RenZhou ‧ 2018-10-15
2 Like 0 留言 5584 瀏覽
鐵人賽 Modern Web DAY 8
用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列 第 8 篇

技術 #8: Plop: 三秒寫一個 component

上一篇，整合了 Storybook 和 Nuxt，也建立了一個元件為 MyButton。 但如果每次要新增一個元件，就要建立四個檔案如下： index.js...

HunterLiu ‧ 2018-10-15 ‧團隊武裝狗狗
0 Like 0 留言 1370 瀏覽
鐵人賽 自我挑戰組 DAY 1
使用Vue製作簡單的 WorkBoard （30天） 系列 第 1 篇

技術 （第一天）自我學習 - 簡單認識 Vue

為什麼會選擇 Vue Lucy老師最近剛學習Vue的前端框架，今天要帶利用30天來看看Vue的使用並且跟大家一起做出自己的WorkBoard，像是Trello...

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

技術 Vuetify：Preface › ❶ Read me first

這... 是... 標題殺人嗎？ 真正的 Daily UI，照慣例須連續 100 天，每天設計一 UI 介面，但那偏向自我學習，而 IT 鐵人賽則偏向教學（ 當...

Casio ‧ 2018-10-16
2 Like 1 留言 6626 瀏覽
鐵人賽 Modern Web DAY 7
用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列 第 7 篇

技術 #7: Storybook 和 Nuxt.js

storybook 版本升級 如果有看上一篇的話，會發現上一篇的範例用的是 storybook 3.4.10。因為重新用 webpack4 建立了 Nuxt 2...

HunterLiu ‧ 2018-10-14 ‧團隊武裝狗狗
0 Like 0 留言 11391 瀏覽
鐵人賽 Modern Web DAY 1
VUE & PHP (Apache2) & Docker 實戰開發 系列 第 1 篇

技術 Day1-VUE & PHP (Apache2) -開發工具介紹

本身是angular起手，實作vue後發現其實觀念非常雷同。但vue並沒有像angular一樣把component、service、module做出明確的定義及...

aa71435723 ‧ 2018-10-15
2 Like 1 留言 5495 瀏覽
鐵人賽 Modern Web DAY 6
用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列 第 6 篇

技術 #6: Storybook(含有兩個元件範例)

Storybook 簡介 官方 Demo Storybook 方便我們開發 UI 元件，使用 storybook 可以看到 UI 元件在不同狀態下的樣貌。 另外...

HunterLiu ‧ 2018-10-13 ‧團隊武裝狗狗
4 Like 0 留言 12138 瀏覽
鐵人賽 Modern Web DAY 4
用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列 第 4 篇

技術 #4: nuxt.config.js

這篇稍微介紹一下 nuxt.js 的設定檔： nuxt.config.js。 可以將以下專案 clone 下來，了解一下基本目錄結構。 github repos...

HunterLiu ‧ 2018-10-11 ‧團隊武裝狗狗
4 Like 0 留言 25133 瀏覽
鐵人賽 Modern Web DAY 3
用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列 第 3 篇

技術 #3: Nuxt.js 簡介 ＆ 學習連結分享

上一篇，在不知道 Nuxt 是什麼的情況下，使用create-nuxt-app建立了一個 Nuxt 應用。 今年 9/21 在倫敦舉辦的 Vue Confere...

HunterLiu ‧ 2018-10-10 ‧團隊武裝狗狗
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19831 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙