- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue，uniapp，微信小程序解决字符串中出现数字则修改数字样式，以及获取字符串中的数字
首先通过遍历字符串，通过将所得到的每一项减去0就可以判断当前字符串是否是数字，如果是数字则对应在前后加上标签，这时候就会出现带有小数点的字符串（例如8.8元），这时候需要在判断中多加一步，如果当前项为（.）则判断上一项是否为数字如果是则对应加上标签，简单记录一下，最近遇到的一个新需求：后端返回的是非富文本，只是一串字符串，其中包含了文字和数字，前端需要将出现数字的地方将其加粗或者修改颜色等需求。匹配正则表达式实现以下只是举个例子，当然使用的还是上面的text，可根据实际需求匹配对应的正则。
2024-11-07 16:04:39
413
原创 reqrcode.js文件
g += 2) {c = false;e[g] = 0;c = true} else {c = truec = true} else {c = truec = true;g -= 2) {c = false;e[g] = 0;c = true} else {c = truec = true} else {c = true。
2024-11-06 11:48:50
961
原创 uniapp，vue3，vue实现h5模拟二维码扫描识别功能
经过大量的查找，只能实现模仿扫码功能，如果有需要的直接拿走，要是有大牛能有更好的方法，麻烦指点一二。1、在项目的utils文件下创建reqrcode.js文件，在需要使用的项目中引入。最近遇到一个比较麻烦的需求，简单的在这里记录一下，下次要用的时候还会有迹可循。实现h5的二维码扫描，uniapp看了一遍发现不支持h5。（点这里获取reqrcode.js）2、一下是js部分直接使用。
2024-11-06 11:47:48
460
原创 vue2，vue3，uniapp，小程序实现前端url生成二维码
1、第一步，在项目的utils文件夹下面创建一个weapp-qrcode.js文件（文件名随便，只展示我自己的）话不多说直接上代码，亲测有效，希望能帮助大家，同时如果有更好的方法希望大家能够分享。最近遇到一个项目，api返回url地址，前端通过地址生成二维码。3、在你需要使用的.vue中创建canvas，如下。2、将一下代码复制粘体到js文件中。
2024-11-06 10:57:30
646
原创 uniapp动态设置导航栏名称
简单记录一个最近很好用的方法，主要用于动态设置前端头部导航栏名称，在实际开发过程中，常常会出现数据相同，但是导航栏标签不同的情况，可以直接使用uniapp自带的方法。
2024-10-17 10:54:39
406
原创 uniapp+vue3编译微信小程序，解决mqtt真机无法链接的问题
记录一下最近遇到的问题：就是uniapp编译到微信小程序后，mqtt编译器可以链接，但是真机调试时无法链接，查了很久，有说换mqtt版本，其实我个人觉得和版本没有太大的关系，当然如果有完全解决的大佬，可以评论解答一下，同时服务器等配置问题自己百度，这边只解决前端问题。注意：可以尝试使用broker.emqx.io地址，如果能进行连接则前端代码没有问题，但是记住在真机运行的适合记得勾选一下这项，否则无法连接。如果用自己的地址，则需要前往微信公众号平台，在开发管理中配置wss。
2024-09-26 17:00:43
626
2
原创 简单记录记录一下uniapp实现上传身份证，并实现身份证识别功能
在这里简单记录一下uniapp实现身份证上传功能，简单的描述一下设计的原理，通过uni.chooseImage()获取文件地址，切换本地路径显示对应身份证图片，后通过将file文件转base64上传百度识别，后通过接口获取信息。具体逻辑还是比较简单的。使用百度的识别接口，需要先注册百度账号，获取对应的client_id和client_secret，通知还需要使用获取百度token的接口，在页面中调用一次，将获取到的token携带识别接口进行识别。
2023-11-09 17:43:45
2267
3
原创 解决uniapp手机端获取用户设备是否授权，进行授权提示，获取用户相机授权（Android 权限清单整理）
最近在上架app时遇到了一些授权询问的问题，在这里简单记录一下，主要使用的是uniapp进行开发，在官网中有说明使用uni.authorize（）进行授权请求，但是该方法不支持h5和app，所以采用plus.android.requestPermissions（）方法进行授权判断操作，话不多说直接上代码。必须要求textservice(例如吗 spellcheckerservice)，以确保只有系统可以绑定到它。允许程序获取账户验证信息，主要为GMail账户信息，只有系统级进程才能访问的权限。
2023-10-26 16:40:41
16985
9
原创 vue组件之间通信的几种方式
vue组件传值的方式：1、父传子，子组件中定义“props”来接收；2、子传父，子组件中用“$emit()”触发；3、兄弟传值，定义事件总线“eventBus”；
2023-10-25 15:09:21
81
1
原创 在uniapp、vue中实现角度选择器，组件可直接使用
实现原理：主要是通过对容器绑定鼠标按下，离开，移动，移出容器事件，通过获取容器的原点坐标，用户在容器内按下移动时获取鼠标的偏移量，通过计算转化角度问题，最后实现功能。如果需要封装成组件的形式则需要添加this.$emit('angele',this.angle)使用，在父组件进行监听。在这里简单记录一下，在uniapp和vue中如何实现角度选择器，以防之后需要使用。注意：目前uniapp应该只能在H5使用，因为手机端没有鼠标事件，需要做对应更改。
2023-10-20 15:36:29
345
1
原创 vue中判断a对象实在中id是否与b对象数组的id相等，有则删除（通过id求ab两对象数组的差集）
实际项目开发中常常遇到处理数组的需求，其中就有包括求两数组的差集，需要我们通过b对象数组的id来判断a对象数组中是否存在相同的id有则将a对象数组中的对象删除，简单的理解就是求ab两对象数组中的差集，以下简单介绍了几种方法可自行参考。备注：includes()判断一个数组是否包含一个指定的值，根据情况，如果包含则返回。备注： filter()遍历数组，创建一个新的数组检查返回数组中符合条件的元素
2023-09-11 17:47:42
1408
原创 uniapp怎么获取元素高度，获取元素节点信息，获取界面剩余高度
uniapp获取元素高度，获取元素信息，以及获取页面剩余高度问题的解决方案
2023-09-08 10:29:07
13899
1
原创 vue获取当前日期并将日期格式转化为日期字符串，计算两个时间相差
项目开发中常常需要处理时间等问题，通过new Date() 可实现日期格式的转换，通过时间戳可以计算两个时间的时间差
2023-09-07 08:41:56
5474
1
原创 vue遍历对象的几种方式
三、Object.getOwnPropertyNames()，该方法也是ES5新增的，返回一个自身属性名的数组，包括不可枚举的属性。一、for in 这是遍历对象的基本方法，其中key代表键，值可以通过Object[key]进行获取，衍生：obj2中部分key与obj1相同，这是需要将obj1与obj2中key相同的进行赋值，代码如下。衍生：obj2中部分key与obj1相同，这是需要将obj1与obj2中key相同的进行赋值，代码如下。
2023-09-06 14:19:34
9473
1
原创 vue中数组常用的六种循环方法
简单记录一下，常用的六种数组循环的方法，分别是for()，map()，forEach()，filter ()，every()，some()
2023-09-04 14:17:29
10169
2
原创 vue使用html2canvas结合jsPDF实现前端页面转pdf功能，支持分页
在vue中使用html2canvas结合jsPDF实现对页面转pdf功能的实现
2023-08-26 14:59:46
692
原创 vue实现不预览打印pdf，解决pdf链接地址实现下载pdf
vue实现不预览打印pdf功能，通过接口获取的url地址采用隐藏的iframe存在跨域问题，最终解决方案
2023-08-23 14:28:06
2436
2
原创 vue中MathJax的基本使用
第一次使用MathJax，在这里做个简单的记录，这是小编第一次写文章，如果有什么不对的地方或者需要补充的地方，希望大佬能够指出，复制黏贴可直接使用（非喜勿喷）二、在main.js中引入并挂载到Vue实例上（需要使用的地方可以通过this.$MathJax()调用），代码如下。一、简单的封装，我是在utils文件下创建了一个MathJax.js文件，话不多说代码如下(创建方法)三、在需要使用的地方可通过一下方法调用。
2023-08-08 11:53:52
1600
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人