拿Trello當資料庫 建一個店家清單:下篇-建立清單頁面

拿 Trello 當資料庫 建一個店家清單 – 下篇:建立清單頁面

本篇大綱:上篇的最後取得了Url、整理取得的資料、製作顯示清單頁面、捷運站選單、清單卡片部份、店家詳細資料、原始碼及Demo。本篇要筆記的是取得資料後的整理,以及處理成一個店家清單的頁面。為了有切換的功能,除了上篇的公館站外,Augustus另外又建了一個古亭站。

d3、vue 畫一個台灣地圖

D3、Vue 畫一個台灣地圖

本篇大綱:畫一個台灣地圖需要很多資源的幫忙、畫台灣地圖步驟、下載縣市界線經緯度、SHP轉檔GeoJSON、製作頁面、HTML、引用d3.js、d3.js append svg path、參考資源、原始碼、Demo。本篇紀錄在畫一個台灣的步驟,包含拿資料、轉檔、用d3.js繪製地圖,以及把台灣本島放在區塊中央。

vue transition中用多個v-if, v-show

Vue transition 中用多個 v-if、v-show

本篇大綱:v-if, v-show tab功能好幫手、transition中放多個v-if、transition中放多個v-show、vue transition多個v-if, v-show整理。自從開始在用vue.js後,寫頁籤(tab)功能簡單多了。不只頁籤,相似的也很好用,比方線上測驗的換頁、手風琴。

用Vue CLI 3 + Vuetify 製作說明頁面

用 Vue CLI 3 + Vuetify 製作說明頁面

用Vue CLI 3 + Vuetify 製作說明頁面 本篇大綱:關於「套件集合站」、本篇使用資源、安裝Vue CLI 3、建立Vue CLI 3專案、安裝Vuetify、製作頁面模版、抓firebase資料、Vue Router:id、pathMatch、製作頁面、build 產出原始碼、本篇原始碼。

Let's Write

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