缓存机制提供的入口有:

$.data([key],[value]) // 存取数据

$.hasData(elem) // 是否有数据

$.removeData([key]) // 删除数据

$.acceptData(elem) // 检测元素是否可以使用缓存机制存数据

$(elem).data([key],[value]) // 存取数据

$(elem).removeData([key]) // 删除数据

已经阅读了缓存机制为用户提供的入口,并且重点阅读了$(elem).data()方法(其它方法都是直接调用data_user对象的方法),

接下来重点看data_user对象封装的属性和方法

Data.prototype = {

  // 生成一个key使用它将cache和元素联系起来,并最终返回这个key
  key: function( owner ) {
    //如果owner不是元素节点或document节点,则返回0,为什么返回0?为了校验?
    if ( !Data.accepts( owner ) ) {
      return 0;
    }
    // 一个暂时的对象,将被扩展到owner对象上。
    var descriptor = {},
    // 判断owner对象上是否已经有这个jQuery随机产生的键。
    // 这里的this是后面new 出来的Data对象,所以其expando是固定的值,对在该data对象内存取数据的elem都是一致的
    unlock = owner[ this.expando ];

    // 如果没有这个键,则为owner对象创建一个。
    if ( !unlock ) {
      // 每次有新的对象想要调用data存储数据,都将uid增加1。保证唯一性。该uid是cache中的键
      unlock = Data.uid++;

      try {

        // 为descriptor添加属性(expando的值),将生成唯一id关联在descriptor上。
        descriptor[ this.expando ] = { value: unlock };

        // 再将descriptor关联在owner上,使owner最终和unlock关联起来,用于在cache中操作数据

        // 第二个参数应该是字符串?传一个对象进来不知道是怎么操作的,需要深入了解下definePropertyies方法
        Object.defineProperties( owner, descriptor );

      } catch ( e ) {

        // 处理元素上不能存对象的情况
        descriptor[ this.expando ] = unlock;
        jQuery.extend( owner, descriptor );
      }
    }

    // 如果cache[unlock]没有值,则将其值设置为空对象
    if ( !this.cache[ unlock ] ) {
      this.cache[ unlock ] = {};
    }
    //返回一个cache的索引
    return unlock;
  },
  set: function( owner, data, value ) {
    var prop,
      // 存数据之前,先调用key方法,拿到元素上绑定好的唯一UID,如果没有就创建一个
      unlock = this.key( owner ),

      // 根据这个UID到cache中拿到已经存储的数据,如果之前没有存储过,会返回一个空对象
      cache = this.cache[ unlock ];

    // 处理三个参数都存在的情况
    if ( typeof data === "string" ) {

      // 以data为键,以value为值将数据存储到cache中,如果之前存过就覆盖掉
      cache[ data ] = value;

    //处理只有两个参数,并且第二个参数是个对象的情况
    } else {
      // 如果cache中是空的
      if ( jQuery.isEmptyObject( cache ) ) {

        // 将data对象扩展到cache。不需要深度扩展?
        jQuery.extend( this.cache[ unlock ], data );
      // 如果不是空对象,需要一个一个赋值。?
      } else {
        for ( prop in data ) {
          cache[ prop ] = data[ prop ];
        }
      }
    }
    return cache;
  },
  get: function( owner, key ) {
    // 创建一个cache,将owner存储到Data对象的cache中的所有数据缓存起来。
    var cache = this.cache[ this.key( owner ) ];
    // 如果key存在则返回key对象的值,否则将owner上的所有值都返回。
    return key === undefined ?
    cache : cache[ key ];
  },
  // 剩下的四个方法下次再看。

  access : function(){},

  remove : function(){},

  hasData : function(){},

  discard : function(){}  // Data虽然封装了这个方法,但并没有暴露出来,也没有在内部使用。作用是删除owner存储到cache中的所有数据

};

