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

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

JavaScript載入方式 defer, async

本篇大綱:defer、async、都不寫。這是很久以前的筆記,這次來整理並更新,主要是筆記載入JavaScript時,defer、async這兩個標籤的不同。瀏覽器是一行一行讀下去的,defer、async都不寫的話,DOM繪製到引用JS的那一行時,就停下來先解讀、執行完,然後DOM才接著往下繪製。

SpeechSynthesisUtterance 讓瀏覽器說話

本篇大綱:瀏覽器本身就可以發音、頁面製作、SpeechSynthesisUtterance、第一坑 拿瀏覽器支援的所有語音、第二坑 調整速度倍率、第三坑 Chrome的Google語音、原始碼、筆記後心得。原本以為照著用,然後用vue.js把參數接一接,馬上就可以完成的,但一接參數就踩坑了。

Markdown常用語法筆記

本篇大綱:愈來愈常用到Markdown了、Markdown編輯器 Typora、標題、內文、文字斜體、粗體、清單、引言、超連結、圖片、圖片加上連結、寫程式碼、行內程式碼。本篇主要是筆記Augustus用Markdown寫文時,最常用到的幾個。

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

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

Promise, Async, Await 基本使用筆記

本篇大綱:Promise, Async, Await 真是個好物、Promise使用、Promise polyfill、Async, Await使用、Async, Await polyfill、筆記後心得。Promise, async, await,覺得又是一個前端必學的語法,可以很有效的解決以前遇到的問題。

用原生JS做一個簡單的抽獎功能頁面

本篇大綱:本篇會完成的Demo、本篇用到資源、html部份、css部份、js部份、抽獎名單資料庫、範例頁面、原始碼。很多活動頁上都在玩抽獎,就自己動手寫了一個出來。把名稱改成「午餐吃什麼」,把抽獎的名單換成店家名稱,順便再加上Google Map進去,就解決不知道午餐要吃什麼的煩惱啦~

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。