vue
vue渲染是异步的,存在dom diff对比
// 监听页面渲染完毕
this.$nextTick(function() {
// 执行的操作
})
应用场景
嵌套iframe页面,加载完数据后,子窗体向父窗体传递当前页面高度、宽度,做到高度、宽度自适应。
this.$nextTick(function() {
window.parent.postMessage(
{
height: document.body.clientHeight,
width: document.body.clientWidth
},
'*'
)
})
原生的js、jquery
修改渲染dom是同步的,直接在修改dom的代码后面写要执行的操作就行了