jQuery缓存机制(三)的更多相关文章

  1. jQuery缓存机制(一)

    1.首先看一下涉及到jQuery缓存机制的代码结构: // 定义一些jQuery内部的变量,方便后续使用 var data_user, data_priv, // 后续会被赋值为两个Data对象 rb ...

  2. (五)JS学习笔记 - JQuery缓存机制

    历史背景 开发中常常因为方便,把状态标志都写到dom节点中,也就是HTMLElement,缺点: 循环引用 直接暴露数据,安全性? 增加一堆的自定义属性标签,对浏览器来说是没意义的 取数据的时候要对H ...

  3. jQuery缓存机制(四)

    Data封装的方法的后面四个方法 和 dataAttr方法阅读. Data.prototype = { key: function( owner ) {}, set: function( owner, ...

  4. jQuery缓存机制(二)

    1.从用户调用的入口开始阅读,因为这是我们比较熟悉的部分(主要做参数的调整,根据不同的完成不同的功能) // 进入jQuery Data模块的入口 使用方法有三种,不传参,传一个参,传两个参.示例$( ...

  5. jquery源码解析:jQuery数据缓存机制详解1

    jQuery中有三种添加数据的方法,$().attr(),$().prop(),$().data().但是前面两种是用来在元素上添加属性值的,只适合少量的数据,比如:title,class,name等 ...

  6. ContentType组件,Django缓存机制,跨域请求

    ContentType组件 解决什么问题:表的id和数据id,来唯一确定一条数据 用: 插入数据: models:content_obj = GenericForeignKey('table_id', ...

  7. contenttype组件、Django缓存机制以及跨域请求

    1 昨日回顾 版本控制 *** (1)url=127.0.0.1/course/?version=v100000 1 versioning_class=QueryParameterVersioning ...

  8. jquery源码解析:jQuery数据缓存机制详解2

    上一课主要讲了jQuery中的缓存机制Data构造方法的源码解析,这一课主要讲jQuery是如何利用Data对象实现有关缓存机制的静态方法和实例方法的.我们接下来,来看这几个静态方法和实例方法的源码解 ...

  9. 【腾讯Bugly干货分享】彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法

    本文来自于腾讯Bugly公众号(weixinBugly),未经作者同意,请勿转载,原文地址:https://mp.weixin.qq.com/s/qOMO0LIdA47j3RjhbCWUEQ 作者:李 ...

随机推荐

  1. 查看已装TensorFlow的版本和路径

    pyhton Python 2.7.14... >>>import tensorflow as tf >>>tf.__version__ '1.3.0'>&g ...

  2. Weblogic在Linux下启动特别慢及进入控制台慢的解决方法

    实际是JVM在Linux下的bug 他想调用一个随机函数 但取不到 暂时的解决办法是 1)较好的解决办法: 在Weblogic启动参数里添加 “- Djava.security.egd=file:/d ...

  3. Java编程思想学习笔记——类型信息

    前言 运行时类型信息(RTTI:Runtime Type Information)使得我们可以在程序运行时发现和使用类型信息. Java在运行时识别对象和类的信息的方式: (1)一种是RTTI,它假定 ...

  4. Unity UGUI 的RectTransform参数的设置

    1.改变RectTransform的top GetComponent<RectTransform>().offsetMax = new Vector2(GetComponent<Re ...

  5. ubuntu 的chmod 和 chown

    1.chown改文件或目录的所有者和群组权限 格式 chown [OPTION]... [OWNER][:[GROUP]] FILE... 参数: -R 递归操作当前目录下的所有目录和文件: -h 更 ...

  6. [OpenCV] Samples 02: Mat - 图像矩阵

    前言 一.简介 Ref:IplImage, CvMat, Mat 的关系 Mat是opencv2.0推出的处理图像的新的数据结构,现在越来越有趋势取代之前的cvMat和lplImage. 相比之下Ma ...

  7. [OpenCV] Samples 15: Background Subtraction and Gaussian mixture models

    不错的草稿.但进一步处理是必然的,也是难点所在. Extended: 固定摄像头,采用Gaussian mixture models对背景建模. OpenCV 中实现了两个版本的高斯混合背景/前景分割 ...

  8. Spring @Lazy

    @DependsOn用于强制初始化其他Bean.可以修饰Bean类或方法,使用该Annotation时可以指定一个字符串数组作为参数,每个数组元素对应于一个强制初始化的Bean. @DependsOn ...

  9. nodejs服务器部署教程四

    nodejs服务器部署最后一篇文章,部署ssl证书,升级http为https,其实网上相关教程有很多,但是略麻烦,本教程让你一切从简,5分钟搞定https,免费一年哦 申请ssl证书 免费申请的机构有 ...

  10. zabbix中Templates的jmx相关key调试方法

    1.下载 cmdline jmxclient 如果你有一个完美的模版,你可能可以忽略此步.但是大多数情况下你没有.况且 zabbix 默认的 tomcat 模版也不能很好的工作.这时候有一个工具来调试 ...