iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

網頁前端基礎&Vue.js 系列

因要學習vue.js,必須要有html、css、javascript一些網頁構成基礎,這30天將從網頁基礎的熟悉一步一步進入Vue.js理論和語法,並實作相關的例子,進而了解Vue.js的特性!

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

javascript(addEventListener事件處理函式)(DAY21)

這篇文章會介紹addEventListener事件處理函式,它其實和event的監聽事件很像,但是addEventListener有它的方便性和特點,我們趕快來...

2021-10-04 ‧ 由 Vince 分享
DAY 22

javascript表單資料處理&驗證(DAY22)

這篇文章會介紹如何使用DOM來處理表單的物件存取,以及利用條件判斷式來處理表單的驗證,像是在上一篇的部分有舉了一個例子,裡面使用到了if-else的條件判斷式來...

2021-10-05 ‧ 由 Vince 分享
DAY 23

javascript(DOM調整屬性與樣式&計時器)(DAY23)

這篇文章會介紹如何利用DOM動態的新增、取得、刪除元素的屬性值,以及認識javascript的計時器函式,並且將這篇所學結合一個常常在網路上看到的網站效果(照片...

2021-10-06 ‧ 由 Vince 分享
DAY 24

Vue.js介紹及開發環境準備(DAY24)

Vue.js是什麼? Vue.js是近年來蠻流行的前端框架,也是一個包裝好的語言,使用上會比較便利。用於建立使用者介面的JavaScript框架,有效的組織與簡...

2021-10-07 ‧ 由 Vince 分享
DAY 25

Vue.js框架的便利與屬性介紹 (DAY25)

Vue框架增加和改變了一些功能,使得開發者撰寫Code時簡潔許多,錯誤率降低,在除錯時也比較有效率!下面舉了一個簡單的例子: 在Javascript中我...

2021-10-08 ‧ 由 Vince 分享
DAY 26

Vue.js指令介紹&基本指令(Directives)(DAY26)

What is Vue Directives? 指令的功能通常用在JavaScript表達式的值改變的時候,對應到的DOM標籤也會連帶的影響。指令大概有10幾種...

2021-10-09 ‧ 由 Vince 分享
DAY 27

Vue.js指令(v-model)綁定(DAY27)

現今常常會在購物網站中看到顧客點選產品時,網頁會依據顧客的操作自動列出清單,或是看到一些使用者在輸入框輸入資料會在網頁中自動更新輸入的內容等等,那這些是如何做到...

2021-10-10 ‧ 由 Vince 分享
DAY 28

Vue.js指令(v-bind)綁定(DAY28)

v-bind(屬性綁定) 之前所介紹的,若想在html動態的呈現資料可以使用{{ }},但如果今天想動態的更換html中的屬性呢?是不是也能在屬性中使用...

2021-10-11 ‧ 由 Vince 分享
DAY 29

Vue.js指令(v-on)綁定(DAY29)

v-on (事件綁定) v-on是用來綁定event事件的指令,就像之前javascript介紹過的onclick、onchange事件等,觸發事件後,...

2021-10-12 ‧ 由 Vince 分享
DAY 30

Vue.js指令(v-if & v-show & v-for)(DAY30)

v-if v-if/v-else/v-else-if 的用法就像是JavaScript的判斷式,使用條件渲染能夠使資料在特定條件下才出現,若為true,...

2021-10-13 ‧ 由 Vince 分享