作者: 铁锚

日期: 2013年12月19日

说明: 本系列文章为草稿,等待后期完善。源码是jQuery版本的,code.photoswipe-3.0.5.js

1. 代码开头,就是一些版权申明,没什么好说的,MIT授权。

// Copyright (c) 2012 by Code Computerlove (http://www.codecomputerlove.com)
// Licensed under the MIT license
// version: 3.0.5

2. 接下来的代码段,是一种闭包形式,匿名空间式的代码段,第一段代码的格式如下:

(function (window) {
  // 代码区域
  // Function.prototype.bind 函数绑定 部分
  // window.Code.Util 部分
}(window));

说明: 如果要在自己的代码环境中将 window 指代为全局window,只有采用函数参数的形式,如果 直接 var window = xxx;将会报语法错误。

3. 对 Function 函数定义类的hack,如果没有bind原型方法则用自定义的方法来实现:

// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind
if (!Function.prototype.bind ) {
  Function.prototype.bind = function( obj ) {
    var slice = [].slice,
        args = slice.call(arguments, 1),
        self = this,
        nop = function () {},
        bound = function () {
          return self.apply( this instanceof nop ? this : ( obj || {} ),
                              args.concat( slice.call(arguments) ) );
        };

    nop.prototype = self.prototype;
    bound.prototype = new nop();
    return bound;
  };
}

4. 接下来是window.Code工具类的封装:

  if (typeof window.Code === "undefined") {
    window.Code = {};
  }

  window.Code.Util = {
    /*
     * Function: registerNamespace
     */
    registerNamespace: function () {
      var
        args = arguments, obj = null, i, j, ns, nsParts, root, argsLen, nsPartsLens;
      for (i=0, argsLen=args.length; i<argsLen; i++) {
        ns = args[i];
        nsParts = ns.split(".");
        root = nsParts[0];
        if (typeof window[root] === "undefined"){
          window[root] = {};
        }
        obj = window[root];
        //eval('if (typeof ' + root + ' == "undefined"){' + root + ' = {};} obj = ' + root + ';');
        for (j=1, nsPartsLens=nsParts.length; j<nsPartsLens; ++j) {
          obj[nsParts[j]] = obj[nsParts[j]] || {};
          obj = obj[nsParts[j]];
        }
      }
    },
    /*
     * Function: coalesce
     * Takes any number of arguments and returns the first non Null / Undefined argument.
     */
    coalesce: function () {
      var i, j;
      for (i=0, j=arguments.length; i<j; i++) {
        if (!this.isNothing(arguments[i])) {
          return arguments[i];
        }
      }
      return null;
    },
    /*
     * Function: extend
     */
    extend: function(destination, source, overwriteProperties){
      var prop;
      if (this.isNothing(overwriteProperties)){
        overwriteProperties = true;
      }
      if (destination && source && this.isObject(source)){
        for(prop in source){
          if (this.objectHasProperty(source, prop)) {
            if (overwriteProperties){
              destination[prop] = source[prop];
            }
            else{
              if(typeof destination[prop] === "undefined"){
                destination[prop] = source[prop];
              }
            }
          }
        }
      }
    },
    /*
     * Function: clone
     */
    clone: function(obj) {
      var retval = {};
      this.extend(retval, obj);
      return retval;
    },
    /*
     * Function: isObject
     */
    isObject: function(obj){
      return obj instanceof Object;
    },
    /*
     * Function: isFunction
     */
    isFunction: function(obj){
      return ({}).toString.call(obj) === "[object Function]";
    },
    /*
     * Function: isArray
     */
    isArray: function(obj){
      return obj instanceof Array;
    },
    /*
     * Function: isLikeArray
     */
    isLikeArray: function(obj) {
      return typeof obj.length === 'number';
    },
    /*
     * Function: isNumber
     */
    isNumber: function(obj){
      return typeof obj === "number";
    },
    /*
     * Function: isString
     */
    isString: function(obj){
      return typeof obj === "string";
    },
    /*
     * Function: isNothing
     */
    isNothing: function (obj) {

      if (typeof obj === "undefined" || obj === null) {
        return true;
      }
      return false;

    },
    /*
     * Function: swapArrayElements
     */
    swapArrayElements: function(arr, i, j){

      var temp = arr[i];
      arr[i] = arr[j];
      arr[j] = temp;

    },
    /*
     * Function: trim
     */
    trim: function(val) {
      return val.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    },
    /*
     * Function: toCamelCase
     */
    toCamelCase: function(val){
      return val.replace(/(\-[a-z])/g, function($1){return $1.toUpperCase().replace('-','');});
    },
    /*
     * Function: toDashedCase
     */
    toDashedCase: function(val){
      return val.replace(/([A-Z])/g, function($1){return "-"+$1.toLowerCase();});
    },
    /*
     * Function: indexOf
     */
    arrayIndexOf: function(obj, array, prop){
      var i, j, retval, arrayItem;
      retval = -1;
      for (i=0, j=array.length; i<j; i++){
        arrayItem = array[i];

        if (!this.isNothing(prop)){
          if (this.objectHasProperty(arrayItem, prop)) {
            if (arrayItem[prop] === obj){
              retval = i;
              break;
            }
          }
        }
        else{
          if (arrayItem === obj){
            retval = i;
            break;
          }
        }
      }
      return retval;
    },
    /*
     * Function: objectHasProperty
     */
    objectHasProperty: function(obj, propName){

      if (obj.hasOwnProperty){
        return obj.hasOwnProperty(propName);
      }
      else{
        return ('undefined' !== typeof obj[propName]);
      }
    }
  };

