iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

那些被忽略但很好用的 Web API 系列

Web API -- Application Programming Interface for The Web,翻譯成中文就是「給網頁使用的應用程序介面」。

相信對於開發網頁的前端工程師來說,Web API 在熟悉不過,就算你沒聽過或不曉得 Web API 是什麼,你也絕對使用過它。

像是 console.log、setTimeOut、setInterval,這些其實都是所謂的 Web API,並非是 JavaScript 的原生方法。而這次我們就是要來挖掘那些被你忽略或是遺忘的 API,或許能讓你在開發網頁的過程中獲得新的靈感。

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

那些被忽略但很好用的 Web API / GetBoundingClientRect

小孩才做選擇,成年人當然是尺寸、座標全都要! 昨天介紹的 ResizeObserver API 可以觀察到元素的尺寸變動時執行回呼,並且會提供元素變動後的「...

2021-10-06 ‧ 由 MaxLeeBK 分享
DAY 22

那些被忽略但很好用的 Web API / IntersectionObserver

當你進入我的眼簾,我們的命運就有了交集~ 看到 Observer,應該就知道今天要介紹的又是「觀察者」系列的 API 了,而且這次的觀察者可能比前面的 Mu...

2021-10-07 ‧ 由 MaxLeeBK 分享
DAY 23

那些被忽略但很好用的 Web API / Animation On Scroll

學以致用是最快樂的事情 昨天我們認識了 IntersectionObserver,知道它可以偵測到元素進入畫面的時機,而這個特性非常適合用來製作 Anima...

2021-10-08 ‧ 由 MaxLeeBK 分享
DAY 24

那些被忽略但很好用的 Web API / ScrollIntoView

將元素玩弄與指尖,說來就來,呼風喚雨 既然有 IntersectionObserver 能夠偵測元素是否進入視窗中,那當然也會有 API 能夠主動讓元素進入...

2021-10-09 ‧ 由 MaxLeeBK 分享
DAY 25

那些被忽略但很好用的 Web API / Drag & Drop

就喜歡拖拖拉拉 現在使用手機、平板來瀏覽網站的機會比起電腦來說,實在是多太多了,所以其實 Web API 也不斷針對這樣的趨勢在靠攏,像是我們前期介紹的 B...

2021-10-10 ‧ 由 MaxLeeBK 分享
DAY 26

那些被忽略但很好用的 Web API / 拖拉式待辦清單

就算拖拖拉拉,也可以把待辦事項處理好 昨天雖然已經知道該如何使用 Drag & Drop API 了,不過今天會實際用它來做個「拖拉式待辦清單」,用...

2021-10-11 ‧ 由 MaxLeeBK 分享
DAY 27

那些被忽略但很好用的 Web API / Share

與你分享的快樂,勝過獨自擁有 現代人看到有趣的網頁、新聞、消息等等時,最常做的事情就是分享到社群帳號中,而現在社群軟體數不勝數,Facebook、LINE、...

2021-10-12 ‧ 由 MaxLeeBK 分享
DAY 28

那些被忽略但很好用的 Web API / Notification

訂閱、分享、開啟小鈴鐺,才不會錯過通知喔~ 各位有沒有收過網站的通知呢?例如 Youtube 或 Netflix 的新片通知,或是 Facebook 的訊息...

2021-10-13 ‧ 由 MaxLeeBK 分享
DAY 29

那些被忽略但很好用的 Web API / Geolocation

我的字典裡沒有放棄,因為已鎖定你 現在有不少網站都有地圖相關的功能,而為了解決地圖繪製、路線運算、區域標示...等等複雜的功能,通常大家都會選用第三方的套件...

2021-10-14 ‧ 由 MaxLeeBK 分享
DAY 30

那些被忽略但很好用的 Web API / 結語

Web API -- Application Programming Interface for The Web,翻譯成中文就是「給網頁使用的應用程序介面」...

2021-10-15 ‧ 由 MaxLeeBK 分享