iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

少年學Vue,如隙中窺月 系列

張潮的「幽夢影」有段話:「少年讀書,如隙中窺月; 中年讀書,如庭中望月;老年讀書,如臺上玩月。 皆以閱歷之淺深,為所得之淺深耳。」讀書的領會,會隨著人生閱歷的深淺而有所不同;而對一種程式語言的掌握度也是如此,會隨著投入時間的長短而有所不同。本系列文章是紀錄自己初學Vue.js的學習筆記,期許自己完賽後對Vue.js有基本的認識。

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

[Day21] jsES6語法-字串模板 Template String

如果我們要我們今天要再字串裡面加入值,就會需要使用到+號。常常我們如果要想要使用 innerHTML 來渲染變數,就會在變數裡面存放一大串的 html 結構,並...

2020-10-05 ‧ 由 Leo 分享
DAY 22

[Day22] jsES6語法-縮寫用法

如果我們宣告兩個物件 milk 和 fruits,並且要生成一個新的物件 dic 去存放這兩個物件。如果我們將 dic 裡面的物件名稱和我們設定的物件值設為一樣...

2020-10-06 ‧ 由 Leo 分享
DAY 23

[Day23] jsES6語法-常用陣列方法(上)

every 如果我們想要確認陣列裡面的資料都符合條件,我們可以在陣列裡面使用 every 條件來篩選, return 後面的條件式如果全部符合條件就會回傳 tr...

2020-10-07 ‧ 由 Leo 分享
DAY 24

[Day24]jsES6語法-常用陣列方法(中)

forEach 如果我們想存取陣列裡面每一個東西,通常會使用到 for 迴圈,如果我們今天想要讓程式更簡潔一些,可以使用 forEach 方法,他可以自動存取陣...

2020-10-08 ‧ 由 Leo 分享
DAY 25

[Day25]jsES6語法-常用陣列方法(下)

filter 當我們想要過濾陣列的資料,可以使用 filter 方法,它會return 條件相符合的陣列,比如我們設定 money 的條件 > 100 ,...

2020-10-09 ‧ 由 Leo 分享
DAY 26

[Day26] jsES6語法-解構(上)

我們可以使用解構的方式,將右邊的值給映射到左邊,比如將 family 的值映射到變數 ming,father,mother 裡面。 let family = [...

2020-10-10 ‧ 由 Leo 分享
DAY 27

[Day27]jsES6語法-解構(下)

我們也可以把解構方法用在物件裡面,把 family 的值傳到 Min ,並且用 Leo 的名稱來代替他,當我們使用 console 顯示 Leo 時,就會顯示小...

2020-10-11 ‧ 由 Leo 分享
DAY 28

[Day0] 參賽初衷

我的背景 目前自己前端的程式能力只學過基礎 html+css+js,沒有獨立開發過大型專案的經驗,算是程式小菜雞。 參賽初衷 當初是想說要逼自己每天都要學習程式...

2020-10-12 ‧ 由 Leo 分享
DAY 29

[Day29] CSS display複習

display: block 區塊元素介紹 特性 h1,ul,li,p 占滿整個版面 可設定寬高 會另起一行來呈現 display: block 可以包行內...

2020-10-13 ‧ 由 Leo 分享
DAY 30

[Day30] 完賽心得

感謝訂閱我文章的5位邦友,希望能對你們有一點點小幫助,懺悔一下後來 Vue 先前累積的文章寫完之後,就開始有點忙,就改寫 js(雖然大家都是很忙的),文章內容也...

2020-10-14 ‧ 由 Leo 分享