用 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),本篇來寫三個實際應用。本篇的無限滾動,是像FB那樣子,頁面每捲到底,就會多載入一張卡片進來。

IntersectionObserver:上篇-基本介紹及使用

本篇大綱:IntersectionObserver?拿超商的歡迎光臨來說明。IO使用3步驟:1 建立觀察器(observer)、2 指定觀察器要觀察的獵物(entry)、3 當獵物 進入(true) / 離開(false) 觀察器視窗的範圍,觀察器就執行callback。原始碼。參考資源。