zoukankan      html  css  js  c++  java
  • 论javascript编写优美

    这里就有点夸张了,有点吊了,就随便说说自己对js编写优美的方式。

    使用jQuery开发,现在很流行的了,大大增快速度,还可以提高代码的质量。

    1、$.extend()

    //...  --  表示代码
        function demo(opts){
            var defualtOpts={...};
            opts=$.extend({},opts,defaults);
            ...
        }
        /*使用好$.extend()可以很好的传递参数,看起好优美*/

    2、{...}

    /*{...}使用对象,这种对象写法,对代码复用性不强可以使用,因为不用不用继承,
            还可以很直观。
        */
        var demo={
            init:function(){
                this.action();
                ...
            },
            action:function(){...},
            render:function(){...},
            delegateEvent:function(){...}
        };

    3、o.prototype={}

    /*面向对象的方式是复用性很强的,而且面向对象也很有原则,所以代码看起来好理解*/
        function Demo(){
            this.v="...";
            this.init();
        }
        Demo.prototype={
            constructor:Demo,
            init:function(){...},
            ...
        }

    4、jquery插件的写法

    /*闭包方式--防止全局污染*/
        (function($,w,undefined){
            /*防止多次加载*/
            if(!$.fn.demo){
                /*扩展jQuery,可以$(..).demo()去执行*/
                $.fn.demo=(function(fn){
                    return fn();
                })(function(){
                    function demo(){
                        console.log(1);
                    }
                    return demo;
                });
            }
    
        })(jQuery,window,undefined);

    目前就是现在所了解的,至于什么设计模式,这个目前只知道其型不懂其具体使用,这是经验模式,需要大量经验很历练。

  • 相关阅读:
    Puppeteer--API
    Puppeteer--性能优化
    Puppeteer--代码示例(3)
    Puppeteer--代码示例(2)
    Puppeteer--代码示例(1)
    Puppeteer--等待加载
    Puppeteer--创建实例
    Puppeteer--爬坑记录
    Puppeteer--参考介绍
    vue.js的的回到顶部
  • 原文地址:https://www.cnblogs.com/zhangzhicheng/p/6822840.html
Copyright © 2011-2022 走看看