- 博客(4)
- 收藏
- 关注
原创 浏览器实现图片懒加载(适合小白,简单高效)
/方案一:依据相应图片元素距离页面展示内容顶部距离(image.getBoundingClientRect().top)是否大于浏览器当前内容区窗口高(window.innerHeight)判定。const data_src = entry.target.getAttribute('data-src') //获取相应img标签属性,并做src属性赋值。//方案二:当图片与浏览器视口产生交叉区域,执行事件,并可以在事件执行之后清除监听(即成功加载图片后不会再触发)//获取所有img标签。
2024-05-10 15:59:43
564
原创 在react函数组件中实现高德地图搜索功能
plugins: ["AMap.AutoComplete",'AMap.PlaceSearch'], // 添加输入提示插件。map = new AMap.Map("container", { //访问成功则创建map对象。version: "2.0", // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15。key: "你的key", // 申请好的Web端开发者Key,首次调用 load 时必填。viewMode: "3D", // 是否为3D地图模式。//地图图块加载完成后触发。
2024-03-07 11:08:07
1854
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人