小程序组件化

小程序组件化

wxml节点信息API

• 在小程序中使用wx.createSelectorQuery()获取到SelectorQuery对象，这个对象提供了对应的节点操作方法
  • in(this) 将节点选区范围指向当前组件，默认只会查找当期页面
  • select() 根据css选择器查询到匹配结果的第一个元素节点，返回的 NodesRef对象实例
  • selectAll() 和select一样只不过他可以匹配多个
  • selectViewport() 选择显示区域(页面)，可用于获取显示区域的尺寸、滚动位置等信息，返回一个NodesRef对象实例。
  • exec() 执行所有的请求，请求结果按请求次序构成数组，在callback的第一个参数中返回。

NodesRef对象

1、 boundingClientRect([callback])

获取节点信息， 返回值相对于显示区域，以像素为单位。
返回节点的信息有left、right、top、bottom、width、height 如果提供了callback回调函数，在执行selectQuery的exec方法后，节点信息会在callback中返回

2、scrollOffset([callback])

获取滚动位置信息，只针对与scroll-view组件以及viewport页面起作用，返回值是scrollLeft、scrollTop，如果提供了callback回调函数，在执行selectQuery的exec方法后，节点信息会在callback中返回

3、fields(Object, [callback])

指定获取那些信息 （id, dataset, rect, size, scrollOffset , properties=[获取的常规属性名称（注:id class style 除外）], computedStyle=[获取的样式名称]）