• 第八章 一个画线的封装事例


    先回答上一章的问题:

    两者的区别就是,一个是复制一份,一个是建立一个指向property.函数的一个指针

    下面我们看一个画线的事例.这里大家可以打开我的另一篇文章《js画线》。快捷通道

    整个函数的结构

     (function () {
            var h5 = function (d, c, r) {//参数为容器ID
                return new h5.divline(d, c, r);
            };
    
            h5.divline = function (d, c, r) {//参数为容器ID
                this.o;
                this.iso = false;
                this.lcolor = "#FF0000"; //默认颜色
                this.lr = 0
                if (d != null) {
                    if (isExist(d)) {
                        this.o = document.getElementById(d);
                        this.iso = true;
                        if (c != null) this.lcolor = c;
                        if (r != null) this.lr = r; ;
                    }
                }
            };
            h5.divline.prototype.line = function () {
                if (this.iso == true) {
                    var numargs = arguments.length;
                    if (numargs >= 2) {
                        for (var i = 0; i < numargs - 1; i++) {
                            //l(arguments[i], arguments[i + 1], this.lr, this.lcolor, this.o);//画线
                        }
    
                    }
                }
            }
            window.draw = h5;
        })();
    

    这里大家可以考虑下

    this.o;
    this.iso = false;
    this.lcolor = "#FF0000"; //默认颜色
    this.lr = 0;

    这几个变量是否可以这样定义:
    var o;
    var iso = false;
    var lcolor = "#FF0000"; //默认颜色
    var lr =0;

    到这里 本系列的文章暂时结束了,因为在写作的过程我发现巨大的差距,所以后续的两章,我需要一段时间的准备;
    这个系列的文章写完后,我准备发布自己的asp.net框架,仿照MVC,但是比MVC简单很多,适合做小型项目:-),到时候希望大家拍砖

    
    
  • 相关阅读:
    Python-05知识-01Python优缺点
    Python-02进阶-06代码优化工具
    Python-02进阶-04多进程多线程
    Python-02进阶-03生成器
    Python-02进阶-02装饰器
    Python-01基础-13功能模块
    Python-01基础-12常用命令
    Python-01基础-11基础知识
    console.dir有很多浏览器,系统的兼容性问题,不要随便用!
    微信支付-签名错误
  • 原文地址:https://www.cnblogs.com/blowfish/p/3247721.html
Copyright © 2020-2023  润新知