• AI
  • Front-End
    • API
    • PWA
  • Google
    • Analytics
    • Apps Script
    • Firebase
    • Forms
    • Sheets
    • Maps
    • Others
  • Bot
    • Telegram
    • LINE
    • Slack
  • Vue
  • WordPress
  • 所有筆記文
  • AI
  • Front-End
    • API
    • PWA
  • Google
    • Analytics
    • Apps Script
    • Firebase
    • Forms
    • Sheets
    • Maps
    • Others
  • Bot
    • Telegram
    • LINE
    • Slack
  • Vue
  • WordPress
  • 所有筆記文
Let's Write 2025

Let's Write

August

非本科系出身的前端工程師。努力工作、努力學習、努力寫文。 因為 email 的部份是給金流驗證用的,之後不太會用信件或是私訊回覆疑問。 如果對文章有疑問,歡迎直接在留言區留言,你的提問也有可能是其他人想問的。
Firebase Authentication 第三方登入 – GitHub
  • August
  • 2021-11-14
  • Firebase, Google

Firebase Authentication 第三方登入 – GitHub

本篇大綱:本篇要解決的問題。建立 Firebase 專案、應用程式。開通 Authentication 功能。建立 GiHub OAuth Apps 或 GitHub Apps。GitHub 登入。範例及原始檔。

0
Firebase Authentication 第三方登入 - Google、FB
  • August
  • 2021-11-10
  • Firebase, Google

Firebase Authentication 第三方登入 – Google、FB

本篇大綱:本篇要解決的問題。建立 Firebase 專案、應用程式。Google:開通 Authentication 功能。Google 登入。Facebook:應用程式、ID、密鑰、URL。Facebook 登入。登出、刪除帳號。範例及原始檔。

4
用 JavaScript 監聽頁面 / 頁籤被關閉的事件
  • August
  • 2021-11-04
  • Front-End

用 JavaScript 監聽頁面 / 頁籤被關閉的事件

本篇大綱:本篇要解決的問題。關閉視窗 / 頁籤 onbeforeunload。視窗 / 頁籤的變動 onvisibilitychange、Page Visibility API。關於無法計算的部份,就放手讓它飛。

0
如何用 Google Sheets / Excel 當作資料庫
  • August
  • 2021-08-25
  • Google, Sheets

如何用 Google Sheets / Excel 當作資料庫

本篇大綱:本篇會用到的資源。建立 Google Excel。發佈 Google Excel 到網路。建一個會員列表的頁面。從 Google Excel 接資料。V4 版取得 Google Sheets 資料的方法。

12
2 種快速安裝、使用 Tailwind CSS 的方式
  • August
  • 2021-08-16
  • Front-End

2 種快速安裝、使用 Tailwind CSS 的方式

本篇大綱:本篇要解決的問題。方法 1:Tailwind CLI、建立 tailwind.css 檔、建立 tailwind.config.js 檔、開發時的監聽、上線前的編譯 Building for production。方法 2:引用大神 JS 檔。

1
如何用 Netlify CMS 製作電子報生成器
  • August
  • 2021-08-15
  • Front-End

如何用 Netlify CMS 製作電子報生成器

本篇大綱:本篇要解決的問題。製作一份電子報模板。一鍵安裝 Netlify CMS。開通管理員帳號、新增其他管理者、開放所有人皆可為管理員。本篇就是整理實作一個用 Netlify CMS 為電子報生成器的筆記文。

0
幾個方便開發的 Console API 應用
  • August
  • 2021-08-03
  • Front-End

幾個方便開發的 Console API 應用

本篇大綱:本篇要解決的問題。console.log 自動全部展開。console.table。console.time、console.timeEnd。console.warn、console.error。console.clear。document.designMode。

0
Vue.js 3 Composition API 基本學習筆記-2:fetch data、export / import
  • August
  • 2021-07-28
  • Vue

