常見瀏覽器API

特別地，您將使用的最常見的瀏覽器API類別（以及我們將更詳細地介紹的）是：

• 操作文件的API內置於瀏覽器中。最明顯的例子是DOM（文件物件模型）API，它允許您操作HTML和CSS — 建立、移除以及修改HTML，動態地將新樣式應用到您的頁面，等等。每當您看到一個彈出窗口出現在一個頁面上，或者顯示一些新的內容時，這都是DOM的行為。您可以在在Manipulating documents中找到關於這些型別的API的更多資訊。
• 從伺服器獲取資料的API用於更新網頁的一小部分是相當好用的。這個看似很小的細節能對網站的效能和行為產生巨大的影響 — 如果您只是更新一個股票列表或者一些可用的新故事而不需要從伺服器重新載入整個頁面將使網站或應用程式感覺更加敏感和“活潑”。使這成為可能的API包括XMLHttpRequest
  和Fetch API。您也可能會遇到描述這種技術的術語Ajax。您可以在Fetching data from the server找到關於類似的API的更多資訊。
• 用於繪製和操作圖形的API目前已被瀏覽器廣泛支援 — 最流行的是允許您以程式設計方式更新包含在HTML<canvas>元素中的畫素資料以建立2D和3D場景的Canvas和WebGL。例如，您可以繪製矩形或圓形等形狀，將影象匯入到畫布上，然後使用Canvas API對其應用濾鏡（如棕褐色濾鏡或灰度濾鏡），或使用WebGL建立具有光照和紋理的複雜3D場景。這些API經常與用於建立動畫迴圈的API（例如window.requestAnimationFrame()
  ）和其他API一起不斷更新諸如動畫和遊戲之類的場景。
• 音訊和視訊API例如HTMLMediaElement，Web Audio API和WebRTC允許您使用多媒體來做一些非常有趣的事情，比如建立用於播放音訊和視訊的自定義UI控制元件，顯示字幕字幕和您的視訊，從網路攝像機抓取視訊，通過畫布操縱（見上），或在網路會議中顯示在別人的電腦上，或者新增效果到音軌（如增益，失真，平移等） 。
• 裝置API基本上是以對網路應用程式有用的方式操作和檢索現代裝置硬體中的資料的API。我們已經討論過訪問裝置位置資料的地理定位API，因此您可以在地圖上標註您的位置。其他示例還包括通過系統通知（參見Notifications API）或振動硬體（參見Vibration API）告訴使用者Web應用程式有用的更新可用。
  自定義導航網址
• 客戶端儲存API在Web瀏覽器中的使用變得越來越普遍 - 如果您想建立一個應用程式來儲存頁面載入之間的狀態，甚至讓裝置在處於離線狀態時可用，那麼在客戶端儲存資料將會是非常有用的。例如使用Web Storage API的簡單的鍵- 值儲存以及使用IndexedDB API的更復雜的表格資料儲存。