BLOG LIST

#css #JavaScript #JS地下城

06Mar 2019

5 minutes to read

JS地下城：8F-井字遊戲

規則- 【特定技術】先手為 O，後手為 X，某方獲勝時，上方會紀錄各方的獲勝戰績- 【特定技術】每回合結束後，會判定結果頁(平手、Ｏ獲勝、X 獲勝)- 【特定技術】需符合 RWD，能在低螢幕解析度也

#css #JavaScript #JS地下城

21Feb 2019

2 minutes to read

JS地下城：3F-計算機

規則- 【特定技術】數字位數過多時，不能因此而破版，計算機功能皆須齊全---這次使用原生 JS 來挑戰這次關卡[demo 頁](https://mtwmt.github.io/jsboss/publ

#css #JavaScript #JS地下城

17Feb 2019

3 minutes to read

JS地下城：6F-60秒算數遊戲

規則- 【特定技術】 0 ~ 20 秒為 1 位數計算 (5-3)，21 ~ 40 秒為 2 位數計算 (30\*19)，41 ~ 60 秒為 3 位數計算 (332+312)，加減乘除規則請用隨機

#css #JavaScript #JS地下城 #cors

11Feb 2019

1 minutes to read

JS地下城：5F-全台空氣指標儀表板

規則- 【特定技術】必須使用 AJAX 技術串接資料 API，不可直些寫死資料在變數上。- 【特定技術】上方切換城市(高雄、台北)後，下方會切換該城市的各地區---這次的關卡比較大的問題點就應該就是在

#css #JavaScript #JS地下城

07Feb 2019

2 minutes to read

JS地下城：2F-時鐘

規則- 【特定技術】需使用 JS 原生語法的 getDate() 撈取時間，不可用套件- 【特定技術】需使用 JS 原生語法的 setTimeout() 或 setInterval()，持續讓秒針、分

#JavaScript #JavaScript 30 天 #flex

29Jan 2019

2 minutes to read

JS30：05_Flex Panel Gallery

Flex Panel Gallery這次要來做的點擊圖片後動畫展開的效果摘要- 了解 flex 裡的空間分配- 了解 js 的 toggle 與 includes 事件 CSS 了解 flex

#Gulp #node

24Jan 2019

2 minutes to read

Gulp4 與 gulp-cli

npm 套件安裝| 指令 | 縮寫 || ---------------------- | -------- || npm install

#JavaScript #JavaScript 30 天

18Jan 2019

2 minutes to read

JS30：07_Array Cardio Day 2

Array Cardio (陣列練習 2)延續 04_Array Cardio Day 的後續，繼續悉其他操作陣列的方法摘要這次作者提供了 `people` 與 `comments` 兩組資料做練習

#JavaScript #JavaScript 30 天

16Jan 2019

3 minutes to read

JS30：04_Array Cardio Day 1

Array Cardio (陣列練習) 摘要此次主要是練習陣列的一些用法分別有八個例子作者一開始在 html 上提供了三組資料給大家練習`inventors`是一組是發明家的列表裡面包含姓、名、出

#JavaScript #Google

14Jan 2019

3 minutes to read

利用 google.maps.LatLngBounds 讓googlemap自動縮放到適合的大小

如何讓所有地圖標記自動縮放都在可視範圍的區域首先可以先了解地圖的邊界值先上 code[GoogleMap event 參照](https://developers.google.com/maps/d