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 篇文章 | 69 人訂閱 訂閱系列文 RSS系列文
DAY 1

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

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

2021-09-16 ‧ 由 MaxLeeBK 分享
DAY 2

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

雖然一招 console.log 就能打遍天下無敵手,但你其實有更好的選擇。 我知道我知道,這次的主題是「被忽略」的 Web API,Console 顯然不...

2021-09-17 ‧ 由 MaxLeeBK 分享
DAY 3

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

除了功能完善,有時候效能也該一併考慮。 今天要介紹的是 CreateDocumentFragment,它隸屬於 document 物件底下,而 Docume...

2021-09-18 ‧ 由 MaxLeeBK 分享
DAY 4

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

別再用 setTimeOut、setInterval 寫動畫啦! 如果你有用 js 寫過動畫,那通常你第一個想到的絕對會是 setTimeOut 或 set...

2021-09-19 ‧ 由 MaxLeeBK 分享
DAY 5

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

一起來延伸視野,迎接更大的畫面吧! 今天要介紹的 FullScreen API 會被忽略的原因可能是因會需要使用到它的情境比較少,但如果你撰寫網站的經驗有累...

2021-09-20 ‧ 由 MaxLeeBK 分享
DAY 6

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

低電量~低~低~電量~ 呂士軒-低電量 今天要分享的也是一個使用情境偏少的 API,但如果你有想要做移動端的應用的話,或許可以嘗試使用看看。 Batter...

2021-09-21 ‧ 由 MaxLeeBK 分享
DAY 7

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

疫情時代,視訊串流當頭,用視訊鏡頭來做個線上攝影吧! 自從疫情爆發後,各行各業也開始進行居家辦公,使得視訊軟體及相關技術開始受重視,身為前端,我們也可以拿視...

2021-09-22 ‧ 由 MaxLeeBK 分享
DAY 8

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

DesignMode 讓整個網站都是你的 textarea。 今天要介紹的 API 非常簡單明瞭,簡單到有點偷懶的嫌疑了,但其實等我們連同後面兩天的內容介紹...

2021-09-23 ‧ 由 MaxLeeBK 分享
DAY 9

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

選你所愛,愛你所選。 在瀏覽網站時,反白(或稱反藍)其實是一個非常常見的動作,不管是要強調目前的閱讀區域或是想要複製某個段落,使用者都會透過游標進行反白,而...

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

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

CTRL + C & CTRL + V,兩個指令就能讓你成為工程師。 Selection API 掌管著網頁中的「反白」,Clipboard API...

2021-09-25 ‧ 由 MaxLeeBK 分享