qq_37004501的博客

原创 Vue3+OpenStreetMap实现地理围栏

本文介绍了一个基于Vue 3和Leaflet的地理围栏编辑器实现方案。该系统主要功能包括： 地图交互功能： 使用Leaflet地图库加载高德地图瓦片 支持点击地图绘制多边形围栏 可拖拽调整围栏顶点位置 自动闭合检测功能（30米阈值） 围栏管理功能： 新建、编辑、删除围栏 围栏列表展示与定位 围栏数据导出为GeoJSON格式 支持自定义围栏名称和颜色 技术实现： 采用Vue 3 Composition API 集成Leaflet和Leaflet-draw插件 使用Element Plus组件库构建UI 响应式

原创 uniPush2.0对接

本文介绍了在UniApp中实现推送功能的完整流程。首先需要在UniCloud控制台创建并关联云服务空间，然后配置各厂商推送服务（iOS、华为、荣耀、小米、OPPO等）。接着详细说明了客户端获取推送标识的方法，服务端推送消息的实现步骤，包括云函数配置和消息发送参数设置。最后介绍了客户端接收推送消息的监听方法，以及检查推送权限的实现代码。整个过程涵盖了从服务配置到前后端联调的完整实现方案，为UniApp开发者提供了完整的推送功能集成指南。

原创 uniapp ios离线打包后xcode修改

本文介绍了iOS平台使用DCloud离线SDK的配置流程。主要包括：下载SDK后替换HBuilder-Hello目录下的apps文件夹；修改control.xml中的appid与manifest.json一致；配置AppKey到info.plist；设置BundleIdentifier、应用名称和图标；以及启动图配置方法，包括拖拽图片到images.xcassets并检查回显。文档提供了详细的配置步骤和相关参考链接，帮助开发者完成iOS应用的本地打包和发布准备。

原创 uniapp app端打开小程序并传参

注意id是微信小程序的原始id，不是appid；参数放在path问号拼接。uniapp小程序接参onLoad里面的参数获取即可。，按照下图绑定微信小程序（需要同一主体）前提：准备微信公众平台和小程序。返回app代码，需要手动触发。小程序返回app文档。

原创 Ai生成时间排期进度

这段代码实现了一个车辆时间段的可视化表格组件。主要功能包括： 使用Element UI的el-table展示车辆数据，第一列为固定车牌号列 动态生成日期列，每个日期列内显示对应日期的时间段 处理跨天时间段，将其拆分为按天显示的时间块 使用蓝色时间块直观展示时间段分布，鼠标悬停显示具体时间范围 包含日期格式化、时间段拆分、秒数转换等工具函数 支持从2025-12-24到2026-01-09的大跨度时间显示 该组件适用于需要直观展示车辆时间占用情况的场景，如停车场管理系统、车辆调度系统等。

原创 ios上架苹果商店

使用Transporter上传IPA文件时，需用苹果开发者账号登录并拖拽IPA文件。常见问题包括图标不符合要求（409错误），需确保图标无透明通道（将PNG-24转PNG-8或在Mac中取消Alpha通道）。随后在App Store Connect中创建App，填写名称、类别、年龄分级、备案号、隐私信息和价格范围等，最后提交审核等待结果。详细图标规范参考苹果设计指南。

原创 苹果(IOS)制作开发和发布证书

在Certificates Details中点击下载，可以得到 ios_development.cer 文件和ios_distribution.cer文件，双击文件，它会自动被。Development 为开发证书，Distribution为发布证书。设置证书密码后，会弹出电脑的登录密码，输入即可得到p12证书。开发描述文件，选择IOS App Development。发布描述文件，选择App Store。在结果中，按回车键即可打开。点击继续，选择刚才制作的证书。，将文件保存到你的电脑上。

原创 申请苹果邓白氏编码流程

摘要：苹果开发者申请邓白氏编码流程简化版：1）在苹果官网提交申请后，苹果会协助申请编码；2）查收邮箱中的邓白氏自助服务链接；3）完成企业信息填写和法人电子签名；4）提交核验（通常几分钟完成）；5）重新访问链接选择苹果开发者选项，输入订单号和验证码提交申请。全程通过邮件指引操作，无需反复跳转官网。（150字）

原创 添加测试设备到苹果开发者平台

本文介绍了将iOS设备添加到苹果开发者账号的完整流程：1）通过iTunes或爱思助手获取设备UDID；2）登录付费开发者账号；3）在开发者平台"Devices"中添加设备信息（需自定义名称和UDID）；4）等待24小时设备状态更新；5）如需开发调试，还需更新Provisioning Profile并重新生成导入。整个过程需确保使用有效的开发者账号，并注意设备添加后的等待时间。

原创 uniapp 苹果端微信分享并获取分享链接参数

在“Certificates, Identifiers & Profiles”页面选择“Identifiers”中选择对应的App ID，确保开启Associated Domains服务。登录苹果开发者平台https://developer.apple.com/account#MembershipDetailsCar，点击Membership。注意，文件名就叫apple-app-site-association，不要有后缀。放到服务器根目录，让链接。在浏览器打开可查看内容。

原创 uniapp 苹果端bug合集

本文总结了三个常见的前端开发问题及解决方案：1)通过修改manifest.json配置文件去除底部固定白条；2)使用透明度为0的隐藏input元素解决密码输入时键盘闪动问题；3)通过监听网络状态变化并设置key值重新渲染图片，处理app启动时图片加载失败问题。这些方案针对实际开发中的具体场景提供了有效解决方法。

