用純 CSS 寫的網頁預覽效果
探索如何使用純 CSS 創建網頁預覽效果。本文提供一個簡單而有趣的方法，通過 width/padding 的 CSS 特性和 background-position 處理捲動效果，僅需幾行 CSS 代碼。適用於歷年回顧或頁面預覽區塊。
用 LINE Push Messaging API 推播每日氣象預報
本篇大綱：本篇用到的資源、安裝所需套件、拿訂閱者的基本資料、存使用者選擇的地區、從氣象局拿資料、LINE push api、建立排程。這篇紀錄的是實作一個推播天氣機器人的甘苦路。實作一個「每日早上7點，自動推播天氣預報」的機器人。之前陸陸續續寫的幾篇筆記文，就是在為這個功能做準備。
用 LINE Bot API 建立 LINE@ 圖文選單
本篇大綱：關於line@圖文選單、後台就可以製作，為什麼要用api做圖文選單？實作：用line bot api製作圖文選單 -1 建立LINE Developers帳號 -2 製作圖文選單的圖檔 -3 用終端機、postman去POST/GET line server、圖文選單相關API
接氣象局 API、跨網域 AJAX 資料
本篇大綱：本篇要解決的問題、接氣象局api需要的3個東西 -1 氣象局提供的授權碼 -2 取得要get的url -3 可跨網域取得資料的api -4 補充：只想取得某個區的資料。跨網域get資料 -1 直接用別人寫好的線上功能 -2 自己寫一個後端api，用api去取資料
Google Top Heavy 演算法
本篇大綱：頁面上廣告數量多少是很重要的、top heavy演算法關心的是什麼、要如何知道頁面上的廣告是不是過多？實作：設定廣告體驗報告。根據講師課堂上的解釋，top heavye演算法就是：把網頁切一半，如果上半部的廣告數量佔到4個以上，就會扣seo分數，進而影響排名。
GA 報表：電子商務 內部宣傳 報表
本篇大綱：本篇要解決的問題、使用GA的電商報表的3項前置作業 -1 貨幣改為計算成效的幣別 -2 開啟電子商務功能 -3 追蹤code加入幣別。GA電商報表，內部宣傳2事件、從哪看GA電子商務報表。有一個需求是大家都會有的：「這些banner的成效如何？」
實現 Web Push 通知 – 基礎 Progressive Web App 教學
探討 PWA 和 Web Push 的技術，學習如何透過這些現代 Web 技術來提升用戶體驗和參與度。本文提供了 PWA 和 Web Push 的基本概念、實作方法和實際應用案例。
使用 Workbox 管理快取參數 – 基礎 Progressive Web App 教學
探索如何使用 Workbox 管理 PWA 的快取參數，包括設定 Route Requests、自訂快取名稱、切換 debug 模式、處理跨域快取和設定快取限制。學習在離線時向 GA 發送請求和在 Workbox CLI 上使用參數的技巧。
使用 Workbox CLI 快速建立 Service Worker – 基礎 Progressive Web App 教學
探索如何使用 Workbox CLI 快速建立 Service Worker，學習安裝、配置和生成 sw.js 的詳細步驟。本文為你提供了實現 PWA 基礎功能的完整指南。
使用 Workbox 打造自訂 PWA 快取策略 – 基礎 Progressive Web App 教學
學習如何使用 Workbox 實現 PWA 的快取功能。本文詳細介紹 Workbox 的基本概念、安裝和使用方法，幫助開發者預緩存和動態緩存資源，增強 web 應用程序的性能。
從使用者輸入網址，到瀏覽器呈現出來，經過了哪些過程？
深入探討從使用者輸入網址到瀏覽器呈現網頁的整個過程。本文將帶領讀者了解背後的技術細節，包括域名解析、TCP 連接等，幫助前端開發者備戰面試和提升專業技能。
Recent Comments