Nuxt.js 引用 Firebase SDK
本篇大綱:Nuxt.js 學習中。1 新增 firebase.js。2 更新 nuxt.config.js。3 各頁面引用。最近在看 Nuxt.js 的文件,想來轉用 Nuxt.js,沒想到在第一步引用 Firebase SDK 就卡關。
前端工程師 August 的學習筆記 — solving problems, in simple ways.
本篇大綱:Nuxt.js 學習中。1 新增 firebase.js。2 更新 nuxt.config.js。3 各頁面引用。最近在看 Nuxt.js 的文件,想來轉用 Nuxt.js,沒想到在第一步引用 Firebase SDK 就卡關。
本篇大綱:學了單純發送訊息後,接著我們來學可互動訊息。1 建立一個App。2 開啟App功能。Incoming Webhooks。Interactive Components。3 發送訊息、接收訊息的程式碼。4 實際範例。參考資源。想要有可互動的訊息,我們得自己建立一個App。
本篇大綱:原來Slack通知還蠻多人用的。純靜態?註冊Slack,跳過。1 開通自動通知功能。1-2 忘記了webhook url?2 發送訊息。3 設定自動發送。4 除了純文字的訊息,還有多種格式。筆記後心得。這篇寫的自動通知,就是單純發送個訊息的,無法跟訊息有互動。
探討如何在 WordPress 上嵌入 Google AdSense 廣告,分享審核過程、手動/自動放置廣告的方法,並介紹 Ad Inserter 外掛與 Google Analytics 的連結技巧。
在 WordPress 上使用 Google 的 Site Kit 外掛的完整指南。學習如何安裝、設置、連結到 Google Analytics,以及如何添加更多功能。本文提供了詳細的步驟和實用建議,助你輕鬆上手 Site Kit by Google。
本篇大綱:影片愈來愈重要的這時代,前端會遇到嵌 Youtube 的相關需求。基本使用:嵌入影片 + 自動播放。1 HTML 中放一個 div,由 JS 去嵌入。2 HTML 裡直接放個 iframe。自製 Youtube 播放器。監聽 Youtube 播放狀態。Demo、原始碼。
探討 Google Analytics 的 Web + App 報表功能。本文涵蓋:Google Analytics 介面差異、建立 Firebase 專案、建立 Firebase 應用程式、修改連接的 GA、指定新 GA 資源接收哪個 GA 資源,以及 GA 報表與 Web + App 報表的比較。
深入了解 Google Analytics 的 User-ID 功能:設定、報表檢視及其帶來的精確性。探索如何更有效地追踪使用者行為並優化您的網站分析。
本篇文章介紹了如何使用 Publii 和 GitHub Pages 來建立一個免費的網站,即使你不會寫程式。文章內容涵蓋了從下載和安裝 Publii,設定基本資訊,到在 GitHub 上建立帳號和取得 token 的步驟。最後,還提供了一些使用 Publii 和 GitHub Pages 的提醒事項。
本篇大綱:使用資源。lazy load 延遲載入(圖片、影片)、一個神奇的狀況(坑?)。進場效果。無限捲動。原始碼、Demo。接續上一篇的IntersectionObserver基本使用(以下簡稱IO),本篇來寫三個實際應用。
本篇大綱:IntersectionObserver?拿超商的歡迎光臨來說明。IO 使用 3 步驟:1 建立觀察器(observer)、2 指定觀察器要觀察的獵物(entry)、3 當獵物進入(true) / 離開(false) 觀察器視窗的範圍,觀察器就執行 callback。原始碼。參考資源。
本篇大綱:Demo 說明。抓 RSS 的 XML,並轉成 JSON。RSS to JSON 線上工具。Google Apps Script 寫一個 XML to JSON。Computed + filter 執行搜尋功能。原始碼、Demo。
Recent Comments