原创 uniapp 安卓端微信分享并获取分享链接参数

APP端微信分享代码如下在hbuilderx中的manifest.json文件，选择模块配置，勾选分享，填写微信申请好的appId在hbuilderx中的manifest.json文件，选择常用其它配置，填写UrlSchemes，通过window.location.href = 'aaa://open?code=' + this.code，就可以打开app（需要重新制定自定义基座）H5中转页代码。

原创 制作uniapp需要的storyboard全屏ios启动图

首先准备启动图dc_launchscreen_portrait_background@2x.png(750*1624),dc_launchscreen_portrait_background@3x.png(1125*2436)发行-云打包到手机即可，重新自定义基座应该也会生效，不生效就卸载原应用重新安装。LaunchScreen.storyboard文件内容如下。将3个文件压缩成zip，hbuilderx中选择zip。

原创 使用爱思助手（版本8.16）将ipa安装到ios

原创 使用高德Api获取当地天气信息

摘要：高德地图API提供获取天气数据的功能，开发者需先申请API Key，然后通过IP定位接口获取城市编码(adcode)，再调用天气查询接口获取具体天气信息。示例返回结果为"长春，小雨，24℃，西风≤3级，空气湿度97"。该API可实现基于位置的天气查询服务。

原创 element-plus bug整理

解决：添加preview-teleported属性。

原创 微信医保对接

接口地址：http://ddjk.jlhs.gov.cn:20215/mbs/fmi/fsi/api/callFsiService/callService。接口地址：http://10.47.0.126:8080/mbs/fmi/fsi/api/callFsiService/callService。找微信支付人员处理，处理后，登录微信商户平台，找到我授权的产品，服务商API退款，点击授权按钮，即可调通，如下图。第二个链接展码，参保地正常即可测试；本地测试通过后，提交测试环境录屏，测试报告，及对应的订单号。

原创 SCSS实现边距自定义方法

（适用于已知范围）：生成的 CSS 文件较大，且无法覆盖所有可能的数值（如不会生成）。

原创 动态排行榜

【代码】动态排行榜。

原创 uniapp修改picker-view样式

3.多列时，修改两边间距让其平分。1.选中文案样式，比如字体颜色。

原创 vue3新建组件库项目并上传到私库

建立组件tyButton，新建button文件夹，下面建立tyButton.vue和index.js。参考网址 https://www.jb51.net/javascript/3178205jj.htm。项目中测试组件是否好用，src文件下新建index.vue。浏览器访问 http://192.168.0.9:8081/访问 http://192.168.0.9:8081/账号密码 admin Yanfabu01!添加"baseUrl": "."## 设置本地仓库镜像源。index.js中代码。

原创 css粘性定位超出指定宽度失效问题

解决办法：外层容器添加display:grid即可。

原创 好用的js工具类

【代码】好用的js工具类。

原创 h5页面两个吸顶tab切换第二个tab从头开始显示

解决办法：用一个固定定位记录tab的初始位置，这样可以防止页面还没加载完就滑动页面了，值也不会改变。问题描述：滚动条滚动到最后时，切换其他tab，滚动条依旧是旧的。

原创 h5使用better scroll实现左右列表联动

安装vant^2.12.38和better-scroll^2.5.1。

原创 echarts柱状堆叠图动态计算圆角，兼容5.0以上及以下版本

【代码】echarts柱状堆叠图动态计算圆角，兼容5.0以上及以下版本。

原创 css动画水球图

【代码】css动画水球图。

原创 echarts柱状图象形图，支持横向滑动

【代码】echarts柱状图象形图，支持横向滑动。

原创 echarts环形饼图实现外边框和中间圆虚线

【代码】echarts环形饼图实现外边框和中间圆虚线。

原创 微信小程序map组件所有markers展示在视野范围内

注意：使用markers属性不生效，要通过createMapContext实现。点击选择位置，会把新选择的位置追加到地图markers并显示在视野范围内。

原创 uniapp使用chooseLocation安卓篇

注意：一旦有一个信息对应不上，手机上就不会出现地图和地址列表，控制台就会出现各种奇怪的报错，请仔细检查配置项。

原创 provide和inject父组件请求赋值后再传参

【代码】provide和inject父组件请求赋值后再传参。

原创 css一道光闪过动效

【代码】css一道光闪过动效。

原创 网页使用safe-area-inset-bottom不生效解决办法,适用h5，小程序webview

添加viewport-fit即可生效，代码如下。

原创 momentjs，dayjs常用方法

【代码】momentjs，dayjs常用方法。

原创 对接钉钉审批详情

procInstId：必填，审批实例的id（发起审批的接口里会返回实例id）corpid：必填，企业的corpid。swfrom：可以不填，也可以标识。

原创 网页，app，微信小程序互相跳转

配置：登录小程序账号，找到账号设置，在基本设置中找到隐私与安全在明文scheme中点击配置，填写要跳转的小程序页面地址即可此处只展示一种实现方法，其他参照。

原创 nuxt3项目创建

新建Header和Footer组件，新建layouts文件夹，新建global.vue，内容如下：使用布局新建pages文件夹，新建about页面。

原创 Lodash.js处理数组、对象、函数等常用方法介绍

Lodash.js处理数组、对象、函数等常用方法介绍，比如交并补差等

原创 前端对照figma还原技巧

shift+r：调出标尺线。shift+左右：快速移动。