iT邦幫忙

vue相關文章
共有 351 則文章
鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 3

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

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

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

技術 Vuetify:Preface › ❷ The Important Concepts

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

鐵人賽 Modern Web DAY 2

技術 01. 基礎建設

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

鐵人賽 Modern Web DAY 2

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

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

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

技術 Vuetify:Preface › ❶ Read me first

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 2

技術 Day2-Vue & Service Worker(PWA)

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

鐵人賽 Modern Web DAY 1

技術 [Day 1] Vue Quasar Framework介紹與安裝

Quasar 是一款基於Vue.js開發的UI Framework。可以讓你輕鬆就搞定網站介面之餘還不失美觀,更重要的是他還能讓你輕鬆就做好RWD,除此之外還能...

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 自我挑戰組 DAY 1

技術 (第一天)自我學習 - 簡單認識 Vue

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

鐵人賽 Modern Web DAY 7

技術 #7: Storybook 和 Nuxt.js

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 4

技術 #4: nuxt.config.js

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

鐵人賽 Modern Web DAY 3

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

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

技術 使用vue製作Shoppingcart02

上次做了簡易的購物清單 這次來挑戰這個購物網站,還有很多還沒做好,但是想維持記錄學習 這次模仿的網站網址 Andenhud HTML的架構 <div id...

技術 [筆記][Vue.js]打開Vue.js世界的大門(12)-讓組件與父元素溝通的$emit和v-model的綁定篇

嗨!讓我抓住禮拜天的尾巴,繼續研究Vue.js吧XD,之後就要分心處理React了,那廢話不多說,分隔線下進入正文! 對父級做事件處理 首先提一下關於組件的事...

技術 [筆記][Vue.js]打開Vue.js世界的大門(11)-壓軸登場的組件基礎和Props使用方式篇

Hello!大家好!前幾天突然看到鐵人賽在十月開始,實在來的太快,讓小弟我感到非常錯愕XD,去年因為害怕所以沒有參加,但那時候也立志了今年要參加的決心!所以之後...

技術 [筆記][Vue.js]打開Vue.js世界的大門(10)-事件綁定的後綴修飾符Part2篇

Hello!大家好!Part1篇在這裡,今天讓我們繼續事件修飾符的Part2篇(簡單迅速切入正文,因為時間有點晚了XD)! 首先登板的是.once! 1. ....

技術 [筆記][Vue.js]打開Vue.js世界的大門(9)-事件綁定的後綴修飾符Part1篇

HI!其實第一篇已經簡單介紹過事件綁定了,但是我看他官方文件上面好像還有很多可以講,就在這裡把他獨立出來了XD 再講新的之前先複習一下之前學過的綁定方式: H...

技術 [筆記][Vue.js]打開Vue.js世界的大門(8)-用Vue來玩轉style!

嗨!大家好!最近都維持著兩三天就一篇文章的頻率,說實在有點累人XD,不過年底就要到了很多事情都還沒有一個著落,突然覺得有點著急,才想說加緊個腳步 昨天我們說了c...

技術 [筆記][Vue.js]打開Vue.js世界的大門(7)-class也飛不出Vue的掌心!

嗨啊!今天台南終於放晴了,那麼好的天氣,就輕鬆打個文章吧XD,內容來說說如何使用Vue.js來操作class屬性。 class 不就用v-bind綁定clas...

技術 [筆記][Vue.js]打開Vue.js世界的大門(6)-讓watch來當你的眼睛!

HI!大家好啊!緊接著computed之後,今天再來學習新的Vue.js的屬性watch吧! watch 這是什麼? 如果我們要在一個表單上的值發生改變的時候...

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

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

技術 [筆記][Vue.js]打開Vue.js世界的大門(5)-太複雜的事情就交給computed吧!

嗨啊!大家好!經過昨天耍了一天廢後,今天繼續闖蕩Vue世界吧! 孔子說「溫故而知新」所以在進入正文之前我們先簡單複習一下資料綁定,看能不能因此獲得新的知識XD...

技術 [筆記][Vue.js]打開Vue.js世界的大門(4)-讓v-model雙向綁定抓住你的資料

HI!記得我們在第一篇的時候有提過如何將Vue.js的資料綁定到View上面嗎?如果忘記的話可以看一下以下最簡單的範例: HTML <input id=&...

技術 [筆記][Vue.js]打開Vue.js世界的大門(3)-既然長得差不多,就用迴圈吧!

終於輪到迴圈了(其實也才剛開始三篇而已XD)!說到迴圈大家一定不陌生,除了最初的起點Hello!world!以外,應該就是九九乘法表了,那當迴圈融入前端框架時,...

技術 [筆記][Vue.js]打開Vue.js世界的大門(2)-是或不是,不然就怎樣的條件判斷

前陣子和朋友在書局逛街的時候,他問了一句話: 「欸!你都是怎麼重頭學習一個新技術的啊?」 在記憶裡,我是這樣回答的: 「很簡單啊,做就對了!」 沒錯! 就是...

達標好文 技術 [筆記][Vue.js]打開Vue.js世界的大門(1)-第一次接觸及認識基本用法

其實這次標題有點騙人,因為對小弟來說也不算第一次接觸了,但也只是前幾天讀過官方文件的等級而已,所以如果有些地方解釋的不對,還請各位大大留言告訴我了,在此小弟感激...