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的节点。

  • 相关阅读:
    用before 和after 清除浮动
    清除浮动最优
    pc端布局03
    PC端布局02
    >PC端常用布局01
    浮动
    盒模型-
    盒模型-外边距合并
    spring中的AOP
    AOP的概念
  • 原文地址:https://www.cnblogs.com/zhuhuoxingguang/p/6014773.html
Copyright © 2011-2022 走看看