html5-學習 坦克大戰知識點總結
坦克大戰知識總結
一、認識html5標籤：<DOCTYPE html>
二、認識html部分和javascript部分註釋的不同方式；
1、html採用：<!—註釋內容-->
2、vascript採用：//
三、認識了html中嵌入javascript的兩種方法：
1、 直接嵌入javascript語法<script type=“text/javascript”>javascript程式碼</script >;
2、 嵌入javascript檔案<scripttype=“text/javascript”src=”相對路徑/絕對路徑“>
</script >;
四、認識了怎麼寫js檔案
1、 任何變數直接用var定義；
2、 任何函式採用function name(){}結構定義；
3、 Javascript中沒有繼承的概念，但是可以通過模擬繼承的方式達到跟java繼承一樣的效果：先定義一個function函式物件，然後再定義一個function函式，在函式內部用一個變數直接等於先前定義的function函式，然後在新定義的函式中通過this直接呼叫先前定義的function函式就可以了；
function tank(x, y, direct){}
function herorTank(x, y, direct){
var tank =tank;
this.tank(x,y, direct); //相當於直接呼叫上面定義tank物件
}
4、 認識陣列的定義var arry = new Array();
5、 認識資料壓入陣列的方法：arry.push(name);
6、 認識函式物件的定義var name = new tank(x, y, direct);
7、 認識window定時器的使用方法：
建立定時器：setInterval（“函式名（）”time）;
銷燬定時器：clearInterval
8、 瞭解清屏的方法：clearRect（x,y,w,h）;
9、 初步瞭解<span></span><meta></ meta >
10、瞭解如何去獲取頁面的按鍵事件<body onkeydown="getCommand()" >
</body>
10、 瞭解如何在網頁上繪圖：
A、 通過<canvas></canvas>定義畫布；
B、 通過var canvas1 = document.getElementById("tankMap")獲取畫布；
C、 通過canvas1.getContext("2d")獲取畫布環境，可以理解為畫筆
D、畫布支援豐富的javascript介面