iT邦幫忙

鐵人檔案

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

JavaScript基本功修煉 系列

幾個月前我毅然從平面設計和藝術創作,轉戰前端開發之路。直到最近在寫JavaScript卡關時,不禁懷疑自己是否有能力繼續走下去,但與其懷疑人生,不如腳踏實地一步步把基本功練起來才是最實際。這系列會由零開始記錄JavaScript的基本概念,也會分享自己實作練習的過程,希望各位多多指教!

鐵人鍊成 | 共 31 篇文章 | 131 人訂閱 訂閱系列文 RSS系列文 團隊十萬伏bug打字團
DAY 21

JavaScript基本功修練:Day21 - 箭頭函式

ES6新增了箭頭函式的語法,方便我們用簡短直接的方式寫出函式,開發時不用再重複寫function、return這些英文字。然而,雖然簡潔方便,但在運作上與傳統函...

2020-10-06 ‧ 由 Alysa Chan 分享
DAY 22

JavaScript基本功修練:Day22 - 回傳函式與立即函式(IIFE)

在學習高階函式和非同步概念時,不時會聽到回傳函式(callback function)這個字,但一直都不太理解當中的意思。此外,關於函式這個課題,還有一款函式叫...

2020-10-07 ‧ 由 Alysa Chan 分享
DAY 23

JavaScript基本功修練:Day23 - 閉包

閉包最常用的情況是在巢狀函式裏(即是函式裏的函式)。它最強大的功能就是能夠把函式裏的資料狀態保存下來。一般而言,函式一旦被執行掉後,函式內的資料就會被銷毀,從而...

2020-10-08 ‧ 由 Alysa Chan 分享
DAY 24

JavaScript基本功修練:Day24 - 非同步執行與事件佇列

在最後這個星期要開始進入同步與非同步的課題了,在進入語法部分,例如常用的Promise、async/await之前,我們要先理解非同步函式是如何被執行。 這篇文...

2020-10-09 ‧ 由 Alysa Chan 分享
DAY 25

JavaScript基本功修練:Day25 - Promise

今天會介紹常用來處理非同步程式的語法:Promise。在ES6的Promise語法出現之前,我們都依賴回傳函式來寫非同步程式,但Promise的出現,令整個非同...

2020-10-10 ‧ 由 Alysa Chan 分享
DAY 26

JavaScript基本功修練:Day26 - Promise的語法糖:async/await

除了Promise之外,還有async/await語法來處理非同步程式,它背後的操作原理與Promise是一樣的,所以也被稱為Promise的語法糖,它可以把P...

2020-10-11 ‧ 由 Alysa Chan 分享
DAY 27

JavaScript基本功修練:Day27 - AJAX基本概念

對於新手來說,AJAX課題裏比較難懂的部分應該是背後的運作概念,而非程式碼本身。這個課題會分開幾篇,這篇會先整理有關基本概念與一些術語的意思,下篇開始就會集中講...

2020-10-12 ‧ 由 Alysa Chan 分享
DAY 28

達標好文 JavaScript基本功修練:Day28 - Fetch練習(GET和POST請求)

今天會承接昨天AJAX的課題,了解常用來處理AJAX的語法,Fetch,以及試試用fetch來實作GET、POST請求。 fetch基本語法 Fetch是一個全...

2020-10-13 ‧ 由 Alysa Chan 分享
DAY 29

達標好文 JavaScript基本功修練:Day29 - axios基本語法與練習(GET、POST請求)

除了fetch外,也有不少人用axios套件來處理AJAX,非常方便易用,Vue作者更建議使用axios作為HTTP請求工具。事實上,Axios是很輕量的套件,...

2020-10-14 ‧ 由 Alysa Chan 分享
DAY 30

JavaScript基本功修練:Day30 - AJAX常遇上的同源政策問題與解決方法

經過這幾天學習AJAX,對於接API開始有點認識了,雖然有把一些例子順利寫出來跟大家分享,但是背後也曾經出了不少奇怪問題,例如以下經典問題: fetch('ht...

2020-10-15 ‧ 由 Alysa Chan 分享