内部是一些需要使用到的工具函数.

PhotoSwipe源码解读系列(二)的更多相关文章

  1. swoft| 源码解读系列二: 启动阶段, swoft 都干了些啥?

    date: 2018-8-01 14:22:17title: swoft| 源码解读系列二: 启动阶段, swoft 都干了些啥?description: 阅读 sowft 框架源码, 了解 sowf ...

  2. Alamofire源码解读系列(二)之错误处理(AFError)

    本篇主要讲解Alamofire中错误的处理机制 前言 在开发中,往往最容易被忽略的内容就是对错误的处理.有经验的开发者,能够对自己写的每行代码负责,而且非常清楚自己写的代码在什么时候会出现异常,这样就 ...

  3. Alamofire源码解读系列(十二)之时间轴(Timeline)

    本篇带来Alamofire中关于Timeline的一些思路 前言 Timeline翻译后的意思是时间轴,可以表示一个事件从开始到结束的时间节点.时间轴的概念能够应用在很多地方,比如说微博的主页就是一个 ...

  4. Alamofire源码解读系列(十二)之请求(Request)

    本篇是Alamofire中的请求抽象层的讲解 前言 在Alamofire中,围绕着Request,设计了很多额外的特性,这也恰恰表明,Request是所有请求的基础部分和发起点.这无疑给我们一个Req ...

  5. Alamofire源码解读系列(四)之参数编码(ParameterEncoding)

    本篇讲解参数编码的内容 前言 我们在开发中发的每一个请求都是通过URLRequest来进行封装的,可以通过一个URL生成URLRequest.那么如果我有一个参数字典,这个参数字典又是如何从客户端传递 ...

  6. Alamofire源码解读系列(三)之通知处理(Notification)

    本篇讲解swift中通知的用法 前言 通知作为传递事件和数据的载体,在使用中是不受限制的.由于忘记移除某个通知的监听,会造成很多潜在的问题,这些问题在测试中是很难被发现的.但这不是我们这篇文章探讨的主 ...

  7. Alamofire源码解读系列(五)之结果封装(Result)

    本篇讲解Result的封装 前言 有时候,我们会根据现实中的事物来对程序中的某个业务关系进行抽象,这句话很难理解.在Alamofire中,使用Response来描述请求后的结果.我们都知道Alamof ...

  8. Alamofire源码解读系列(六)之Task代理(TaskDelegate)

    本篇介绍Task代理(TaskDelegate.swift) 前言 我相信可能有80%的同学使用AFNetworking或者Alamofire处理网络事件,并且这两个框架都提供了丰富的功能,我也相信很 ...

  9. Alamofire源码解读系列(七)之网络监控(NetworkReachabilityManager)

    Alamofire源码解读系列(七)之网络监控(NetworkReachabilityManager) 本篇主要讲解iOS开发中的网络监控 前言 在开发中,有时候我们需要获取这些信息: 手机是否联网 ...

随机推荐

  1. Java语言程序设计-Markdown格式作业模板

    Markdown格式作业模板如下,大家可以直接复制粘贴使用. 注意:作业中不能只写答案,题目本身也要出现.. # 1. 本章学习总结 你对于本章知识的学习总结 # 2. 书面作业 **Q1 java ...

  2. VS2010每次调试都出现“此项目已经过期”提示

    问题描述   最近因为项目需要,开发平台从VS2005切换成了VS2010,把一些老项目也转换到VS2010平台,因为是从低到高升级,微软还是做了很多兼容,基本上可以无缝切换,编译调试也基本正常,但是 ...

  3. LuaHotUpdate原理

    LuaHotUpdate原理(金庆的专栏)项目地址:https://github.com/asqbtcupid/lua_hotupdate只更新函数,不更新数据.主页上有个动画演示.限Windows平 ...

  4. EBS销售订单挑库发放处理程序

    来自:http://blog.csdn.net/cunxiyuan108/article/details/6014769 在EBS实施中,经常遇到从外部传进来一个被登记的销售订单,需要通过程序进行销售 ...

  5. Swift基础之Demo包含刷新,加载,网络请求,MVC

    Swift中有一个Alamofire第三方是进行网络请求的,它是AFNetworking的作者写的Swift形式,今天先介绍一下,利用pod导入AFNetworking,SVProgressHUD,M ...

  6. FFmpeg在Linux下安装编译过程

    转载请把头部出处链接和尾部二维码一起转载,本文出自:http://blog.csdn.net/hejjunlin/article/details/52402759 今天介绍下FFmpeg在Linux下 ...

  7. 剑指Offer——笔试题+知识点总结

    剑指Offer--笔试题+知识点总结 情景回顾 时间:2016.9.23 12:00-14:00 19:00-21:00 地点:山东省网络环境智能计算技术重点实验室 事件:笔试 注意事项:要有大局观, ...

  8. 4.QPixmap,QTransform,绘图函数的使用

     新建一个项目Painter MyWidget.h #ifndef MYWIDGET_H #define MYWIDGET_H #include <QWidget> class MyW ...

  9. Android旋转动画

    Android旋转动画 核心方法 public void startAnimation(Animation animation) 执行动画,参数可以是各种动画的对象,Animation的多态,也可以是 ...

  10. hive的strict模式;where,group by,having,order by同时使用的执行顺序

    主要限制三种情况 (1) 有partition的表查询需要加上where子句,筛选部分数据实现分区裁剪,即不允许全表全分区扫描,防止数据过大 (2) order by 执行时只产生一个reduce,必 ...