iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

前端工程師的30份套餐 系列

參賽天數 24 天 共 30 篇文章 | 18 人訂閱 訂閱系列文
DAY 1

Day1-前菜

jQuery是JavaScript的函式庫,可輕鬆操作相對較複雜的JavaScript,主要是可以簡單地呈現強大的動態網頁效果。是個前端容易入門的方向之一 在剛...

2018-10-16 ‧ 由 Jian 分享
DAY 2

Day2-var 與let、const

最近在寫React時發現很多時候變數明明被改變了,卻要用const來宣告而不是用let,究竟原因是什麼呢?今日的套餐讓我們來嚐嚐ES5的var與E6的let、c...

2018-10-17 ‧ 由 Jian 分享
DAY 3

Day3-JavaScript 函式(function)

我們經常會將功能寫成一個函式,之後可以再重複使用,是JavaScript非常重要的特性。而函式通常會有回傳值,使用return作為最後的回傳值輸出,但並非每種函...

2018-10-18 ‧ 由 Jian 分享
DAY 4

Day4-ES6 箭頭函式

最近剛踏入ES6的世界裡,常用箭頭函式卻不知道不是每種情況都適合使用,讓我們來仔細看看用法吧 箭頭函式 是ES6最受歡迎的一種新語法,原因是因為好處多且沒有什麼...

2018-10-19 ‧ 由 Jian 分享
DAY 5

Day5- JavaScript的this

Javascript的this究竟指向誰,這個問題總是被拿出來討論,今天就來看看this指向的不同情況。 1. this指向於調用該函數的物件 公式: 物件....

2018-10-20 ‧ 由 Jian 分享
DAY 6

Day6-Callback function

Callback(回調)其實跟一般函式沒什麼不同,差別在於被呼叫執行的時機。而一般來說函式先呼叫的會先執行,像是這個例子 function a() {...

2018-10-21 ‧ 由 Jian 分享
DAY 7

Day7- ES6 解構賦值

解構賦值是ES6的新特性之一,用於提取陣列或物件中的資料,這是一種對原本語法在使用上的改進。在使用時有以下幾種常見的情況: 陣列解構賦值 用來賦值的等號左邊寫變...

2018-10-22 ‧ 由 Jian 分享
DAY 8

Day8 -基礎陣列與展開運算符

陣列定義 陣列的索引值從0開始,可以用[]括號來改變陣列成員的值,或者取得指定值。 const a = [] //空陣列 const b = [1,2,3...

2018-10-23 ‧ 由 Jian 分享
DAY 9

Day9- 陣列處理方法: map()、reduce()和filter()

今天要來介紹三種常用到的陣列處理方法 分別是map()、reduce()和filter() 用食物來表示的話大概是下圖的意思XD map會回傳一個陣列 filt...

2018-10-24 ‧ 由 Jian 分享
DAY 10

Day10- 陣列處理方法 pop與push、shift與unshift

pop、push、shift和unshift這四種方法之中,只有push比較常見,今天就順道來介紹其他三種比較少用到的方法 push() 方法 向陣列尾端新增一...

2018-10-25 ‧ 由 Jian 分享