自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 PC端直接打印功能(包括两张图片合并功能)

本文展示了一个Vue 3图片打印功能的实现方案。核心功能包括:1) 通过Canvas合并两张图片(主图片和头像);2) 使用iframe实现静默打印,避免页面内容干扰;3) 添加打印样式优化输出效果。代码提供了完整的打印流程:图片加载、合并处理、iframe打印窗口创建、样式隔离以及打印后的清理工作。打印按钮触发后,会将合并后的图片以优化的布局输出到打印机,确保打印质量。

2025-06-06 16:47:07 198

原创 mapbox加载geojson点位,点击点,该点高亮(点位图片放大)

【代码】mapbox加载geojson点位,点击点,该点高亮(点位图片放大)

2025-06-06 15:21:07 73

原创 常用方法封装(脱敏、复制、格式化日期)

本文介绍了三个常用前端功能实现方法:1.数据脱敏功能,通过截取字符串前后部分并用星号替换中间内容;2.基于clipboard库的一键复制功能,包含成功/失败回调处理;3.使用moment库进行日期格式化操作,包括获取当前日期及前一天日期。每个功能均提供了代码示例和简要说明,涵盖了字符串处理、DOM操作和日期处理等常见开发需求。

2025-06-06 15:11:53 312

原创 uniapp实现app自动升级或更新

本文介绍不使用uni-app官方升级中心,通过后端接口实现APP自动更新的方案。核心流程包括:1)将打包的APK上传至uniCloud空间存储,获取下载链接;2)前端获取当前版本号并与接口返回版本号比对,不同时跳转更新页;3)更新页通过plus.downloader实现下载安装功能,支持进度显示和强制更新。关键代码包括版本号比对逻辑、下载进度监听和安卓广播接收安装状态。该方案解决了官方升级中心无法自动更新的问题,适用于需要自主控制更新流程的场景。

2025-06-06 09:35:42 489

原创 营业执照图

2025-05-19 09:54:54 91

原创 uniapp实现目录树效果,异步加载数据

【代码】uniapp实现目录树效果,异步加载数据。

2025-04-11 10:09:15 394

原创 mapbox点位动态连线

mapbox点位动态连线

2024-08-12 15:43:04 973

原创 mapbox在缓冲范围内随机生成点位

mapbox在缓冲范围内随机生成点位

2024-08-12 15:40:31 294

原创 cesium加载魔方立方体

cesium加载魔方立方体

2024-08-12 15:33:57 402

原创 mapbox实现点位图标点击放大效果(高亮效果)

mapbox实现点位图标点击放大效果(高亮效果)

2024-08-07 17:19:12 530

原创 mapbox加载方向箭头路线效果

mapbox加载方向箭头路线效果

2024-08-07 17:02:02 471

原创 mapbox加载高亮线效果

mapbox加载高亮线效果

2024-08-07 16:33:19 281

原创 mabpox实现图标移动并判断与面是否相交

mabpox实现图标移动并判断与面是否相交

2024-08-07 16:12:35 246

原创 基于微信小程序的电影院订票选座系统的设计与实现(2)

基于微信小程序的电影院订票选座系统的设计与实现

2024-04-24 16:28:44 353

原创 基于微信小程序的电影院订票选座系统的设计与实现(1)

基于微信小程序的电影院订票选座系统的设计与实现

2024-04-23 22:43:25 373

原创 Cesium 加载geojson数据类型点线面

Cesium 加载geojson数据类型点线面

2023-11-21 16:36:04 3496

原创 Cesium点位弹窗

Cesium点位弹窗

2023-11-20 17:06:16 1905 2

原创 Cesium 点线面实体

Cesium 实体创建

2023-11-13 16:21:37 33

原创 GIS基础知识

GIS基础知识--坐标系

2023-06-29 13:30:18 395

原创 ‘“node --max-old-space-size=4096“‘ 不是内部或外部命令,也不是可运行的程序

删除node_modules文件夹,重新yarn install,再执行yarn run fix-memory-limit,再yarn build;

2023-05-23 15:28:48 1365

原创 JS 面试整理

js面试整理

2023-05-22 15:08:13 660

原创 uni-app使用scroll-view实现锚点定位和滚动监听功能

uni-app使用scroll-view实现锚点定位和滚动监听功能

2023-05-19 14:09:34 7390 2

原创 mapbox加载4490(CGCS2000)坐标系

mapbox加载4490(CGCS2000)坐标系

2023-04-24 09:59:49 2762

原创 mapbox gl+tween.js实现地图服务渐入渐出效果

mapbox gl+tween.js实现地图服务渐入渐出效果

2023-03-24 14:10:20 326

原创 vue3+vite加载cesium三维地图

vue3+vite加载cesium三维地图

2023-03-17 10:50:14 491

原创 a-table实现翻页复选功能

a-table实现翻页复选功能

2023-03-13 17:29:58 492

原创 使用a-directory-tree实现目录多选

使用a-directory-tree实现目录多选

2023-03-13 14:41:16 1611

原创 vue3使用PhotoSphereViewer实现全景功能

vue3 全景

2022-12-15 14:12:59 1268

原创 vue3使用pako解压问题

vue3解析压缩文件解压

2022-12-14 17:44:55 2500 1

原创 vue3文档预览

vue3文档预览

2022-12-13 17:30:37 313

原创 引入public文件并使用

mapbox加载图片

2022-12-13 17:10:56 893

原创 点线面数据处理(wkt,geojson互转)

点线面数据处理

2022-12-13 16:54:23 3668

原创 地图添加发光点效果

地图添加发光点效果

2022-12-08 11:00:18 652

原创 vue3之Cesium问题(1)

在node_modules的cesium文件夹下面的package.json里面的exports里面添加"./Source/Widgets/widgets.css":"./Source/Widgets/widgets.css"

2022-05-11 10:57:28 2619

原创 js闭包点赞功能应用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...

2021-11-02 20:46:31 370

原创 jQuery实现选项卡案例

11

2021-11-02 20:35:49 150

原创 js案例----本地持久化存储登录注册

本地持久化存储登录注册

2021-10-31 15:29:25 1501 9

原创 JavaScript----鼠标移入移出事件案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...

2021-10-12 18:58:40 616

原创 html基础入门----简单动画

animation: 动画名 执行时间 延迟时间 次数 曲线 执行方向;执行方向从form到to,再从to到from:alternate。注意:如果有多个动画执行,用逗号隔开。次数无数次:infinite。运动曲线匀速:linear。

2021-09-22 20:56:59 1956

原创 html基础入门----盒子完全居中

利用定位方式一(代码):position:fixed/absolute;top:50%;left:50%;margin-top:-高度的一半;margin-left:-宽度的一半;说明:fixed是基于浏览器窗口进行定位的,absolute基于最近的被设置非静态定位的上级元素进行定位的。所以,如果使用absolute,就给他父元素设置非静态定位,一般为设为relative。 设置margin-top,margin-left的值为盒子高度,宽度的负的一半。方式二:pos

2021-09-21 15:49:49 2881

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除