Video.js 使用筆記:中文介面、取值、事件、改樣式
本篇大綱:本篇要解決的問題。建立影片播放器、引用 CSS、JS、HTML。使用中文介面。取值:影片總長度、當下秒數。監聽事件:播放、暫停。改變播放器樣式。範例原始碼。
本篇大綱:本篇要解決的問題。建立影片播放器、引用 CSS、JS、HTML。使用中文介面。取值:影片總長度、當下秒數。監聽事件:播放、暫停。改變播放器樣式。範例原始碼。
本篇大綱:本篇要解決的問題。製作一個表單頁面。建立一個 Google Sheets 檔案,開啟 GAS 功能。GAS 收到 POST 後把資料寫進試算表、清空試算表、部署 Apps Script,取得應用程式 URL。表單頁,送出資料程式碼。Demo 及完整程式碼。
本篇大綱:本篇要解決的問題。製作一份電子報。製作一個 Google 表單,抓需要的欄位值。建立回覆結果頁、抓取網址參數、把結果 POST 到 Google 表單、清掉網址上的 email 參數、不同的結果,顯示不同的文字。Demo 頁、原始碼。
本篇大綱:本篇要解決的問題。製作一個 Demo。解法:直接替換掉 iframe 的 HTML。實測後發現,是每換一次 iframe src,瀏覽紀錄就會被新增一筆,所以按了上一頁,就是回到原頁,使用者就會以為上一頁的按鈕壞了。
本篇大綱:本篇要解決的問題。安裝 Firebase SDK、測試模式、有登入即可使用使用、一律阻擋、一律通過。寫入資料、set 建立、覆蓋資料、update 更新資料。取得資料、取一次資料、監聽即時資料更新、停止資料監聽。查詢資料。刪除資料。
本篇大綱:本篇要解決的問題。製作一個 Demo。CustomEvent。在要的地方註冊客製事件。本篇就是實作一個自己的事件出來,主要參考文件:MDN:CustomEvent。
本篇大綱:本篇要解決的問題。將秒數轉換為時間程式碼。範例。遇到「API 回來給的是秒數,但在頁面呈現時要秀出的是 時、分、秒 」的需求,本篇就是程式碼說明後,最後直接用 Tailwind CSS 做出一個 Demo 頁給大家試試。
本篇大綱:本篇要解決的問題。前端 JavaScript 傳送檔案。後端 Node.js 傳檔案到 FTP。這篇就是寫怎麼把在前端完成的檔案,POST 把檔案給後端後,後端把收到的檔案傳進 FTP 中的實作筆記。
本篇大綱:本篇要解決的問題。建立 Realtime Database、修改安全規則。安裝 Firebase SDK。寫入 / 更新資料。讀取資料、自動監聽數據的變化、只讀取一次數據。刪除資料。關於離線處理。
本篇大綱:本篇要解決的問題。關閉視窗 / 頁籤 onbeforeunload。視窗 / 頁籤的變動 onvisibilitychange、Page Visibility API。關於無法計算的部份,就放手讓它飛。
本篇大綱:本篇會用到的資源。建立 Google Excel。發佈 Google Excel 到網路。建一個會員列表的頁面。從 Google Excel 接資料。V4 版取得 Google Sheets 資料的方法。
本篇大綱:本篇要解決的問題。Fetch Data 取資料。export、import。export、import + props。在上一篇學會了基本的 Composition API 的使用,接著這一篇是要寫最重要的,API 取回資料後更新,以及 import、export。
前端工程師 August 的學習筆記 — solving problems, in simple ways.