官網：https://tailwindcss.com/ https://tailwindcss.com/docs/container components：https://tailwindcomponents.com/ online：https://play.tailwindcss.com/ Built with Tailwind：https://builtwithtailwind.com/ 開端 今天要為各位介紹的是 Tailwind CSS 我已經看到他一陣子了，決定要來會會他了(握拳)

SCSS Table of Contents [TOC] 什麼是SCSS? Sass是一個將指令碼解析成CSS的手稿語言，即SassScript。Sass包括兩套語法。最開始的語法叫做「縮排語法」，與Haml類似，使用縮排來區分程式碼塊，並且用換行將不同規則分隔開。而較新的語法叫做「SCSS」，使用和CSS一樣的塊語法，即使用大括號將不同的規則分開，使用分號將具體的樣式分開。通常情況下，這兩套語法通過.sass和.scss兩個副檔名區分開。 [name=維基百科]

--- title: 'Debouncing and Throttling' disqus: hackmd --- Debouncing and Throttling ===    ## Table of Contents [TOC] 前言 --- 在網頁移動滑鼠、滾動、更改視窗大小、鍵盤事件(mousemove、scroll、resize、keydown/keyup/keypress)等事件通常都可以及時回應使用者，觸發頻率比較高，可是有時候我們並不需要一直計算，可能會造成頁面緩慢，或是瀏覽器崩潰。 就好比移動滑鼠來說，所需要的回應可能是停留某些地方，但我們在移動滑鼠的時候，觸發頻率很高，在不斷監聽之下很容

--- title: '去除favicon.ico錯誤' disqus: hackmd --- 去除favicon.ico錯誤 --- 一直在Console看到favicon.ico的錯誤讓人好煩躁阿 ```gherkin= GET http://localhost:8088/favicon.ico 404 (Not Found) ``` 直接在index.html加上一行就可以解決了唷!!! ```gherkin= <link rel="shortcut icon" href="#" /> ``` ## Appendix and FAQ :::info **Find this document incomplete?** Leave a comment! ::: ###### tags: `favicon.ico`

--- title: 'HTTP request' disqus: hackmd --- HTTP request ===    ## Table of Contents [TOC] --- 怎麼看Http request --- 1. 使用google chrome瀏覽器 2. 按下F12 3. 找到Network 4. 點選任一Name 5. 查看右邊的Headers > request的部分我會查看General區域&Request Headers區域 Http request 的架構 --- 我開啟目前這一頁XDD 選擇一個Name, template ```gherkin= //Gene

--- title: 'Leaflet 增加簡易圖形' disqus: hackmd --- Leaflet 增加簡易圖形 ===    ## Table of Contents [TOC] ## 目的 利用leaflet,畫些簡易圖形 增加地圖 --- 這樣子就可以增加地圖囉! 會用到L.map ```gherkin= # html <div id="map_id"></div> # css #map_id { height: 200px; } # js, 我是將點設置在臺灣 this.map = L.map("map_id").setView([23.473875, 120.982024], 8

--- title: 'leaflet裡建立canvas' disqus: hackmd --- leaflet裡建立canvas ===    本篇使用JS語法 <https://leafletjs.com/> leaflet官網 <https://www.w3schools.com/tags/ref_canvas.asp> 一些canvas的屬性 ## Table of Contents [TOC] ## 目的 本來的leaflet有自己的方式建立colorbar, 但要做出來的colorbar要計算色階且文字跟色階個數不一樣，後來採用canvas來畫。歡迎大家再提供更好的方式!!!! ## Fir

--- title: 'leaflet, 臺灣分區圖跟colorbar' disqus: hackmd --- leaflet.js 臺灣分區圖跟colorbar ===    <https://leafletjs.com/> 使用JS語法 ## Table of Contents [TOC] ## 使用情境 > 今天想對於地區分區地圖做colorbar相關互動, 並結合同事給的csv檔結合colorbar [name=Kate Ding] > Interactive Choropleth Map(互動地區地圖) ## First - 產地圖 首先使用leaflet.js產生地圖，並定位於臺灣 > leafl

--- title: 'mysql - 取得多筆max資料' disqus: hackmd --- mysql - 取得多筆max資料 ===    ## Table of Contents [TOC] ## 情境 我想要取得IndexSn為5的且Hour為最大值多筆資料。 --- ```gherkin= SELECT t.* FROM `tablename` t JOIN (SELECT max(`Hour`) AS mxHour FROM `tablename`) x ON x.mxHour = t.`Hour` AND t.IndexSn = 5; ``` > tablename為資料表 > 本來我使

--- title: 'VSCode 套件 - sftp' disqus: hackmd --- VSCode 套件 - sftp ===    ## Table of Contents [TOC] ## 用途 先來說說以前遇到的不便之處吧!!!就是自己本機弄完，還要透過打開其他工具再把它傳上去，但設定這個之後他所有都幫你弄上去了。 其實有好有壞拉!!!覺得測試機可以這樣做，但正式機還是確保可以再丟上去比較好。版控也要做好。 所以來試試透過這個套件sftp來讓資料自動同步。 Step 1 安裝sftp --- 1. 先到VSCode延伸模組 2. 搜尋 Sftp 3. 安裝 Step 2 產生sftp c

--- title: 'Geojson with Leaflet' disqus: hackmd --- Geojson with Leaflet ===    ## Table of Contents [TOC] ## 線上geojson繪製 可以線上直接繪製想要的圖形或是提供geojson內容，都可以即時觀看效果。 1. 連結至 http://geojson.io/ 2. 繪製簡易圖形，取得geojson檔 3. 提供geojson內容，繪製圖形 Using GeoJSON with Leaflet --- 資料來源：https://leafletjs.com/examples/geojson/ **