blog banner

練習一:追追按鈕

當初本來只是想做一個簡單個按鈕效果範例,
但是覺得太無聊,就想說在按鈕上面加個”計時器”好了,
加了之後…突然覺得好像想到了什麼…
於是就變成這樣子了orz

#糞GAME 追追按鈕

還有很多未完善的地方,
但是透過這個範例瞬間暴增一堆無用的技能就是了

1. php 的 session 可透過自訂的function來設定逾期 (session.gc_maxlifetime)

2.原本送出分數是利用input或其他HTML物件的內容來處理,但是這樣隨便都可以利用瀏覽器的功能竄改,最後利用ajax更改session的數值來保存分數。(這部份搞超久)

3.jQuery筆記
parseInt() 讓內容變成數字
parseFloat() 讓內容變成帶有小數的數值
toFixed() 強制顯示兩位小數
Math.random() 亂數
Math.floor((Math.random() * 10) + 1) 1~10亂數
$(“#ID”).remove();//移除物件

4.如何停止jQuery的setInterval()
先設定成變數 var refreshIntervalId = setInterval(“functionname”,10);
這樣就可以停止了 clearInterval(refreshIntervalId);

5.CSS筆記
/*禁止選取*/
user-select: none;
-moz-user-select: none; /* for Firefox */
-webkit-user-select: none; /* for Chrome */
-ms-user-select: none;

尚未完善:
1.Apple行動裝置畫面連點兩下會放大的問題,似乎難解,雖然網路上有人提供解法,但是實測似乎無效?(iPhone SE)
(參考: http://stackoverflow.com/questions/10614481/disable-double-tap-zoom-option-in-browser-on-touch-devices)

2.實際上在時間停止前按鈕跑動的指令已經執行N次,因此無法即時應對視窗縮放改變移動範圍。

3.ip位置隱藏顯示的處理方式可以更細膩(隱藏指定組別) ((這個晚點修改

 


其他有想到再補充…