用 reCAPTCHA v3 來做非機器人驗證
本篇大綱：本篇要解決的問題。註冊 reCAPTCHA。v3 特有的 2 個值：action、score。頁面使用 reCAPTCHA 方法 1：直接埋 HTML。頁面使用 reCAPTCHA 方法 2：寫 JavaScript 使用。後端向 reCAPTCHA 驗證。
用 reCAPTCHA v2 來做非機器人驗證
本篇大綱：本篇要解決的問題。註冊 reCAPTCHA。頁面使用 reCAPTCHA 方法 1：直接埋 HTML。頁面使用 reCAPTCHA 方法 2：寫 JavaScript 使用。後端向 reCAPTCHA 驗證。取 IP。
IntersectionObserver：下篇 – 實際應用 lazyload、進場效果、無限捲動
本篇大綱：使用資源。lazy load 延遲載入（圖片、影片）、一個神奇的狀況（坑？）。進場效果。無限捲動。原始碼、Demo。接續上一篇的IntersectionObserver基本使用（以下簡稱IO），本篇來寫三個實際應用。
IntersectionObserver：上篇 – 基本介紹及使用
本篇大綱：IntersectionObserver？拿超商的歡迎光臨來說明。IO 使用 3 步驟：1 建立觀察器（observer）、2 指定觀察器要觀察的獵物（entry）、3 當獵物進入（true） / 離開（false） 觀察器視窗的範圍，觀察器就執行 callback。原始碼。參考資源。
Recent Comments