表單驗證:中文姓名、身分證、手機條碼、生日、信箱、手機、選擇縣市
本篇大綱:本篇要解決的問題。中文姓名。身分證字號、手機條碼。生日 / 出生年月日。E-mail 電子信箱。手機。選擇縣市。範例及原始碼。
這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝
本篇大綱:本篇要解決的問題。中文姓名。身分證字號、手機條碼。生日 / 出生年月日。E-mail 電子信箱。手機。選擇縣市。範例及原始碼。
本篇大綱:本篇會完成的Demo、本篇用到資源、html部份、css部份、js部份、抽獎名單資料庫、範例頁面、原始碼。很多活動頁上都在玩抽獎,就自己動手寫了一個出來。把抽獎的名單換成店家名稱,順便再加上Google Map進去,就解決不知道午餐要吃什麼的煩惱啦~
本篇大綱:本篇要解決的問題。Command-Line。archetypes。layouts。Base Template。列表頁、單文頁 VS. Section Template。Partials。Shortcode。content。data。文章分類。Variables。Functions。if else。
本篇大綱:本篇要解決的問題。YAML 重點觀念。註解。Key-Value Pairs。Objects。Array Lists。Multi Line Strings、Environment Variables、Placeholder。
本篇大綱:本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值:影片總時長、當下秒數。監聽事件:播放、暫停。修改樣式。外部平台影片:Youtube、Vimeo。
本篇大綱:本篇要解決的問題。建立影片播放器、引用 CSS、JS、HTML。使用中文介面。取值:影片總長度、當下秒數。監聽事件:播放、暫停。改變播放器樣式。範例原始碼。
本篇大綱:本篇要解決的問題。GA3、GA4 數據比較、設定 User-ID。User-ID 的用途。事件、GA3、GA4 事件是不同概念、DebugView 事件偵錯、電子商務事件、轉換。工作階段、網頁瀏覽。跳出率。平均網頁停留時間、平均參與時間。
本篇大綱:本篇要解決的問題。製作一個表單頁面。建立一個 Google Sheets 檔案,開啟 GAS 功能。GAS 收到 POST 後把資料寫進試算表、清空試算表、部署 Apps Script,取得應用程式 URL。表單頁,送出資料程式碼。Demo 及完整程式碼。
本篇大綱:本篇要解決的問題。GA3 vs. GA4 事件、GA3 的參數,不在 GA4 的預設參數裡。讓 GA3 的事件出現在 GA4 報表。查看完整的事件報表。筆記後心得。
本篇大綱:本篇要解決的問題。製作一份電子報。製作一個 Google 表單,抓需要的欄位值。建立回覆結果頁、抓取網址參數、把結果 POST 到 Google 表單、清掉網址上的 email 參數、不同的結果,顯示不同的文字。Demo 頁、原始碼。
本篇大綱:本篇要解決的問題。製作一個 Demo。解法:直接替換掉 iframe 的 HTML。實測後發現,是每換一次 iframe src,瀏覽紀錄就會被新增一筆,所以按了上一頁,就是回到原頁,使用者就會以為上一頁的按鈕壞了。
前端工程師 August 的學習筆記 — solving problems, in simple ways.