坦克大战知识总结
一、认识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 οnkeydοwn="getCommand()" >
</body>
10、 了解如何在网页上绘图:
A、 通过<canvas></canvas>定义画布;
B、 通过var canvas1 = document.getElementById("tankMap")获取画布;
C、 通过canvas1.getContext("2d")获取画布环境,可以理解为画笔
D、画布支持丰富的javascript接口