Vue.js 3 Composition API 基本學習筆記-2:fetch data、export / import

本篇大綱:本篇要解決的問題。Fetch Data 取資料。export、import。export、import + props。在上一篇學會了基本的 Composition API 的使用,接著這一篇是要寫最重要的,API 取回資料後更新,以及 import、export。

0
Vue.js 3 Composition API 基本學習筆記-1:Ref、Props、watch、生命週期
  • August
  • 2021-07-23
  • Vue

Vue.js 3 Composition API 基本學習筆記-1:Ref、Props、watch、生命週期

本篇大綱:本篇要解決的問題。Ref。Props。watch、watchEffect、stop。生命週期。Composition API 可以把調用某支 API 的 JS code 寫成 JS 檔後,直接 import 到 .vue 檔裡,就不用每次都重複寫。

0
用原生 JS 做一個簡單的手風琴 Accordion / Collapse 功能
  • August
  • 2021-07-23
  • Front-End

用原生 JS 做一個簡單的手風琴 Accordion / Collapse 功能

本篇大綱:從jQuery到原生JS、HTML、CSS、JavaScript、原始碼下載。今年開始在工作時逼自己寫原生的JS(Vanilla JavaScript),今天趁著意外的假日,試著把手風琴用原生JS寫了一個出來。寫完後發現,其實沒幾行就可以完成,也有了一點小小的成就感。

10
如何用 Mockoon 快速建立 Mock APIs Server
  • August
  • 2021-07-20
  • API, Front-End

如何用 Mockoon 快速建立 Mock APIs Server

本篇大綱:本篇要解決的問題。下載 Mockoon。使用 Mockoon、建立新環境、選擇方法、Path、給預設回應、開啟 CORS、Start server。調用 API。筆記後心得。

3
用 JavaScript 將 JSON 轉為 CSV 檔下載
  • August
  • 2021-07-15
  • Front-End

用 JavaScript 將 JSON 轉為 CSV 檔下載

本篇大綱:本篇要解決的問題。模擬取回的資料。整理資料。資料轉成 CSV 檔並下載。完成程式碼、範例。本篇會寫一個將取回的 JSON,轉成 CSV 檔後下載,並且保留原本資料的中文字。

0

文章分頁

1 ... 6 7 8 ... 18

Widgets

Recent Comments

  • 「Ann」於〈Google 表單 用網址改變題目預設值〉發佈留言
  • 「FrankieYim」於〈iPhone 的語音辨識功能:語音備忘錄,自動標點分段〉發佈留言
  • 「Sunnine」於〈GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學〉發佈留言
  • 「oywoK」於〈CodiumAI PR-Agent,在 GitHub 上用 AI 來 Code Review〉發佈留言
  • 「MILK」於〈CodiumAI PR-Agent,在 GitLab 上用 AI 來 Code Review〉發佈留言

DMCA

DMCA.com Protection Status

Random Post

  • 如果頁面有 id="ga",用 gtag 埋 Google Analytics 會收不到流量

    如果頁面有 id=”ga”,用 gtag 埋 Google Analytics 會收不到流量

  • 簡單的網頁截圖功能 - html2canvas、Canvas2image

    簡單的網頁截圖功能 – html2canvas、Canvas2image

  • 用原生 JS 做一個簡單的手風琴 Accordion / Collapse 功能

    用原生 JS 做一個簡單的手風琴 Accordion / Collapse 功能

Social links

Subscribe

直接加入 Telegram 的頻道,有最新文章時會收到廣播通知:

© 2025 Let's Write. All Rights Reserved.

Recent Posts

  • 使用 Docker 搭配 Node.js 快速建置 Redis 快取系統
  • 用 Docker 快速架設 Node.js 靜態網站服務
  • Windows 上,本機用 Docker 安裝 GitLab
  • iPhone 的語音辨識功能:語音備忘錄,自動標點分段
  • GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學