zoukankan      html  css  js  c++  java
  • zepto源码--classRE、maybeAddPx、children、defaultDisplay--学习笔记

    1、classRE

    对获取className的操作,进行缓存。如果缓存中有,直接读取缓存中的值,如果没有,则先进行缓存的存储,再读取值。

    利用前面变量定义的classCache={}进行缓存的操作,如果classCache中存在对应的name,则读取classCache[name], 否则先将需要操作的name去除左右两边的空格之后,再赋值给对应的classCache[name],进行缓存。

    2、maybeAddPx

    对于需要添加单位的值,则添加单位。

    变量定义的cssNumber列举了css属性值为纯数字,不需要单位的情况。maybeAddPx则是对除了cssNumber所列举的属性之外的属性值为数字的属性默认添加单位px。

    3、defaultDisplay

    利用变量elementDisplay获取对应元素默认的display属性值。

    首先判断缓存变量elementDisplay中,如果不存在该元素的默认display属性,则进行缓存;如果存在,则直接返回默认display值。

    不存在默认值的时候:

    a:创建对应节点元素                     

    b:添加到页面中                       

    c:再获取该元素的display                  

    d:从页面中删除创建出来的节点元素            

    e:如果默认值display的默认值为none,则纠正为block     

    f:将display值赋值给缓存变量elementDisplay[nodeName] 

    4、children

    获取元素elment的直接子集元素节点。

    先判断是否支持原生的children属性,如果支持,则直接使用element.children获取该元素的子元素,否则对该元素的所有子元素进行遍历,取nodeType为1的节点。

  • 相关阅读:
    滑雪
    CSS被误删了 心态炸了。
    About Me
    偶数个3|递归|递推
    luogu P3200 [HNOI2009]有趣的数列|Catalan数|数论
    Sumdiv|同余|约数|拓展欧几里得算法
    博弈论
    友链——大佬们的博客
    【翻译】PalmOS 的PDB格式文件
    用acme.sh给ssl证书续期
  • 原文地址:https://www.cnblogs.com/zhuhuoxingguang/p/6014773.html
Copyright © 2011-2022 走看看