BLOG LIST #JavaScript 15Mar 2019 2 minutes to read JS 常用 function 整理 此篇不定時更新, 便利健忘的自己 XD 轉 emoji 編碼```javascripthex2char = function (code) { if (!code) return ''; var READ MORE #css #JavaScript #JS地下城 12Mar 2019 5 minutes to read JS地下城:9F-抽獎轉盤 規則- 【特定技術】2017 遊戲輪盤規則輪盤只能轉 20 次,人人有獎 Flight:1 份 Child:4 份 Anything:5 份 Wifi:5 份 Wish:5 份已經被抽到的獎項,就不 READ MORE #JS地下城 #JavaScript #canvas 08Mar 2019 3 minutes to read JS地下城:7F-畫版 規則- 【特定技術】繪圖區請使用 Canvas 來設計,上方的控制列與下方的畫筆調整可不用 SAVE :點擊後可直接下載轉出的 PNG 圖片 CLEAR ALL:清除畫版樣式 UNDO、REDO:上 READ MORE #css #JavaScript #JS地下城 06Mar 2019 5 minutes to read JS地下城:8F-井字遊戲 規則- 【特定技術】先手為 O,後手為 X,某方獲勝時,上方會紀錄各方的獲勝戰績- 【特定技術】每回合結束後,會判定結果頁(平手、O 獲勝、X 獲勝)- 【特定技術】需符合 RWD,能在低螢幕解析度也 READ MORE #css #JavaScript #JS地下城 21Feb 2019 2 minutes to read JS地下城:3F-計算機 規則- 【特定技術】數字位數過多時,不能因此而破版,計算機功能皆須齊全---這次使用 原生 JS 來挑戰這次關卡[demo 頁](https://mtwmt.github.io/jsboss/publ READ MORE #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),加減乘除規則請用隨機 READ MORE #css #JavaScript #JS地下城 #cors 11Feb 2019 1 minutes to read JS地下城:5F-全台空氣指標儀表板 規則- 【特定技術】必須使用 AJAX 技術串接資料 API,不可直些寫死資料在變數上。- 【特定技術】上方切換城市(高雄、台北)後,下方會切換該城市的各地區---這次的關卡比較大的問題點就應該就是在 READ MORE #css #JavaScript #JS地下城 07Feb 2019 2 minutes to read JS地下城:2F-時鐘 規則- 【特定技術】需使用 JS 原生語法的 getDate() 撈取時間,不可用套件- 【特定技術】需使用 JS 原生語法的 setTimeout() 或 setInterval(),持續讓秒針、分 READ MORE #JavaScript #JavaScript 30 天 #flex 29Jan 2019 2 minutes to read JS30:05_Flex Panel Gallery Flex Panel Gallery這次要來做的 點擊圖片後 動畫展開的效果 摘要- 了解 flex 裡的空間分配- 了解 js 的 toggle 與 includes 事件 CSS 了解 flex READ MORE #Gulp #node 24Jan 2019 2 minutes to read Gulp4 與 gulp-cli npm 套件安裝| 指令 | 縮寫 || ---------------------- | -------- || npm install READ MORE PREV 1 7 8 9 10 11 NEXT
#JavaScript 15Mar 2019 2 minutes to read JS 常用 function 整理 此篇不定時更新, 便利健忘的自己 XD 轉 emoji 編碼```javascripthex2char = function (code) { if (!code) return ''; var READ MORE
#css #JavaScript #JS地下城 12Mar 2019 5 minutes to read JS地下城:9F-抽獎轉盤 規則- 【特定技術】2017 遊戲輪盤規則輪盤只能轉 20 次,人人有獎 Flight:1 份 Child:4 份 Anything:5 份 Wifi:5 份 Wish:5 份已經被抽到的獎項,就不 READ MORE
#JS地下城 #JavaScript #canvas 08Mar 2019 3 minutes to read JS地下城:7F-畫版 規則- 【特定技術】繪圖區請使用 Canvas 來設計,上方的控制列與下方的畫筆調整可不用 SAVE :點擊後可直接下載轉出的 PNG 圖片 CLEAR ALL:清除畫版樣式 UNDO、REDO:上 READ MORE
#css #JavaScript #JS地下城 06Mar 2019 5 minutes to read JS地下城:8F-井字遊戲 規則- 【特定技術】先手為 O,後手為 X,某方獲勝時,上方會紀錄各方的獲勝戰績- 【特定技術】每回合結束後,會判定結果頁(平手、O 獲勝、X 獲勝)- 【特定技術】需符合 RWD,能在低螢幕解析度也 READ MORE
#css #JavaScript #JS地下城 21Feb 2019 2 minutes to read JS地下城:3F-計算機 規則- 【特定技術】數字位數過多時,不能因此而破版,計算機功能皆須齊全---這次使用 原生 JS 來挑戰這次關卡[demo 頁](https://mtwmt.github.io/jsboss/publ READ MORE
#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),加減乘除規則請用隨機 READ MORE
#css #JavaScript #JS地下城 #cors 11Feb 2019 1 minutes to read JS地下城:5F-全台空氣指標儀表板 規則- 【特定技術】必須使用 AJAX 技術串接資料 API,不可直些寫死資料在變數上。- 【特定技術】上方切換城市(高雄、台北)後,下方會切換該城市的各地區---這次的關卡比較大的問題點就應該就是在 READ MORE
#css #JavaScript #JS地下城 07Feb 2019 2 minutes to read JS地下城:2F-時鐘 規則- 【特定技術】需使用 JS 原生語法的 getDate() 撈取時間,不可用套件- 【特定技術】需使用 JS 原生語法的 setTimeout() 或 setInterval(),持續讓秒針、分 READ MORE
#JavaScript #JavaScript 30 天 #flex 29Jan 2019 2 minutes to read JS30:05_Flex Panel Gallery Flex Panel Gallery這次要來做的 點擊圖片後 動畫展開的效果 摘要- 了解 flex 裡的空間分配- 了解 js 的 toggle 與 includes 事件 CSS 了解 flex READ MORE
#Gulp #node 24Jan 2019 2 minutes to read Gulp4 與 gulp-cli npm 套件安裝| 指令 | 縮寫 || ---------------------- | -------- || npm install READ MORE