JS面向对象
weixin_40025586
这个作者很懒,什么都没留下…
展开
-
JS面向对象--打飞机实例解析(3)--我方飞机的创建与移动
1.创建原理部分:–构造函数定义玩家飞机1.(1)属性:[1]图片节点[2]图片[3]x坐标[4]y坐标[5]速度(2)行为:[1]移动–>上下左右[2]发射子弹[3]初始化 把图片节点添加到mainObj里2.代码实现部分:html+css<!--下为css部分,主要是背景图的设置-->*{margin:0;padding:0;}#main{wi...原创 2018-11-09 22:52:11 · 1148 阅读 · 0 评论 -
JS面向对象--打飞机实例解析(2)--敌方飞机的创建与移动
一.创建方法:–构造函数定义敌方小飞机(1)属性:[1]图片节点[2]图片[3]x坐标[4]y坐标[5]速度(2)行为:[1]移动[2]初始化 把图片节点添加到mainObj里二.代码实现:html+css<!--下为css部分,主要是背景图的设置-->*{margin:0;padding:0;}#main{width:400px;height:600p...原创 2018-11-09 22:52:35 · 973 阅读 · 0 评论 -
JS面向对象--打飞机实例解析(1)--前言原理讲解
1.知识准备(1)面向对象–构造函数–函数名首字母大写 function Student(name,grade){ this.studentName=name; this.studentGrade=grade; this.goSchool=function(){ alert(this.studentName+'要去上课了'); }; } var stu1=new St...原创 2018-11-09 22:52:44 · 563 阅读 · 0 评论 -
JS面向对象--面向对象原型
一.面向对象原型概念及说明(1)面向对象原型的使用方式及使用范围 // new Object // 构造函数,工厂模式 // 原型->构造函数 // 对象通过通过构造函数创建,那么就可以添加原型 function People(name){ this.names=name; } //原型的写法:--原型本身就是一个对象,也是People的一个属性 People.pro...原创 2018-11-02 21:08:17 · 447 阅读 · 0 评论 -
JS面向对象--对象创建实例
一.此实例主要进行了面向对象以构造函数方式创建的简单应用html+css<!--css部分-->#wrap{width:500px;height:500px; border:1px solid red;position:relative;}#target{position:absolute;width:100px;height:50px;background:green; le...原创 2018-11-02 19:44:10 · 1130 阅读 · 0 评论 -
JS面向对象--面向对象的概述及创建方法
一.概述部分:1.面向对象时一种思想,不是什么高深的道理,也不是什么特殊的代码,是一种针对于封装思想的总结。主要是为了解决代码重复问题而产生的。例如:函数2.(1)某个具体的内容称为对象(2)类是抽象的概念,我们自己定义一个概念,类是没有任何意义的对象:由类所产生的具体的某个实例都是通过代码先去想象要实现的功能->创建类的过程二.面向对象的创建方法1.面向对象的第一种创建方式:...原创 2018-11-02 18:57:19 · 162 阅读 · 0 评论 -
JS面向对象--打飞机实例解析(5)--子弹与敌方飞机的碰撞
1.碰撞原理及实现–碰撞范围限定子弹左边坐标&gt;敌方飞机左边坐标子弹左边坐标&lt;敌方飞机左边坐标+敌方飞机的宽度子弹顶部坐标&gt;敌方飞机的顶部坐标子弹顶部坐标&lt;敌方飞机顶部坐标+敌方飞机的高度–实例化代码:function checkBoom() { for(var i=0;i&lt;smallPlaneArray.length;i++) { for...原创 2018-11-09 22:51:59 · 2092 阅读 · 0 评论 -
JS面向对象--打飞机实例解析(4)--子弹的创建与移动
1.子弹创建实例化对象//子弹模板function BulletProto(imgSrc,x,y,speed){ this.imgNode=document.createElement('img'); this.imgSrc=imgSrc; this.x=x; this.y=y; this.speed=speed; //初始化方法 this.init=function(){...原创 2018-11-09 22:52:06 · 1220 阅读 · 0 评论 -
JS面向对象--prototype(原型链)小解
1.问题:Object构造函数是否与之队型的Object原型对象//首先自定义一个构造函数PersonObject.prototype.info=function(){ alert(1);}//Object中的原型对象中定义一个info属性,属性值为函数function Person(username){ this.username=username;}var Bob=new P...原创 2018-11-11 19:20:49 · 109 阅读 · 0 评论