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

Category:Front-End

拿 Trello 當資料庫建一個店家清單 – 上篇：Trello 基本使用

本篇大綱：Trello 可以排工作，更可以吐出 JSON、Trello 建立資料步驟、建立團隊、建立看板、建立列表、建立卡片、建立待辦清單、輸入資料、取得 Trello JSON 的 URL。本篇是記錄如何將 Trello 的看板設成公開，並建一個清單來接。

JavaScript 載入方式 defer、async

本篇大綱：defer、async、都不寫。這是很久以前的筆記，這次來整理並更新，主要是筆記載入 JavaScript 時，defer、async 這兩個標籤的不同。

SpeechSynthesisUtterance 讓瀏覽器說話

本篇大綱：瀏覽器本身就可以發音、頁面製作、SpeechSynthesisUtterance、第一坑拿瀏覽器支援的所有語音、第二坑調整速度倍率、第三坑 Chrome 的 Google 語音、原始碼、筆記後心得。

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綁起來。