同步可以写在head最后面。判断window.screen.width/window.screen.height(要做兼容)然后通过document.write写下不同的src的script标签。
异步同上判断。不过添加脚本的话使用document.createElement来创建script标签。赋值src。然后插入到head内(或者随便哪里)。通过监听该标签的onload事件来执行后续任务。
如果这些js文件会影响页面渲染。就使用同步。如果不会。就使用异步。
代码就不写了。兼容不知道
vue-lazyload的监听加载完成可以通过监听它的事件来实现,具体实现步骤如下:1. 安装vue-lazyload,并在main.js中引入。
2. 在页面中使用v-lazy指令来定义图片懒加载元素,并为其添加@loaded事件:
`<img v-lazy="imageSrc" @loaded="onLoaded" />`
3. 在methods中定义onLoaded方法,当图片加载完成时,即可触发该方法:
`methods: {
onLoaded() {
// 加载完成操作
console.log('image loaded!')
}
}`
通过以上步骤,就可以监听vue-lazyload中图片加载完成的事件。