快捷属性及数组

快捷属性

因为在JS中，我们要操作DOM结构，需要得到CSS的样式，所以，一些常用的样式值，就被定义成快捷获取方式

• clientWidth 内容宽 + 左右padding
• clientHeight 内容高 + 上下padding
• offsetWidth 内容宽 + 左右padding + 左右border
• offsetHeight 内容高 + 上下padding + 上下border
• clientLeft 左边框宽度
• clientTop 上边边框宽度

快捷位置关系

• offsetParent 获取元素的祖先元素中第一个具备定位属性的元素 如果一个元素没有定位父元素 offsetParent就是body
• offsetLeft 获取元素左边框外到定位父元素的左边框内（IE8 中 到定位父元素的边框外）
• offsetTop 获取元素上边框外到定位父元素的边框内（IE8中到定位父元素的边框外）

ES5的数组方法

• forEach 迭代器方法 其实就是循环

  • 参数是函数 函数会执行多次 要看数组的长度 这个函数有三个参数
    • 数组的成员
    • 数组的下标
    • 数组本身
    • this指向window

• map 迭代器方法 根据参数的返回 生成一个对应的数组

  • 参数是函数 函数会执行多次 要看数组的长度 这个函数有三个参数
    • 数组的成员
    • 数组的下标
    • 数组本身
    • this指向window
  • 返回值 根据函数的返回值 生成的新数组

• filter 过滤方法 接受一个函数作为参数 函数的返回值如果为真 则过滤该成员 否则不过滤

  • 参数是函数 函数会多次执行 要看数组的长度 这个函数有三个参数
    • 数组的成员
    • 数组的下标
    • 数组本身
    • this指向window
    • 返回值 是布尔值 如果该值为真 则当前成员会被过滤到新数组中
  • 返回值 新数组

• some 判定方法 接受一个函数作为参数 函数会多次执行 依次对每一个数组成员进行执行

  • 参数是函数
    • 数组的成员
    • 数组的下标
    • 数组本身
    • this指向window
    • 返回值 是布尔值 如果该值为真 则停止循环
  • 返回值 是布尔值 如果为真 则表示数组中是具备参数函数描述的成员的 如果为假 说明没有任何成员符合描述

• every 判定方法 接受一个函数作为参数 函数会多次执行 依次对每一个数组成员进行执行

  • 参数是函数
    • 数组的成员
    • 数组的下标
    • 数组本身
    • this指向window
    • 返回值 是布尔值 如果该值为真 则停止循环
  • 返回值 是布尔值 如果为真 则表示数组中所有成员都符合参数函数描述 如果为假 说明有成员不符合描述