Web Workers 調用 API，減輕主執行緒負擔
透過 Web Workers，您可以將這些耗時的操作放在另一個執行緒中處理，減輕主執行緒的負擔，提高網站的效能和響應速度。這篇文章提供了詳細的解釋和示例，幫助您快速上手使用 Web Workers。不要錯過這個可以改善網站效能的實用技巧！
Plyr 播放器使用筆記：控制項、取值、事件、改樣式、外部平台影片
本篇大綱：本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值：影片總時長、當下秒數。監聽事件：播放、暫停。修改樣式。外部平台影片：Youtube、Vimeo。
Video.js 使用筆記：中文介面、取值、事件、改樣式
本篇大綱：本篇要解決的問題。建立影片播放器、引用 CSS、JS、HTML。使用中文介面。取值：影片總長度、當下秒數。監聽事件：播放、暫停。改變播放器樣式。範例原始碼。
如何用 Mockoon 快速建立 Mock APIs Server
本篇大綱：本篇要解決的問題。下載 Mockoon。使用 Mockoon、建立新環境、選擇方法、Path、給預設回應、開啟 CORS、Start server。調用 API。筆記後心得。
GitHub API：建立 Issue、Comment – GitHub App
本篇大綱：本篇要解決的問題。建立 GitHub 登入功能，取得 token。新增 GitHub App，填寫 Firebase ID、密鑰。安裝 GitHub App。使用 GitHub API 新增留言及相關套件。Personal Token、GitHub App。GitHub 當留言版 Demo、原始碼。
Instagram 基本顯示 API ：抓取公開 IG 資料、相片、影片
本篇大綱：本篇要解決的問題。準備事項。建立 FB 應用程式。取得授權碼。使用 Instagram Basic Display API。
GitHub API：建立 Issue、Comment – API、Personal access tokens
探索如何使用 GitHub API 建立 Issues 和 Comments，並深入了解創建和使用 Personal access tokens 的方法和注意事項。本文提供了詳細的步驟和範例，是 GitHub 用戶和開發者的實用指南。
GitHub API：取 Issue、Comments
本篇大綱：本篇要解決的問題。事前作業。取得單篇 Issue。取得 Issue 下的所有 Comments。範例及原始碼。Get Issues API 很簡單，相較於 Create 來說，沒有很複雜的事前項目需要處理，因此先寫這篇。
如何用 Postman Mock Server 快速建立 API Server
學習如何使用 Postman Mock Server 快速建立 API Server。從建立 Mock Server 到設定回應和新增 API Key，本文提供了詳細的步驟和指南，助你輕鬆模擬 API 伺服器並進行測試。
WebSocket 基本介紹及使用筆記
本篇大綱：WebSocket 前端得懂一點。WebSocket 重點心智圖。用 Node.js 建一個簡單的 WebSocket Server。前端連結 WebSocket。1 建立 WebSocket、2 監聽 WebSocket 事件、3 Client 端發訊息給 WS Server。
用 Google Apps Script 寫一個 LINE 登入功能：下篇 – 三大步驟
本篇大綱：取得 LINE 登入的三大步驟。1 產出一個讓使用者點擊的 LINE 網址。2 拿 LINE 網址回傳的授權碼，調用 API 取得 token。3 拿 token 調用 API 取得使用者的公開資料。三大步驟的完整程式碼。參考資源。
用 Google Apps Script 寫一個 LINE 登入功能：上篇 – 前置作業
本篇大綱：為什麼要 LINE 登入？為了電子報訂閱人數。LINE 登入會拿到的資料。LINE 登入並取得資料的三大步驟。前置作業：3 個必備事物。LINE Login 後台設定部份。
Recent Comments