pug在學習 node.js 時，利用 pug 可以使用像 JavaScript 設定變數、判斷式、Loop 的功能，再加上只需要在 Render 設定要套到到 pug 內的資料，就可以作到使用相同的一個 pug 頁面呈現多個不同內容的頁面，加上因為覺得十分的方便，所以筆記起來。 使用手冊：http

目的最近一直在準備只剩半個月就要到的考試，實在是因為電子檔的題目和答案是放在一起所以很難知道有沒有記熟，加上題目太多要印成紙本大約會有快百頁的量，所以就想到用 json-server 來製作簡易的答題網頁。 建立需要先準備 Json 資料庫：有考題、選項、答案 HTML 頁面 Json 資料庫套件安

目的為了讓網頁有吸引力，所以在捲軸滾動畫面時做到監聽捲軸和元素之間的距離，以及觸發的事件或效果。 觸發事件需要用要 JavaScript 或 jQuery 在每次滾動時都要檢查和每個元件的距離，為了不影響效能，在使用上還是要注意監聽的數量。 這裡要做的和之前寫的文章 Scrollspy 滾動監控 類

JSONJSON ( JavaScript Object Notation ) 以簡單的物件和文字架構出來的資料，所以在瀏覽、使用、編輯修改都是比較容易的。 維基百科對 JSON 作的說明 JSON 資料格式與語言無關 以易於讓人閱讀的文字為基礎 用來傳輸由屬性值或者序列性的值組成的資料物件 NoS

目的之前有作過利用 HTML 拖曳功能建立 TODO-List 清單，但當時只是大約了解一下並不是十分了解，現在又有需要製作有拖曳功能的表單列表，卻忘了當時的作法，所以再來研究一下。 建立可拖曳的元素要讓在 HTML 的元素具有拖曳的功能，只需要在元素加上 draggable="true&

這裡記錄著學習的工具和知識 大多還是以筆記記錄為主 朝向能寫出教學文為目的的文章