跳到主要內容
m.Mandy's Web

筆記

2019

JS地下城:10F-Chrome 應用程式(幹話產生器)

【特定技術】請開發 Chrome extension,不需上架,投稿時請提供安裝檔放在雲端,以 供 GM 下載測試。 【特定技術】打開 Chrome 新頁(tab)時,會隨機顯示你自己新增的語錄,或者是幹話。 【特定技術】可切換夜間/日間模式 【特定技術】新增

JS 常用 function 整理

此篇不定時更新, 便利健忘的自己 XD 利用 10 的次方特性產生需要的長度 再加上本身數字 再利用字串特性移除掉第一位數字

JS地下城:9F-抽獎轉盤

【特定技術】2017 遊戲輪盤規則輪盤只能轉 20 次,人人有獎 Flight:1 份 Child:4 份 Anything:5 份 Wifi:5 份 Wish:5 份已經被抽到的獎項,就不可再次出現 【特定技術】2018 遊戲輪盤規則編號 20:69 份編號

JS地下城:7F-畫版

【特定技術】繪圖區請使用 Canvas 來設計,上方的控制列與下方的畫筆調整可不用 SAVE :點擊後可直接下載轉出的 PNG 圖片 CLEAR ALL:清除畫版樣式 UNDO、REDO:上 一步、下一步點擊箭頭時,功能列介面皆可進行收闔 【擴充功能】請再自行

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

【特定技術】先手為 O,後手為 X,某方獲勝時,上方會紀錄各方的獲勝戰績 【特定技術】每回合結束後,會判定結果頁(平手、O 獲勝、X 獲勝) 【特定技術】需符合 RWD,能在低螢幕解析度也能遊玩,介面不能超出 x 軸,至少在以 下解析度能夠遊玩。 iPhone

JS地下城:3F-計算機

【特定技術】數字位數過多時,不能因此而破版,計算機功能皆須齊全 這次使用 原生 JS 來挑戰這次關卡 demo 頁 sourse code 處理的問題有以下 ieee754 浮點數 字數過長 不造成破版 eval 加總 千分位進位 決定面版顯示資訊 做個 fl

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

【特定技術】 0 20 秒為 1 位數計算 (5-3),21 40 秒為 2 位數計算 (30\19),41 60 秒為 3 位數計算 (332+312),加減乘除規則請用隨機產生,不可寫 死題目,60 秒內可無限次數答題。 040 秒答對加一分,41 60

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

【特定技術】必須使用 AJAX 技術串接資料 API,不可直些寫死資料在變數上。 【特定技術】上方切換城市(高雄、台北)後,下方會切換該城市的各地區 這次的關卡比較大的問題點就應該就是在 CORS 的問題處理上畢竟要用前端處理公開 api 這件事,本應由後經由

JS地下城:2F-時鐘

【特定技術】需使用 JS 原生語法的 getDate() 撈取時間,不可用套件 【特定技術】需使用 JS 原生語法的 setTimeout() 或 setInterval(),持續讓秒針、分 針、時針能夠以台北時區移動 這次時鐘的關卡,之 前js30 天的第二

JS30:05_Flex Panel Gallery

這次要來做的 點擊圖片後 動畫展開的效果 了解 flex 裡的空間分配 了解 js 的 toggle 與 includes 事件 flex-grow 剩餘空間分配比例 flex-shirk 壓縮比例 flex-basis 預約剩餘空間 三個值的縮寫為 若是 f

分類