iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 2564 瀏覽

鐵人賽 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 留言 4254 瀏覽

鐵人賽 Modern Web DAY 2

JavaScript 音樂漫遊 - 30 天探索 Web Audio！系列第 2 篇

技術 01. 基礎建設

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

Gary ‧ 2018-10-17 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

3 Like 0 留言 19539 瀏覽

鐵人賽 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 留言 16959 瀏覽

鐵人賽 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 留言 42694 瀏覽

鐵人賽 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 留言 10658 瀏覽

鐵人賽 Modern Web DAY 2

VUE & PHP (Apache2) & Docker 實戰開發系列第 2 篇

技術 Day2-Vue & Service Worker(PWA)

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

aa71435723 ‧ 2018-10-16

4 Like 1 留言 23849 瀏覽

鐵人賽 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 留言 5390 瀏覽

鐵人賽 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 留言 1281 瀏覽

鐵人賽自我挑戰組 DAY 1

使用Vue製作簡單的 WorkBoard （30天）系列第 1 篇

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

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

LucyLiou ‧ 2018-10-14

0 Like 1 留言 3662 瀏覽

鐵人賽 Modern Web DAY 1

Daily UI : 開發者版系列第 1 篇

技術 Vuetify：Preface › ❶ Read me first

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

Casio ‧ 2018-10-16

2 Like 1 留言 6414 瀏覽

鐵人賽 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 留言 11111 瀏覽

鐵人賽 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 留言 5321 瀏覽

鐵人賽 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 留言 11929 瀏覽

鐵人賽 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 留言 24507 瀏覽

鐵人賽 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 ‧團隊武裝狗狗

4 Like 0 留言 6566 瀏覽

技術用 vuetify-loader 提升 Vue 開發體驗

好久沒寫文章，心血來潮發一篇重點先放三遍不用 Vuetify 也可以用 vuetify-loader 哦不用 Vuetify 也可以用 vuetify-...

HunterLiu ‧ 2019-06-20

2 Like 0 留言 2465 瀏覽

技術使用vue製作Shoppingcart02

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

Amanda Hong ‧ 2018-09-15

5 Like 2 留言 8584 瀏覽

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

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

神Q超人 ‧ 2018-09-03

6 Like 1 留言 5119 瀏覽

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

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

神Q超人 ‧ 2018-09-02

4 Like 2 留言 6676 瀏覽

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

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

神Q超人 ‧ 2018-08-31

7 Like 4 留言 15102 瀏覽

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

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

神Q超人 ‧ 2018-08-29

8 Like 0 留言 9070 瀏覽

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

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

神Q超人 ‧ 2018-08-27

5 Like 1 留言 7849 瀏覽

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

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

神Q超人 ‧ 2018-08-25

4 Like 2 留言 29756 瀏覽

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

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

神Q超人 ‧ 2018-08-25

0 Like 0 留言 1924 瀏覽

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

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

zhenatcs ‧ 2018-08-23

6 Like 2 留言 11301 瀏覽

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

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

神Q超人 ‧ 2018-08-23

8 Like 1 留言 35242 瀏覽

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

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

神Q超人 ‧ 2018-08-21

3 Like 1 留言 12690 瀏覽

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

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

神Q超人 ‧ 2018-08-17

9 Like 2 留言 7675 瀏覽

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

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

神Q超人 ‧ 2018-08-15

22 Like 2 留言 46562 瀏覽

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

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

神Q超人 ‧ 2018-08-15

技術 Vuetify：Preface › ❷ The Important Concepts

技術 01. 基礎建設

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

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

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

技術 Day2-Vue & Service Worker(PWA)

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

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

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

技術 Vuetify：Preface › ❶ Read me first

技術 #7: Storybook 和 Nuxt.js

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

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

技術 #4: nuxt.config.js

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

技術 用 vuetify-loader 提升 Vue 開發體驗

技術 使用vue製作Shoppingcart02

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

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

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

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

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

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

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

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

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

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

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

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

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

標記使用者

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

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

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

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

技術用 vuetify-loader 提升 Vue 開發體驗

技術使用vue製作Shoppingcart02

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