Front-End 彙整 - 第 5 頁，總計 9 頁

Category:Front-End

前端 POST 檔案後，用 Node.js 把檔案傳上 FTP

本篇大綱：本篇要解決的問題。前端 JavaScript 傳送檔案。後端 Node.js 傳檔案到 FTP。這篇就是寫怎麼把在前端完成的檔案，POST 把檔案給後端後，後端把收到的檔案傳進 FTP 中的實作筆記。

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

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

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

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

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

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

幾個方便開發的 Console API 應用

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

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

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

如何用 Mockoon 快速建立 Mock APIs Server

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

用 JavaScript 將 JSON 轉為 CSV 檔下載

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

GitHub API：建立 Issue、Comment – GitHub App

本篇大綱：本篇要解決的問題。建立 GitHub 登入功能，取得 token。新增 GitHub App，填寫 Firebase ID、密鑰。安裝 GitHub App。使用 GitHub API 新增留言及相關套件。Personal Token、GitHub App。GitHub 當留言版 Demo、原始碼。