第十二屆 佳作

web
JavaScript基本功修煉
Alysa Chan

系列文章

DAY 21

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

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

DAY 22

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

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

DAY 23

JavaScript基本功修練:Day23 - 閉包

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

DAY 24

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

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

DAY 25

JavaScript基本功修練:Day25 - Promise

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

DAY 26

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

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

DAY 27

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

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

DAY 28

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

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

DAY 29

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

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

DAY 30

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

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