美文网首页
无标题文章

无标题文章

作者: minyan962464 | 来源:发表于2017-10-12 20:33 被阅读0次

    面对对象
    构建函数
    命名
    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;
    }

    相关文章

      网友评论

          本文标题:无标题文章

          本文链接:https://www.haomeiwen.com/subject/rovoyxtx.html