iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

學習網頁前端基本的技術,包含如何使用HTML標籤跟CSS做出基本的網頁版型,了解bootstrap template如何建置網頁架構。 系列

這30天將學習網頁前端基本的技術,一開始先認識HTML標籤的使用,並實作演練。
再來認識CSS的語法,包含如何設定色彩、背景、超連結、圖片等等。
最後學習bootstrap template與jquery套件。希望最後可以將所學知識吸收,做出簡易的網頁!!!

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

Day21 監聽match

今天我要來跟大家聊聊 Vue.js 中的 watch,這是一個有用的功能,特別對於要寫前端的人來說。首先,Vue.js 是一個用來建立交互式的網頁應用程式的 J...

2023-10-06 ‧ 由 jenny 分享
DAY 22

Day22 Vue元件

Vue元件:VUE 的元件是什麼?簡單來說,元件就像是獨立的小工具,可以幫我們把畫面拆分成一塊一塊的,讓程式碼看起來更簡潔,也更容易維護。這樣一來,不僅可以提升...

2023-10-07 ‧ 由 jenny 分享
DAY 23

Day23 vue 單一檔案元件

Vue 的單一檔案元件(SFC):Vue 的單一檔案元件(SFC)就是把 Vue 組件的程式碼、樣式、甚至是模板,都寫在同一個檔案中。這樣做的好處是,我們可以在...

2023-10-08 ‧ 由 jenny 分享
DAY 24

Day24 props

Vue.js 中非常重要的一個功能——props!它是一種讓不同元件之間傳遞資料的方法。 讓我們用生活中的例子來理解「props」。可以把它想像成是你和朋友之間...

2023-10-09 ‧ 由 jenny 分享
DAY 25

Day25 $emit

在Vue.js中,$emit是一個用來在子元件和父層元件之間傳遞訊息的方法。就像是一個小信使,可以把資訊從子元件送到父層元件,這樣就可以在應用程式裡面做出互動了...

2023-10-10 ‧ 由 jenny 分享
DAY 26

Day26 $refs

$refs:$refs是一個能夠直接訪問子元件或 DOM 元素的方法。也就是說,它是一個通道,可以讓我們在程式中輕鬆地操作子元件或 DOM 元素。 現在,來看一...

2023-10-11 ‧ 由 jenny 分享
DAY 27

Day27 Vuex資料流及狀態機定義

Vuex資料流:一開始來談談什麼是資料流。簡單來說,當元件之間需要共享資料,或是要保持資料的一致性,就需要透過 Vuex 來負責管理著各個元件之間的資料流動。它...

2023-10-12 ‧ 由 jenny 分享
DAY 28

Day28 state 狀態資料

state 狀態資料:今天詳細介紹一下 Vuex 中的 state 狀態資料,這是在前端開發中相當重要的一環。 一開始,我們可以把 Vuex 想像成一個大倉庫,...

2023-10-13 ‧ 由 jenny 分享
DAY 29

Day29 mutations更新器

更新器mutations:今天來聊聊 Vuex 中的更新器mutations。 首先,我們可以把 Vuex 想像成一個超大倉庫,裡面儲存了我們整個應用程式的資料...

2023-10-14 ‧ 由 jenny 分享
DAY 30

Day30 Actions異步處理動作

Actions異步處理動作:今天來更詳細介紹Vuex 中的 Actions異步處理動作。Actions特別在處理非同步操作時,發揮了重要的作用。 一開始先假設...

2023-10-15 ‧ 由 jenny 分享