Javascript,XML 轉 JSON

Javascript,XML 轉 JSON

本篇大綱:本篇要解決的問題。下載 JS 程式碼。取 XML 資料並轉成 JSON。轉出 JSON 的資料放進 OSM。本篇除了一個套件,也會實作取一個政府公開的 XML 資料,並放進開源的地圖 OSM 裡,再加上 marker,製作一個捷運站點地圖。

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

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

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

Hugo 學習筆記

Hugo 學習筆記

本篇大綱:本篇要解決的問題。Command-Line。archetypes。layouts。Base Template。列表頁、單文頁 VS. Section Template。Partials。Shortcode。content。data。文章分類。Variables。Functions。if else。

YAML 基本使用筆記

YAML 基本使用筆記

本篇大綱:本篇要解決的問題。YAML 重點觀念。註解。Key-Value Pairs。Objects。Array Lists。Multi Line Strings、Environment Variables、Placeholder。

Plyr 播放器使用筆記:控制項、取值、事件、改樣式、外部平台影片

Plyr 播放器使用筆記:控制項、取值、事件、改樣式、外部平台影片

本篇大綱:本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值:影片總時長、當下秒數。監聽事件:播放、暫停。修改樣式。外部平台影片:Youtube、Vimeo。

Let's Write

前端工程師 August 的學習筆記 — solving problems, in simple ways.

Follow us Telegram GitHub