美文网首页
微信小程序 WXML节点操作

微信小程序 WXML节点操作

作者: 荒剑离 | 来源:发表于2020-01-18 23:37 被阅读0次
  • SelectorQuery wx.createSelectorQuery()
    返回一个 SelectorQuery 对象实例。在自定义组件或包含自定义组件的页面中,应使用 this.createSelectorQuery() 来代替。
    SelectorQuery是查询节点信息的对象。
    • SelectorQuery SelectorQuery.in(Component component)
      将选择器的选取范围更改为自定义组件 component 内。(初始时,选择器仅选取页面范围的节点,不会选取任何自定义组件中的节点)。
    • NodesRef SelectorQuery.select(string selector)
      在当前页面下选择第一个匹配选择器 selector 的节点。返回一个 NodesRef 对象实例,可以用于获取节点信息。
      string selector: 选择器,用法类似于 CSS 的选择器。
    • NodesRef SelectorQuery.selectAll(string selector)
      在当前页面下选择匹配选择器 selector 的所有节点。
    • NodesRef SelectorQuery.selectViewport()
      选择显示区域。可用于获取显示区域的尺寸、滚动位置等信息。
    • NodesRef SelectorQuery.exec(function callback)
      执行所有的请求。请求结果按请求次序构成数组,在callback的第一个参数中返回。
      NodesRef 是用于获取 WXML 节点信息的对象。
      • SelectorQuery NodesRef.fields(Object fields, function callback)
        获取节点的相关信息。需要获取的字段在fields中指定。返回值是 nodesRef 对应的 selectorQuery
      • SelectorQuery NodesRef.boundingClientRect(function callback)
        添加节点的布局位置的查询请求。相对于显示区域,以像素为单位。其功能类似于 DOM 的 getBoundingClientRect。返回 NodesRef 对应的 SelectorQuery
      • SelectorQuery NodesRef.scrollOffset(function callback)
        添加节点的滚动位置查询请求。以像素为单位。节点必须是 scroll-view 或者 viewport,返回 NodesRef 对应的 SelectorQuery
        function callback: 回调函数,在执行 SelectorQuery.exec 方法后,节点信息会在 callback 中返回。
      • SelectorQuery NodesRef.context(function callback)
        添加节点的 Context 对象查询请求。目前支持 VideoContextCanvasContextLivePlayerContextEditorContextMapContext 的获取。
      • SelectorQuery NodesRef.node(function callback)
        获取 Node 节点实例。目前支持 Canvas 的获取。
  • IntersectionObserver wx.createIntersectionObserver(Object component, Object options)
    创建并返回一个 IntersectionObserver 对象实例。在自定义组件或包含自定义组件的页面中,应使用 this.createIntersectionObserver([options]) 来代替。
    Object component: 自定义组件实例。
    Object options: thresholds,initialRatio,observeAll。
    IntersectionObserver 对象,用于推断某些节点是否可以被用户看见、有多大比例可以被用户看见。
    • IntersectionObserver IntersectionObserver.relativeTo(string selector, Object margins)
      使用选择器指定一个节点,作为参照区域之一。
      string selector: 选择器。
      Object margins: 用来扩展(或收缩)参照节点布局区域的边界 (left,right,top,bottom)。
    • IntersectionObserver IntersectionObserver.relativeToViewport(Object margins)
      指定页面显示区域作为参照区域之一。
    • IntersectionObserver.observe(string targetSelector, function callback)
      指定目标节点并开始监听相交状态变化情况。
      string targetSelector: 选择器。
      function callback (Object res): 监听相交状态变化的回调函数。
    • IntersectionObserver.disconnect()
      停止监听。回调函数将不再触发。

相关文章

网友评论

      本文标题:微信小程序 WXML节点操作

      本文链接:https://www.haomeiwen.com/subject/hvjkzctx.html