- 博客(40)
- 收藏
- 关注
原创 PC端直接打印功能(包括两张图片合并功能)
本文展示了一个Vue 3图片打印功能的实现方案。核心功能包括:1) 通过Canvas合并两张图片(主图片和头像);2) 使用iframe实现静默打印,避免页面内容干扰;3) 添加打印样式优化输出效果。代码提供了完整的打印流程:图片加载、合并处理、iframe打印窗口创建、样式隔离以及打印后的清理工作。打印按钮触发后,会将合并后的图片以优化的布局输出到打印机,确保打印质量。
2025-06-06 16:47:07
198
原创 常用方法封装(脱敏、复制、格式化日期)
本文介绍了三个常用前端功能实现方法: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
原创 ‘“node --max-old-space-size=4096“‘ 不是内部或外部命令,也不是可运行的程序
删除node_modules文件夹,重新yarn install,再执行yarn run fix-memory-limit,再yarn build;
2023-05-23 15:28:48
1365
原创 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
原创 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关注的人