无标题文章

2017-10-12  本文已影响0人  minyan962464

面对对象
构建函数
命名
1. 必须由 英文、数字、_、 $ 组成
2. 不能以数字开头
3. 不能与系统的名字重名
命名建议
1. 见名知意(英文、拼音)
2. 变量的名字 驼峰命名法 例如: backgroundColor
3. 构造函数的名字,建议 在驼峰的基础上,首字母大写!
当你采用new关键字创建对象时,函数内部的this就是当前对象
new 会执行函数 Person中的代码
参数
创建对象时,可以传递参数,与函数调用的规则是一致的,一一对应的
function Person(n, h)
var Jobs = new Person("Jobs", 200)
萤火虫
面对对象
1. 找对象
2. 实现对象
document.createElement 创建标签
document.getElementById 通过id获取标签
document.getElementsByTagName 通过标签名获取标签
1. 创建萤火虫
2.让萤火虫飞
拖拽
属性
元素按下的时候开始 this.ele.onmousedown = function(e)
阻止默认行为 e.preventDefault();
自由主题
方法
开始
this.start = function() {
document.onmousemove = function(e) {
var x = e.clientX - self.detaX;
var y = e.clientY - self.detaY;
self.move(x, y)
}
移动
this.move = function(x, y) {
self.ele.style.left = x + "px";
self.ele.style.top = y + "px";
}
停止
this.stop = function() {
document.onmousemove = null;
}

上一篇下一篇

猜你喜欢

热点阅读