Let's Write

Promise、Async、Await 基本使用筆記

本篇大綱：Promise, Async, Await 真是個好物、Promise使用、Promise polyfill、Async, Await使用、Async, Await polyfill、筆記後心得。Promise, async, await，可以很有效的解決以前遇到的問題。

Google Analytics 用戶計時 / User Timings

深入探索 Google Analytics 的「用戶計時」功能：從基本設定、各地區平均讀取時間到詳細的報表分析。學習如何有效利用這項功能優化網站性能和提供更好的用戶體驗。

Firebase Performance 使用筆記

本篇大綱：建立 Firebase 應用程式，取得 Firebase config、埋code、埋碼 standalone || standard、first input delay polyfill library、從 Network 中確認有送資料給 Firebase、後台報表

Vue Transitions 製作簡單的 Carousel / Slider / 輪播功能

本篇大綱：輪播 / carousel / slider、3 個輪播套件推薦、Slick、Swiper、Owl Carousel 2、自己寫一個 Carousel、Vue Transitions Carousel 製作、原始碼下載。

Instagram Embedding 抓 iframe 高度及 3 種大小圖片

本篇大綱：嵌入 Instagram 的方式、IG 抓 iframe 高度 API、IG 抓 3 種大小圖片、本篇 Demo 及原始碼。IG 嵌入的方式有提供 API，可以用 GET 的方式取回 code，再 append 到內文中。

Google Maps API 學習筆記 – 5：抓目前位置、計算到各點距離

本篇大綱：目前所在位置、確認支援 geolocation、跟使用者要位置的權限、計算到各點距離 Distance Matrix Service、開啟權限、Distance Matrix API限制、使用 Distance Matrix API、API 回傳的值、實際應用。

WordPress SEO 有幫助的 2 個外掛

探索兩個有助於 WordPress SEO 的外掛：Easy Table of Contents 和 Simple Sitemap。學習如何自動生成文章大綱和網站地圖，以及如何優化網站的內部鏈接結構。本文提供了詳細的安裝和使用指南。

File API 客製上傳檔案按鈕 / input file

本篇大綱：客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求，就是要客製上傳檔案的按鈕。覺得寫成一篇，然後把code存起來，以後要用比較好找。可以看到input的id，跟label的for，兩個值要是相同的，這樣就可以把label跟input綁起來。

Vue.js Transition 中用多個 v-if、v-show

本篇大綱：v-if, v-show tab功能好幫手、transition中放多個v-if、transition中放多個v-show、vue transition多個v-if, v-show整理。自從開始在用vue.js後，寫頁籤（tab）功能簡單多了。不只頁籤，相似的也很好用，比方線上測驗的換頁、手風琴。