隨機產生小方塊
為貪吃蛇準備
*總結
* window.random=new random(); 例項化物件暴露給window
* +"px"
* 取到map選擇器
* 1.offsetwidth屬性可以返回物件的padding+border+width屬性值之和,
* style.width返回值就是定義的width屬性值。
2.offsetwidth屬性僅是可讀屬性,而style.width是可讀寫的。
3.offsetwidth屬性返回值是整數,而style.width的返回值是字串,並且帶有單位。
4.style.width僅能返回以style方式定義的內部樣式表的width屬性值。
var node=document.getelementbyid("mylist2").lastchild;
* absolute : 將物件從文件流中拖出,使用left,right,top,bottom等屬性進行絕對定位。
而其層疊通過css z-index屬性定義。此時物件不具有邊距,但仍有補白和邊框
relative : 物件不可層疊,但將依據left,right,top,bottom等屬性在正常文件流中偏移位置
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
>
/*隨機小方塊*/
script
>
>
.map
style
>
head
>
>
class
="map"
>
div>
>
//產生隨機數物件 自呼叫函式
(function
(win)
//新增原型
random.prototype.
getrandom
=function
(min,max)
;//把區域性變數暴露給window頂級物件
// 正常情況下 var rm=new random();
//實參傳給形參,window頂級物件傳進去
win.random=
newrandom()
;})(window)
;//自定義建構函式的方式,分號一定要加上
//產生小方塊物件
(function
(window)
//初始化小方塊的顯示的效果及位置
food.prototype.
init
=function()
;//產生隨機位置
food.prototype.
render
=function
(map)
;var fd=
newfood(20
,20,"green");
fd.init
(map);}
)(window)
;script
>
body
>
html
>
隨機產生小方塊
加粗樣式 物件 隨機數 小方塊 產生隨機數的物件 function 2.在原型中新增方法 random.prototype.getrandom function max,min 3.把區域性物件暴露給window物件 window.random random var r new random 50 ...
貪吃蛇之隨機產生小方塊
產生隨機數的物件 function 2.在原型這種新增方法 suiji.prototype.getsuiji function min,max 3.把區域性變數暴露給window window.suiji suiji 4.列印隨機物件 var sj new suiji 產生小方塊的物件 functi...
java web前面頁面顯示小方塊問題
上週專案組在測試工程師的測試報告中發現如下圖中的bug,流程是新增或修改完之後,跳轉到查詢列表頁面,偶爾出現乙個小方塊 而且還是小概率事件出現方塊,這個問題在chrome上沒有問題,只是在ie11中有問題。一開始我以為是頁面 寫得不規範,比如jsp少結束標籤,某些屬性不支援或者是js報錯造成的。我就...