iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

「小孩才做選擇,我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。 系列

本系列文章適合擁有 HTML, CSS, JavaSciprt 基礎,沒碰過但想瞭解 Vue.js 與 D3.js 的開發者們,並試著以 entry engineer 也能夠輕鬆瞭解的文章方式作為撰寫。

鐵人鍊成 | 共 37 篇文章 | 81 人訂閱 訂閱系列文 RSS系列文
DAY 1

開賽前言-「小孩才做選擇,我全都要。」

作者要的是什麼? 自從轉職工程師之後,一直很想挑戰 IT 鐵人賽,初衷是在勉勵自己持續寫作,透過寫作思考,有脈絡的來學習前端的技術,並轉化為他人可以輕鬆閱讀的內...

2019-09-03 ‧ 由 ShawnL 分享
DAY 2

[ Vue.js ] Why Vue.js? 我能不要用他嗎?

其實可以不要用...此系列文結束??? 在談談為什麼需要 Vue.js 之前,我想要先來聊聊幾個話題,透過這幾個比較沉悶的話題我想大家自己就會有答案了! 為什...

2019-09-04 ‧ 由 ShawnL 分享
DAY 3

[ Vue.js ] 環境建置

環境搭建 一般來說建置 Vue.js 的完整專案會使用 Vue-cli 工具來產生專案目錄,但如果只是想要快速學習 Vue.js 不必安裝過多的環境,Vue.j...

2019-09-05 ‧ 由 ShawnL 分享
DAY 4

[ Vue.js ] 指令 Directives

在上一集,我們已經建立好基本的環境並使用樣板語法將資料內容顯示出來,接下來我們將學習更進階一點方法來顯示資料內容。 指令(Directives) 在 Vue.j...

2019-09-06 ‧ 由 ShawnL 分享
DAY 5

[ Vue.js ] 修飾符 modifier

修飾符 昨天介紹到指令的部分,還蠻多的東西需要一點時間消化,而今天要來介紹一點相對簡單的東西,那就是修飾符(modifier)啦!在 Vue.js中,修飾符以半...

2019-09-07 ‧ 由 ShawnL 分享
DAY 6

[ Vue.js ] 資料選項 Options

一轉眼周末又要結束了,這幾天前面介紹的主要都是以 HTML 中如何使用樣板語法、指令與修飾符來顯示資料內容,而今天將會介紹如何在 JavaScript 中操作以...

2019-09-08 ‧ 由 ShawnL 分享
DAY 7

[ Vue.js ] 生命週期 lifecycle

生命週期 生命週期(如上圖)主要是在說明一個元件從生(初始化)到死(註銷)的過程,對於生命週期有良好的理解,可以更有效的運用他,譬如要在哪個階段載入 AJAX...

2019-09-09 ‧ 由 ShawnL 分享
DAY 8

[ Vue.js ] 元件註冊 Registration

元件的概念可以把它看作成一個重複利用性高的程式,好比只要輸入資料進去,就能夠輸出得到對應的需求,至於其他相關的外觀樣式等等都會相應產生。而要將 Vue.js 的...

2019-09-10 ‧ 由 ShawnL 分享
DAY 9

[ Vue.js ] 父子元件 child component

父子元件 在某些情境下我們可能會在元件內使用大量重複的元素標籤以及內容,這個時候我們就可以把元件中的重複的內容再次元件化,並且作法同樣可以分為區域性與全域性。...

2019-09-11 ‧ 由 ShawnL 分享
DAY 10

[ Vue.js ] 元件樣板 template

時間過得很快,不知不覺已經過了十天了!而前兩天我們花了一點時間在介紹元件的註冊方式與用法,除了能夠建立一個元件並使用對應的 <tag> 標籤建立在網...

2019-09-12 ‧ 由 ShawnL 分享