我以前一直以为微信小程序不可动态获取view元素的宽高。。。。。可是自从看到： wx.createSelectorQuery() 这个api接口，，以前的某些问题就能获得解决了。。。。。。。。。。。。。。。

那么，，这个api接口怎么用呢？？？
？？？

首先，，这个接口会返回一个工具实例。。。。。

var obj=wx.createSelectorQuery(); 

返回的 obj 有五个要领：

1. obj.in(component)：没用过这个要领，，多用于组件的选择器。。。。。

2. obj.select(selector)：获取指定的节点，，selector是css选择器。。。。。返回一个 NodesRef 工具实例，，可以用于获取节点信息。。。。。

3. obj.selectAll(selector)：获取指定的节点，，selector是css选择器。。。。。返回一个 NodesRef 工具实例，，可以用于获取节点信息。。。。。

   

上面这两个我感受就是 js 中querySelector和querySelectorAll的区别。。。。。

1. obj.selectViewport()：我没用过这个要领。。。。。官方说是选择显示区域，，可用于获取显示区域的尺寸、转动位置等信息。。。。。也是返回一个 NodesRef 工具实例，，可以用于获取节点信息。。。。。

2. exec( function(res){} )：执行所有的请求，，请求效果按请求序次组成数组，，在callback的第一个参数中返回

上面返回的 NodesRef 工具实例就很主要了，，它有三个要领：

1. boundingClientRect( function(rect){} )：就是这个要领，，能够动态获取view元素的高度、宽度等属性。。。。。
   ；Ｉ杏衅渌那肟垂俜轿牡

2. scrollOffset( function(res) {}）：获取节点的水平、笔直转动的位置等。。。。。节点必需是scroll-view或者viewport

3. fields(fields,function(){res} )：这个可以获取指定元素的自界说属性和class名，，详细的请看官方文档的说明。。。。。

空话了这么多，，真正的实例用法：

1. wx.createSelectorQuery().selectAll('.npl-intro').boundingClientRect(function (rect) {
2. console.log(rect[0].height)
3. console.log(rect[0].width)
4. }).exec()

若是以为这样写有点长。。。。？？？
？？？梢苑植叫。。。。。也是一样的效果。。。。。

1. var obj=wx.createSelectorQuery();
2. obj.selectAll('.npl-intro').boundingClientRect(function (rect) {
3. console.log(rect[0].height)
4. console.log(rect[0].width)
5. })
6. obj.exec() ;

虽然，，这要领可以写在onLoad、onReady、onShow等这些生命周期的要领，，也可以写在自界说的要领里。。。。。什么时间需要，，什么时间就挪用。。。。。