iT邦幫忙

鐵人檔案

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

前端常見問題攻略 系列

投入前端教育數年時間,許多常見但卻缺乏統整的前端問題一直困擾著新手。

本系列專門針對常見但網路上較難查詢或缺少統整的部分進行介紹,並且透過簡單的圖文說明解決前端們的問題。

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

閉包,原來這就是閉包啊!

閉包,是一個 JavaScript 很常聽到的觀念,雖然會在不知不覺應用到閉包的基本概念,進階的用法在實戰中不一定很常用到,但這卻是面試中非常常見的問題,主要原...

2020-09-26 ‧ 由 卡斯伯 分享
DAY 12

學好 this 前,先搞清楚 this 做什麼

過去到現在寫了很多 this 相關的文章,如果沒有實際運用過 this 的開發者可能會有疑惑「this 是不是只有在面試考題用到?」、「this 在實戰中會用到...

2020-09-27 ‧ 由 卡斯伯 分享
DAY 13

透過練習題,摸熟 This 的運作

JavaScript 的 this 會隨著調用的方式不同影響其指向的不同(ES6 的箭頭函式定義也會影響指向),網路上已經提供相當多的資源介紹 this 指向的...

2020-09-28 ‧ 由 卡斯伯 分享
DAY 14

箭頭函式常見陷阱題

JavaScript ES6 以後加入了 ”箭頭函式“,就外觀看來它就像是一個縮寫,也因此許多新手會認為它是屬於傳統函式的縮寫形式;但其實不然,箭頭函式與傳統函...

2020-09-29 ‧ 由 卡斯伯 分享
DAY 15

AJAX 完整解說系列:基礎觀念

AJAX 全名是「Asynchronous JavaScript and XML」,在網頁上的功能主要是用於網頁前端與後端伺服器溝通的技術,也如同名稱一樣是透過...

2020-09-30 ‧ 由 卡斯伯 分享
DAY 16

AJAX 完整解說系列:新增、更新、刪除(POST、PATCH、DELETE)

AJAX 除了 GET 以外,其它幾個常見的請求方法通常都會對資料庫進行操作,尤其是 POST、PUT、PATCH 在發出請求的同時還會有附加資源傳送至伺服器。...

2020-10-01 ‧ 由 卡斯伯 分享
DAY 17

AJAX 完整解說系列:使用 Chrome Devtools 檢視請求及回應

從上一篇內容我們介紹到 AJAX 都是由瀏覽器發出請求,伺服器則會依據請求的內容進行回應。所以在這之中的 “請求”、“回應” 都會夾帶著不同資源,供瀏覽器及伺服...

2020-10-02 ‧ 由 卡斯伯 分享
DAY 18

AJAX 完整解說系列:搞懂 HTTP 狀態碼,流程錯誤正確解

AJAX 是前端與後端的介接,當跨越不同的環境時,所有的狀態會越來越難預期,接著就可能會發生錯誤,造成的錯誤狀態可能會如下: 流程與設計不同 資料格式不符合...

2020-10-03 ‧ 由 卡斯伯 分享
DAY 19

JS 常見陣列方法

本篇陣列方法是延伸過去寫的 JavaScript 陣列處理方法,目前的框架主流觀念都是「關注點分離」,框架主要都是負責畫面上的渲染;資料面完全交由給原生的 JS...

2020-10-04 ‧ 由 卡斯伯 分享
DAY 20

JS - for 迴圈與 forEach 有什麼不同

過去,當有一個陣列的內容需要依序取值時,都會使用 for... 迴圈(for loop)的形式將值一一取出,原始碼的結構如下: var array = ['小明...

2020-10-05 ‧ 由 卡斯伯 分享