鐵人檔案
學習過JavaScript、jQuery與Vue框架，但對於JS基礎觀念並不熟悉。希望透過30天的時間，將JS的基本知識融會貫通，並藉此打造一個簡易的電商網站。
之前我們是以組字串的方式輸入「入住日期」與「退房日期」以完成訂房手續。但每次都要求使用者，用手動的方式輸入日期，其實蠻麻煩的!為了讓使用者有更好的訂房體驗，我打...
在導入flatpicker後，我們順利以日曆API取得日期資訊，並完成訂房。只是昨天的作法有一個很大的限制，就是我在選擇天數時，只能選擇兩天...如果使用者要預...
正當我思考如何將item.amenities(便利設施)裡的文字，轉換成Font Awesome的圖示時 我在網路上找到一段範例程式碼，但研究以後，發現我看不太...
在尚未學習ES6的概念前，我習慣以var作為變數名稱的起手式，但後來發現用var宣告變數，有汙染全域變數的風險。因此在口罩地圖與預約訂房網的專案裡，我開始使用l...
在參考前輩撰寫的程式碼時，有時會看到箭頭函式的用法(包含forEach預設值的箭頭函式)，我先在使用時大都草草帶過，沒有深入研究此議題。直到後來我發現有些人，在...
在瞭解Promise以前，要先有一個觀念，即JavaScript是一種單執行緒語言，一次只能處理一件事情。 在我們撰寫程式碼的過程中，會寫下許多function...
在學習Promise概念的過程中，為模擬「非同步」造成的延遲，我們使用到setTimeout的語法。今天想透過「時鐘專案」跟大家介紹另一個有趣的語法setInt...
昨天我們以setInterval的方式，將指針放到時鐘上並設定間隔，每秒鐘執行1次setTime函式。 在思考如何將數字刻到時鐘上的時候，我第一個想到的方法是在...
原本要使用C3.js搭配D3.js套件製作動態圖表，但不知為何一直無法正常抓取D3.js的cdn檔案，只好改用Chart.js來製作最後兩天的圖表專案。一開始先...
鐵人賽終於來到最後一天了！為響應JavaScript菜鳥研究室的主題，最近一個月我們嘗試串接過各種json格式的後端資料庫。從林務局的步道資訊、國健署的口罩存量...
