Day00 那些年我所不知道的 Web API 們


緣起

我是 Nick,目前曾是一名後端工程師,近幾個月剛轉職到 Pinkoi擔任前端工程師,喜歡研究技術及解決問題帶來的成就感。

  1. 關於我詳細可以看 Linkedin
  2. 之前文章可以參考 Medium

參賽原因

因為自己也喜歡分享帶來的沈澱及留下足跡的累積感,另外也是因為成長路程上受到不少人或大大文章的幫忙,所以希望自己有能力時就算是小分享也要多嘗試嘗試,但前提還是不能講錯的內容。

主題緣起

這次主題是在工作中想到的,因在專案 Code Base 中看到許多有趣的函數卻不知道在哪邊引入。不查不知道,查了才發現這些都是瀏覽器實作的原生 API,當時花了點時間略看了 MDM Web APIs 發現許多寶藏,希望能透過這次黑客松好好把這些發現的 API 好好研究一番並留個紀錄。

Web API 的優點

  1. 純邏輯也能達到,但透過 API 的整理可以達到 效能 提升、可讀性 也提昇雙贏的效果,如 IntersectionObserver
  2. 開創新的體驗,也可能是解決許多安全性疑慮,如 Web NotificationsPayment Request API

預計內容

  1. Intersection Observer API 實作 Lazy-load、收費廣告版位計價規則
  2. requestAnimationFrame API 優化動畫效能體驗
  3. Payment Request API 優化快速購物體驗
  4. ...尚在開發中

小結

希望能成功完賽,內容還在思考中,如果有任何推薦好用的 Web APIs,請一定要在下方留言跟我說 ~ 感激

#Web API #frontend #performance optimize #javascript #Web







你可能感興趣的文章

Debounce & Throttle in React - 1

Debounce & Throttle in React - 1

Select Sort

Select Sort

Day 27 - Tkinter & *args & **kwargs

Day 27 - Tkinter & *args & **kwargs






留言討論