- 博客(223)
- 收藏
- 关注
RSS订阅原创 vue 通过 image-conversion 实现图片压缩
vue项目中，上传图片时如果图片很大，通过 image-conversion 压缩到指定大小。
2024-12-05 17:51:52
477
原创 vue 通过 Lodop/C-Lodop 打印 pdf、小票、条码、html内容
Lodop/C-Lodop 是一款 web 端打印控件，需在官网购买序列号安装使用。可打印 pdf 文档、条码、表格、html 等Lodop官网:// 引入 LodopFuncs.js 中的 getLodop 方法data() {return {},// 初始化 LODOPif (!}, 1000)},methods: {// 打印小票（包含条形码）// 判断是否有可用打印插件return// 初始化语句this.LODOP.PRINT_INIT('打印任务名，比如住院号')
2024-12-04 17:02:52
3558
原创 vue 获取摄像头拍照，并旋转、裁剪生成新的图片
注意：以下代码中包含多个业务逻辑，A3/A4、横版/竖版、旋转指定角度、自动裁剪（opencv.js）、自动裁剪识别失败后自动弹出手动裁剪弹窗（cropperjs）等，可按需获取, 此处只做简单记录。vue项目中，获取摄像头进行拍照，并对拍摄的图片进行旋转、裁剪等处理。
2024-11-15 15:38:53
441
原创 vue中 通过cropperjs 实现图片裁剪
通过 cropperjs 实现图片裁剪自定义 裁剪图片弹窗 组件使用组件原博客地址：https://www.jianshu.com/p/5f5aafe9e895
2024-11-14 18:23:13
417
原创 移动端浏览器 jquery 获取 pdf blob文件流 预览pdf
最近遇到一个需求，一个古早的移动端 juery 项目要求做一个页面，从接口获取 pdf 文件流，然后预览出来。
2023-11-24 19:03:04
1609
原创 uview u-input 点击清除按钮，数据清空但视图未清空
点击 uview 的 u-input 输入框自带的清除按钮，v-model 绑定的数据清空了，但是输入框内还显示着之前的数据。
2023-07-07 11:59:31
2881
1
原创 微信小程序申请 wx.getLocation 接口 审核一直不通过
项目需要通过微信的 getLocation 获取本地的位置信息（经纬度），但是提交很多次审核都不通过，最后通过写了个项目里用不到的 导航功能 截图录屏才通过了审核。
2023-07-05 17:43:22
1236
原创 jquery 实现 input 下拉框模糊搜索及 IOS 的 keyup 兼容性问题解决
jquery 实现 input 下拉框模糊搜索及 IOS 的 keyup 兼容性问题解决
2023-04-12 10:52:49
729
原创 elint 报错 Do not access Object.prototype method ‘hasOwnProperty‘ from target object
elint 报错 `Do not access Object.prototype method 'hasOwnProperty' from target object`
2023-03-10 17:29:46
146
原创 element-plus 自动识别两个 el-date-picker日期选择器大小，使开始日期小于结束日期
element-plus + vue3 ，两个单独的日期选择器，如果开始日期比结束日期大，就将其互换
2023-03-10 10:21:04
945
原创 解决微信小程序 uni.createInnerAudioContext() 语音播放没有声音
微信小程序解决ios上createInnerAudioContext播放没声音的问题
2022-06-22 13:41:52
4875
1
原创 解决uni-app微信小程序input输入框在底部时，键盘弹起页面整体上移问题
解决uni-app微信小程序input输入框在底部时，键盘弹起页面上移问题
2022-06-09 14:53:54
15162
9
原创 小程序项目 报错 Error: module ‘@babel/runtime/helpers/defineProperty.js‘ is not defined
解决小程序报错问题
2022-06-01 16:09:51
3396
4
转载 git 将一个分支的代码完全被另一个分支代码替换
将master分支的代码完全被dev分支代码覆盖：git checkout mastergit reset --hard devgit push origin master --force
2022-01-04 16:01:54
1075
1
原创 通过 ua-parser-js 获取系统环境信息
npm地址：https://www.npmjs.com/package/ua-parser-js1.安装npm install ua-parser-js2.引入import uaParserJs from 'ua-parser-js';3.使用const uaParser = uaParserJs();const { browser, cpu, device, engine, os, ua } = uaParser;const u = ua.toLowerCase();/*{
2021-12-22 17:48:18
2588
1
原创 react 项目添加百度统计
将如下代码添加到 index.html 的 head 标签中<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); <!-- 判断生产环境和测试环境-- > hm.src = '%REACT_APP_RUN_ENV%' === 'prod' ? "https://hm.baidu.com/hm
2021-11-25 12:13:33
2054
原创 bff 项目基础知识
bff项目一、bff1. Back-end For Front-end： 服务于前端的后端可以调用不同的系统的一个或者多个接口进行数据的聚合、过滤，而只向外部暴露一个接口即可2.优点：前后端彻底分离业务更向前靠拢，琐碎的api由前端开发自己决定留给后端更清晰的服务边界，只需要提供粗粒度的接口即可3.缺点：响应时间延迟（服务如果是内网之间访问，延迟时间较低）编写起来较为浪费时间（因为在基础服务上添加的一层转发，所以会多写一部分代码）业务异常处理（统一格式化业务异常的返回内容）4
2021-11-09 10:36:04
981
原创 查看和结束已被占用的端口
目的：关闭占用 21200 端口的程序操作：1.window+R 打开命令窗口2.查看被占用端口对应的PID输入命令：netstat -aon|findstr "21200"，回车，记下最后一位数字，即PID,这里是 266043.继续输入tasklist|findstr "26604"，回车，查看是哪个进程或者程序占用了 26604 端口结果是：node.exe4.结束进程：在cmd的命令窗口中输入：taskkill /f /t /im node.exe或者打开任务管理器，切换到
2021-11-09 09:26:16
443
原创 安装/卸载插件报错npm ERR! Unexpected token } in JSON at position 125178 while parsing near ‘...n“: “^1.2.2“
解决方法：删除根目录下的package-lock.json文件，再重新安装。package-lock.json在安装完依赖包后，会重新生成。
2021-10-14 13:59:08
429
原创 解决 idea 关闭但是服务正常运行的问题
由于idea激活码经常失效，idea就会自己关闭，但是启动的服务还在运行（端口号依然被占用）。再次打开idea启动服务提示端口号被占用。解决（关闭被占用的进程）：1.打开cmd命令窗口，根据端口号查找对应的进程号（以8081端口为例）netstat -ano | findstr 80 //列出进程极其占用的端口，且包含 80这里8081端口的进程号是10570802.taskkill -PID <进程号> -F //强制关闭某个进程参考自：idea 服务关了项目还能正常跑。ki
2021-08-11 10:05:22
4109
原创 echarts 图表切换后数据显示错误(图表重绘/清空)
知识点：图表重绘清空数据问题描述：用 echarts 实现一个展示【等级/季度/销量】的图表，切换年份后再选择回当前年份，发现图表中多显示了三四季度的数据，当前年份实际获取的数据里是只有一二季度的。原因：切换年份后，图表重绘时有它自己的想法，就算对图表数据进行了重新赋值，虽然没有三四季度的数据，但是重绘的时候还是沿用了上次选择年份的三四季度的数据…解决：图表绘制前，清空数据代码：// 引入echarts<script type="text/javascript" src="
2021-06-24 11:37:27
2172
原创 Element日期选择控件 设置结束时间比开始时间多4小时
需求：不管开始时间设置多少，结束时间永远在开始时间的4小时后<el-form-item label="秒杀开始时间"> <template> <el-date-picker v-model="form.startTimeDate" type="datetime" placeholder="选择日期" /> </template></el-form-item><el-form-
2021-04-23 15:09:15
265
原创 解决移动端不同分辨率下 按钮上下不居中问题（scale 缩放）
问题一：按钮上下不居中移动端项目中，遇到这样一个问题，明明写的高度和行高一致，但是在有些分辨率的手机上看上下就是不居中（如下图所示，文字靠上）。尝试过使用padding代替高度，效果也不是很好。问题二：文字限制只显示一行时，有的手机显示多余的部分多行文字设置只显示一行，其余部分不显示。设置高度和行高一致，有的手机上会显示如下效果。解决方法：上边两种情况都可以用这种方式解决：先将元素所有涉及到尺寸大小的乘以2，再用 scale 缩放0.5倍。1.解决按钮上下不居中原代码：.van-sub
2021-04-13 10:42:56
1415
原创 vant日期选择 设置起始可选时间为3天后
需求：要求日期可选时间从今日（不包括今天）之后的三天开始选择。实现方式：Vue + vant 的 Calendar组件代码首先引入 Calendar 组件就不写了，直接下一步：<van-cell class="tl" title="期望发货日期" :value="date" @click="show2 = true" is-link/><van-calendar v-model:show="show2" @confirm="onConfirm1" :min-date="minD
2021-03-26 14:23:49
1497
1
转载 监听安卓/IOS 微信浏览器关闭事件
if (window.addEventListener) { window.addEventListener("pagehide", function () { // IOS console.log('页面要关闭了:pagehide'); })} else { window.onbeforeunload = function () { // 安卓 console.log('页面要关闭了:onbeforeunload'); }}注意：以上方法浏览器 关闭/刷新
2021-02-09 14:21:18
2482
4
原创 线上请求接口提示：`CAUTION: request is not finished yet!`
问题描述：这两天做一个公众号h5项目中，遇到一个很头疼的问题：最初本地环境开发的一个页面没有任何问题，但是部署到线上后获取页面数据的接口请求状态返回 200，但是没有返回任何数据，而且 Timing 提示 CAUTION: request is not finished yet!，浏览器卡死怎么都点都不动。用到的技术栈： vue3.0 + vant问题页：商品评价页（可多个商品分别评价）过程描述：前期开发自然是本地环境调试的，当时做的过程中出过一个问题，搜了很多资料怀疑可能是出现了死循环，经过
2021-01-29 20:13:37
15367
1
转载 vue 项目 vant-tabs 初始化 下标 active 无效
需求：获取路由中的参数值，根据参数值 初始化active的值，效果如下初始代码：<van-tabs v-model:active="active" @click="onClick" swipeable title-active-color="#4EC8F2" line-width="19" line-height="2"> <van-tab v-for="(item, index) in tabs" :key="index" :title="item"> 这是内容 &
2021-01-06 14:21:05
9839
6
原创 Vue3 路由跳转与参数获取
路由跳转import { useRouter } from "vue-router"export default { setup () { const router = useRouter(); // 第一步 const state = reactive({ list: [], toDeatil(id) { router.push('/product?id=' + id); // 第二步 }, }) return {
2021-01-04 10:55:31
22316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人