华安 - 博客园

微信小程序中的H5网页在关怀模式下页面排版变乱的解决办法

摘要：在开发当中呢，经常会有很多H5的小活动页面，需要在微信的环境下使用。偶尔会出现H5页面在微信或者其他客户端中出现字体变大的问题，下面提供解决方法首先先把网页自动放大放小的关掉。 <meta name="viewport" content="width=device-width,initial-sc 阅读全文

posted @ 2025-10-30 14:15 华安阅读(3) 评论(0) 推荐(0)

百度地图如何获取瓦片图

摘要： 1.根据百度地图的经度和纬度来获取瓦片图的 x、y坐标值。使用第三方javascript库，已经有牛人实现了。 tile-lnglat-transform-es6 如果想表现一下自己很牛，也可以自己去根据思路是实现。使用 tile-Lnglat-transform-es6来获取 x、y以及经度阅读全文

posted @ 2025-09-18 14:51 华安阅读(105) 评论(0) 推荐(0)

百度地图开发汇总

摘要：地图开发使用汇总百度官网： https://map.baidu.com/ 开发平台： https://lbsyun.baidu.com/高德官网： https://www.amap.com/ 开发平台： https://lbs.amap.com/腾讯官网：https://map.qq.com/ 开阅读全文

posted @ 2025-09-17 08:13 华安阅读(41) 评论(0) 推荐(0)

百度地图中心点跑到了左上角

摘要：在display：none容器中初始化百度地图的时候，地图的中心点会跑到左上角去了。解决办法： 1.这种问题通常是容器处于隐藏状态导致的，api会认为地图宽高为0。建议等待容器处于可见状态后再初始化地图。 2.等容器变成 display:block之后，在用代码执行 ,说白了就是等地图显示完之后，阅读全文

posted @ 2025-09-09 15:51 华安阅读(12) 评论(0) 推荐(0)

net Core中配置使用ueditor富文本框

摘要：把Ueditor的相应文件复制粘贴到如下目录：注册使用 Ueditor: Ueditor的配置文件放在此目录下：最后在页面使用：运行效果如下：相关文件：Ueditor下载阅读全文

posted @ 2025-08-28 17:13 华安阅读(6) 评论(0) 推荐(0)

CSS实现一个简易的加载进度条

摘要：第一个效果图：代码： #loading-center { background: red none repeat scroll 0 0; background-image: linear-gradient(108deg, transparent, transparent 33%, rgba(0, 阅读全文

posted @ 2025-08-19 08:43 华安阅读(14) 评论(0) 推荐(0)

CSS中颜色混合模式:mix-blend-mode

摘要：在图形编辑软件中，可以按特定地方式处理不同图层的合成，最新的CSS规范也引入了该功能，并提供了mix-blend-mode和background-blend-mode两个属性。混合模式（blending mode）是一种数学算法，可计算元素重叠部分的颜色值，目前已定义了十多种不同的混合模式。一、元阅读全文

posted @ 2025-08-14 09:00 华安阅读(195) 评论(0) 推荐(0)

酷炫的发光波纹

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit 阅读全文

posted @ 2025-08-10 17:34 华安阅读(13) 评论(0) 推荐(0)

JS鼠标事件中clientX/screenX/offsetX/pageX等等属性的总结

摘要：今天在处理鼠标事件的时候，事件的一堆属性看的很模糊，专门查看了一下MDN上的解释：https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEvent 多看看上面的解释。鼠标事件属性主要分为MouseEvent.clientX、MouseEven 阅读全文

posted @ 2025-08-07 09:27 华安阅读(55) 评论(0) 推荐(0)

CSS实现扇形圆形的一种思路

摘要：第一步 CSS画圆思路：先实现正方形，通过设置四个圆角来实现圆形，圆角大小为正方形边长的1/2 1 <div class="circle"></div> 2 <style> 3 .circle { 4 width: 200px; 5 height: 200px; 6 border-radius: 阅读全文

posted @ 2025-07-24 09:50 华安阅读(38) 评论(0) 推荐(0)

huaan011