Markdown 常用語法筆記
本篇大綱：愈來愈常用到 Markdown了、Markdown 編輯器 Typora、標題、內文、文字斜體、粗體、清單、引言、超連結、圖片、圖片加上連結、寫程式碼、行內程式碼。本篇主要是筆記 Augustus 用 Markdown 寫文時，最常用到的幾個。
切詞工具結巴 Jeiba 優化標籤關鍵字
本篇大綱：切詞功能 幫你找到適合的標籤、結巴 Jieba 基本使用、切詞功能實際應用、參考資料。每篇文章都需要下標籤（tags），有時會不知道要下哪些，或是這個詞是不是大家比較常搜尋的關鍵字。WordPress會把每個標籤獨立成一頁，所以想把標籤盡量設成跟關鍵字有關，以利 SEO。
Promise、Async、Await 基本使用筆記
本篇大綱：Promise, Async, Await 真是個好物、Promise使用、Promise polyfill、Async, Await使用、Async, Await polyfill、筆記後心得。Promise, async, await，可以很有效的解決以前遇到的問題。
Instagram Embedding 抓 iframe 高度及 3 種大小圖片
本篇大綱：嵌入 Instagram 的方式、IG 抓 iframe 高度 API、IG 抓 3 種大小圖片、本篇 Demo 及原始碼。IG 嵌入的方式有提供 API，可以用 GET 的方式取回 code，再 append 到內文中。
File API 客製上傳檔案按鈕 / input file
本篇大綱：客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求，就是要客製上傳檔案的按鈕。覺得寫成一篇，然後把code存起來，以後要用比較好找。可以看到input的id，跟label的for，兩個值要是相同的，這樣就可以把label跟input綁起來。
如何使用 Vivus.js 製作輕量快速 SVG 動畫
本篇大綱：Vivus.js 主要在做 SVG 的邊框動畫、安裝、使用、頁面引用 SVG、執行Vivus.js、實作範例、SVG 圖、壓縮SVG、寫 code。最後完成的範例頁都是使用 Vivus 包含的 AJAX 方法，可以直接看頁面上的原始碼。
mailto: 點擊連結 開啟寄送 email
mailto: 點擊連結 開啟寄送email。本篇大綱：本篇要解決的問題、基本使用 mailto:收件人信箱、一次寄給多人 用半形逗號、寄送副本 cc、bcc、帶入信件主旨 subject、帶入信件內文 body、內文中要折行/斷行/換行 %0D%0A。
Imgur API：upload, load 上傳、讀取 心得筆記
本篇大綱：註冊Imgur App、生出token、Upload 上傳 程式範例、Load 讀取 程式範例。這篇是從一年前自己寫的github頁面上搬過來的，原本有提供demo連結，但發現被大大們玩太兇了，傳了一些奇怪的圖XD~就決定文章搬到這。
用純 CSS 寫的網頁預覽效果
探索如何使用純 CSS 創建網頁預覽效果。本文提供一個簡單而有趣的方法，通過 width/padding 的 CSS 特性和 background-position 處理捲動效果，僅需幾行 CSS 代碼。適用於歷年回顧或頁面預覽區塊。
接氣象局 API、跨網域 AJAX 資料
本篇大綱：本篇要解決的問題、接氣象局api需要的3個東西 -1 氣象局提供的授權碼 -2 取得要get的url -3 可跨網域取得資料的api -4 補充：只想取得某個區的資料。跨網域get資料 -1 直接用別人寫好的線上功能 -2 自己寫一個後端api，用api去取資料
實現 Web Push 通知 – 基礎 Progressive Web App 教學
探討 PWA 和 Web Push 的技術，學習如何透過這些現代 Web 技術來提升用戶體驗和參與度。本文提供了 PWA 和 Web Push 的基本概念、實作方法和實際應用案例。
使用 Workbox 管理快取參數 – 基礎 Progressive Web App 教學
探索如何使用 Workbox 管理 PWA 的快取參數，包括設定 Route Requests、自訂快取名稱、切換 debug 模式、處理跨域快取和設定快取限制。學習在離線時向 GA 發送請求和在 Workbox CLI 上使用參數的技巧。
Recent Comments