- 博客(6)
- 收藏
- 关注
原创 vue实现图片懒加载
监听scroll事件,获取img元素相对于网页的顶点位置offsetTop,只要这个值小于可视区域高度和滚动高度之和,就说明进入可视区域,当图片进入可视区域时再去加载图片资源。如果用以下方式进行替换路径,会导致路径解析失败,解析后的路径是http://localhost:8080/@/assets/logo.png。“懒加载”即:延迟加载,对于一个很长的页面,优先加载可视区域的内容,其他部分等进入可视区域时再加载。首先给图片一个占位资源,等到图片到达可视区域,再替换成真实路径。2.2 js监测屏幕实现。
2024-06-05 20:15:58 563
原创 URL构成
注意: URL 只能使用 ASCII 字符集来通过因特网进行发送。也就是说URL只能使用英文字母、阿拉伯数字和某些标点符号,不能使用其他文字和符号。Internet上的每一个网页都具有一个唯一的名称标识,通常称之为URL(Uniform Resource Locator, 统一资源定位器)。它是www的统一资源定位标志,简单地说URL就是web地址,俗称“网址”。文件名部分也不是一个URL必须的部分,如果省略该部分,则使用默认的文件名。
2023-10-31 17:25:20 95 1
原创 openlayers绘制图形后清空图形要素失败
对draw进行监听,绘制结束后清空图层要素。但是实际上并没有达到想要的效果,这是因为监听事件是一个异步的过程,在draw没有完成之前,就已经执行了clear操作。clear设置为异步操作后,会和监听事件一起作为异步事件进行异步队列排队。并且监听事件优于clear操作,这样即使设置的延迟时间为0,绘制结束后也会清空图层要素。对图层添加要素事件进行监听,等待添加要素完成之后再执行操作。解决方案一:将clear设置为异步代码。
2023-03-21 15:56:24 1243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人