iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

JavaScript 菜鳥研究室 系列

學習過JavaScript、jQuery與Vue框架,但對於JS基礎觀念並不熟悉。希望透過30天的時間,將JS的基本知識融會貫通,並藉此打造一個簡易的電商網站。

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 11

菜鳥日記Day 11-如何在JS頁面組字串

這一篇應該要更早分享的,上禮拜一忙起來就忘記順序了ORZ 在開發森林步道資訊網與口罩地圖的過程中,我是以innerHTML的方式將文字資訊塞到HTML頁面的。但...

2020-09-25 ‧ 由 阿瀚 分享
DAY 12

菜鳥日記Day 12-如何解決資料量過大,文字內容超出預設畫面的問題

當我們載入口罩地圖JSON資料庫,並將文字內容顯示在HTML頁面後,會發現HTML頁面因資訊量過大,使得頁面右側的拖曳欄不斷的往下延伸,如下圖:雖然這樣也是能用...

2020-09-26 ‧ 由 阿瀚 分享
DAY 13

菜鳥日記Day 13-如何取得時間與日期資訊

學會取得時間與日期資訊是一個相當實用的技巧~剛好這次製作的口罩地圖,有使用到這個工具,藉此來向大家介紹一下~ 參考語法如下: 步驟解析: 設定變數data:擷...

2020-09-27 ‧ 由 阿瀚 分享
DAY 14

菜鳥日記Day 14-AJAX的運作方式

AJAX(Asynchronous JavaScript and XML),意思是非同步的JavaScript與XML技術。可以讓使用者在不需重新整理網頁的情況...

2020-09-28 ‧ 由 阿瀚 分享
DAY 15

菜鳥日記Day 15-建立旅館訂房網

在口罩地圖專案中,我們學會使用axios.get從遠端JSON資料庫擷取資料,並將相關資訊顯示在HTML頁面裡。此外我們也學會導入Leaflet地圖,並解決圖層...

2020-09-29 ‧ 由 阿瀚 分享
DAY 16

菜鳥日記Day 16-透過getData函式說明參數的意義

會寫這一篇是因為我自學程式一年多的的時間,一直沒搞懂參數的意義...直到昨天詢問後端組的同學,才搞清楚參數的意義!(如果說明的不清楚,再麻煩前輩補充) 以get...

2020-09-30 ‧ 由 阿瀚 分享
DAY 17

菜鳥日記Day 17-設定函式category與roomDetails

接下來我們要透過兩支函式,來設定不同畫面的文字與圖片資訊 建立函式category 建立變數str為空值 在陣列roomsData中跑forEach迴圈,並建...

2020-10-01 ‧ 由 阿瀚 分享
DAY 18

菜鳥日記Day 18-如何驗證使用者姓名&電話(Post API-part 1)

當我們從「單一房型資料庫」擷取到房型資料並確認庫存後。我們緊接著要將使用者姓名、電話、預約/退房日期等資訊傳到後台,進行房型預約。 步驟如下:1.當我們擷取到單...

2020-10-02 ‧ 由 阿瀚 分享
DAY 19

菜鳥日記Day 19-如何驗證日期(Post API-part 2)

一開始先建立const date = new date()取得現在時間,稍後我們會在提醒訂房者填寫時間格式時作使用。 因訂房者輸入的日期資訊,必須要完全符合資料...

2020-10-03 ‧ 由 阿瀚 分享
DAY 20

菜鳥日記Day 20-如何刪除訂房資訊(Post API-part 3)

做完驗證日期以後,我一直思考要怎麼把匯入資料庫的資料作刪除。於是在昨天的夢裡,我想到一個方法,是透過事件監聽的方式,觸發刪除資料的函式,把一個空陣列塞到預約房型...

2020-10-04 ‧ 由 阿瀚 分享