uniapp 记录注意事项

1.uniapp无法使用js的dom节点操作拿到节点对象，也无法使用vue的ref语法拿到节点对象

解决：使用uniapp的官方的api

uni.createSelectorQuery().selectViewport().scrollOffset(res => {
  console.log("竖直滚动位置" + res.scrollTop);
}).exec();

let view = uni.createSelectorQuery().in(this).select(".test");

view.fields({
  size: true,
  scrollOffset: true
}, data => {
  console.log("得到节点信息" + JSON.stringify(data));
  console.log("节点的宽为" + data.width);
}).exec();

view.boundingClientRect(data => {
  console.log("得到布局位置信息" + JSON.stringify(data));
  console.log("节点离页面顶部的距离为" + data.top);
}).exec();

我写的微信小程序用微信小程序的api

const query = wx.createSelectorQuery().in(this)
query.selectAll('#tab-bar').boundingClientRect()
query.exec(function (res) {
	console.log(res)
})