hamburger_menu 介紹
hamburger_menu
漢堡式選單常運用在小尺寸螢幕的機器上，可以保持畫面簡單、選單設計彈性等等優點。
但有時會產生操作上的問題，例如不夠直覺、操作麻煩等問題。應該依照實際情況跟頁籤式選單交互或配合使用。
這裏介紹一下，如何實作漢堡式選單。這裡是將選單列或導覽列切換成漢堡式選單，固定在畫面左 ...
base64 轉檔加快圖片載入
base64可將圖片轉成字串形式再引用，以加快網頁載入速度。適合容量較小的圖檔。
轉檔網站：
https://www.base64-image.de
將圖片拖曳網頁上或是選取圖片檔案，轉檔後。按下 show code 按鈕，會顯示引用方式。即可引用。
參考：https://cythilya.gith ...
簡單介紹 maskmap 查詢網站
簡單介紹口罩查詢地圖製作因為看到網路上有相關網站製作的教學，就試著做了一個簡易的查詢網站。
建立模板是使用教學提供的，沒有做什麼變動。使用 vue create 來建立專案
Vue CLI 4.2使用 vue create 來建立專案
套件leafletjs用來建立免費地圖 OSM 的地標資訊
np ...
NPM 介紹
NPMnpm（全稱 Node Package Manager，即「node包管理器」）是Node.js 預設的、以 JavaScript 編寫的軟體套件管理系統。
專案使用 npm到專案資料夾下，輸入以下指令
$npm init
會新增 package.json 檔案紀錄套件安裝情況。
安裝套件
$ ...
Nodejs 簡單介紹
Node.js 簡單介紹能夠在伺服器端運行 JavaScript 的開放原始碼、跨平台 JavaScript 執行環境。用 Google 的 v8 引擎開發。
安裝到以下網站按照自己的作業系統下載，安裝
https://nodejs.org/en/download/
要確認是否安裝成功的話， ...
webpack 介紹
webpackwebpack 在處理整個專案時，它會在內部建立一個依賴的關係圖，裡面記錄著每個頁面所需要用到的模組，並將每個模組綑綁成一個或多個來使用。簡單來說就是可以幫我們打包所有用到的 JavaScript 、SASS … 等檔案，編譯後讓瀏覽器可讀取。另一個工具 gulp 跟 webpack ...