- 博客(121)
- 收藏
- 关注
RSS订阅原创 uniapp 实现渐变圆弧进度条，并且根据实际数值，控制进度
在uni-app中实现渐变圆弧进度条可以使用canvas来绘制。在 onReady 生命周期（根据实际情况，选择生命周期）中调用 drawProgress 方法，并传入实际数值来设置进度。drawProgress 方法使用canvas绘制圆弧进度条，使用渐变色来表示进度。将起始角度 startAngle 设置为 Math.PI / 2，即1/4 圆的起始位置。然后根据进度计算结束角度 endAngle。这样就实现了圆形进度条的闭合区域在下面。
2024-07-26 17:52:54
80
原创 uniapp 获取自定义组件的高度
在 UniApp 中，要获取自定义组件的高度，可以使用。执行查询操作，并在回调函数中获取自定义组件的高度。是自定义组件的类名，根据实际情况进行调整。首先，在父组件的代码中，给自定义组件添加一个。用于获取该节点的位置和尺寸信息。用于指定查询的节点为自定义组件（通过。用于选择自定义组件的类名为。
2024-07-17 13:21:23
370
原创 layui实现预览图片并可以滚动鼠标放大缩小图片
首先通过绑定点击事件来打开图片预览。当点击事件触发时，获取被点击图片的链接和标题。事件，根据鼠标滚动的方向来计算图片的缩放比例，进而调整图片的宽度、高度和位置。方法中，通过传入一个包含图片信息的对象来配置预览的图片，其中包括图片标题和链接。回调函数中，实现了以鼠标位置为中心的滚动放大缩小功能。参数用于指定图片预览的动画效果。来获取相应的元素并进行样式调整。方法来打开图片预览。
2024-06-20 12:45:15
436
原创 uniapp 使用秋云ucharts,实现线状图横线滚动
uniapp 使用秋云ucharts,实现线状图横线滚动其实仔细阅读官网说明文档，能找到答案，但是咱们着急实现功能，直接点上代码。*标签上注意的是需要设置:ontouch="true"*
2024-06-06 17:14:08
584
原创 前端面试题
因此，v-show在条件切换时，性能上比v-if更高。跨域问题是由浏览器的"同源策略"引起的，"同源策略"限制了在浏览器中通过JavaScript访问不同源的资源，包括读取数据、发送请求、修改DOM等。跨域是指在浏览器中，当一个网页的JavaScript代码尝试访问不同域名、不同端口或不同协议下的资源时，会出现安全限制，阻止对该资源的访问。4.JavaScript中有许多语法糖，举例已知语法糖（语法糖可以使代码更简洁、易读，并提供更方便的编程方式，但底层仍然是基于原有的语法和机制实现的。
2024-05-16 15:07:15
316
原创 通过layui实现省市区下拉列表
首先，你需要将 area.json 文件引入到你的 HTML 页面中。确保 area.json 文件在相同的目录下，并且可以通过相对路径进行访问。
2024-05-15 18:15:18
313
原创 js数组筛选出匹配指定字符串的元素，获得新数组
js数组筛选出匹配指定字符串的元素，获得新数组：可以使用 JavaScript 中的正则表达式和 filter 方法来筛选出匹配指定字符串的元素，然后生成一个新的数组
2024-05-08 00:01:41
327
2
原创 vue 实现级联选择器功能
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
2024-04-22 15:28:53
760
原创 uniapp微信公众号H5分享
如果项目文件node_modules中没有weixin-js-sdk文件，则直接使用本文章提供的；如果不生效，则在template.h5.html中引入。首先引入weixin-js-sdk。
2024-02-21 11:32:08
1221
10
原创 深拷贝和浅拷贝的主要区别
深拷贝（Deep Copy）则会创建一个新的对象，并复制原始对象的所有元素。这样，如果你修改了复制的对象，原始对象不会受到影响。浅拷贝（Shallow Copy）只复制对象的引用，而不是实际的对象。因此，如果你修改了复制的对象，原始对象也会受到影响。方法将 JSON 字符串转换回新对象。在这个过程中，所有的对象都会被转换为新的对象。在JavaScript中，深拷贝和浅拷贝的主要区别在于它们处理对象属性的方式。方法将对象转换为 JSON 字符串，然后。
2023-10-12 11:02:35
269
原创 {errMsg: “getUserProfile:fail api scope is not declared in the privacy agreement“, errno: 112}
微信小程序登录授权又改版了， 增加了用户是否查看隐私协议的验证
2023-08-16 13:11:00
19808
24
原创 uniapp picker mode=“multiSelector“ 实现省市区三级联动
【代码】uniapp picker mode="multiSelector" 实现省市区三级联动。
2023-06-20 14:52:44
1632
原创 如何大批量压缩图片
等待压缩完成：执行命令后，ImageMagick 将会按照指定的参数批量压缩图片，并将压缩后的图片保存到目标路径中。Windows 系统：打开“控制面板” -> “系统和安全” -> “系统” -> “高级系统设置” -> “环境变量”，在“系统变量”中找到“Path”变量，点击“编辑”，将 ImageMagick 的安装路径添加到变量值中。：指定要压缩的图片路径或通配符，可以是单个图片文件路径、多个文件路径，或者使用通配符进行批量处理。：指定压缩后的图片质量，取值范围为 1-100，值越大表示质量越高。
2023-05-22 22:54:54
1128
2
原创 uniapp解决首页列表替换数据闪烁问题
解决思路：将列表数据和page缓存，在页面执行onshow时，加载列表，比对缓存的数据和新获取的是否一致，一致的话就不更新。
2023-02-10 18:01:18
1207
原创 uniapp input自动聚焦
input标签有一个属性focus：获取焦点。初始化firstFocus为false。在onload中修改焦点值。
2023-02-07 17:06:05
2092
2
原创 uniapp AES加密解密
2.在项目根目录，创建一个utils文件夹，并创建一个aes_endecrypt.js文件。1.在dcloud插件市场中搜索-传输加密，AES对称加密 （作者。3. 在App.vue中，在methods中创建加密、解密方法。3.在main.js文件中，引入方法，并注册为全局方法。uniapp里我知道的有两种aes加密解密方式。2.项目main.js文件中，注册全局组件。4.在页面中使用aes加密解密方式。4.在页面中使用aes加密，解密。二、第二种方式：直接引入插件。一、引入crypto-js。
2022-09-02 10:31:31
7036
2
原创 uniapp发布到微信小程序，ios空白页面
ios手机打开体验版小程序，页面空白，查看日志，错误提示：miniprogramerror syntaxerror invalid group specifier name statck。可能原因是当前页面的js部分或者引入的js里的内容中包含，ios不允许的正则。）的话 , 在安卓手机上正常 , 但是在ios上会报错。如果正则表达式中包含（...
2022-08-31 17:13:22
1018
原创 js引入mathjax时注意事项
注意，不太确定哈，数学公式最好开始和结束带 "\\["和"\\] ",这个双斜杠其实是单斜杠，因为文章显示不出来单斜杠，就写的双斜杠！首先，保证网络畅通，必须网络好，不然js响应不回来......需要先在head标签中引入js。然后就是数学公式了哈！如果动态更新数学公式。...
2022-08-31 03:02:23
632
原创 js文字转语音
Web Speech API的语音合成接口是语音服务的控制器接口;这可以用于检索设备上可用的合成声音、启动和暂停语音以及其他命令的信息。var text = '你好';
2022-08-17 14:43:45
1087
1
原创 uni-app 使用escook/request-miniprogram插件发请求说明
根据接口要求，一般常用的请求类型为get请求和post请求get的不传参的写法
2022-06-25 14:34:21
1477
2
原创 转盘中文字部分的实现（没啥用，别看）
.text { width: 642rpx; height: 642rpx; /* width: 590rpx; height: 590rpx; */ /* margin-left:26rpx; margin-top:26rpx; */ display:flex; justify-content: center; align-items: center;}.cc { width: 642rpx; height: 642rpx; display:flex; justify-
2022-06-13 13:11:00
125
原创 uniapp 隐藏滚动条
/deep/.uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条，但依旧具备可以滚动的功能 */ display: none}
2022-05-17 10:16:26
1693
原创 js计算两个月份的月份差
计算两个年月日的月份差<script> var d1 = '2022-05-12' var d2 = '2022-03-11' window.onload = function(){ var num = subtractMonth(d1,d2) console.log('num',num) } function subtractMonth(date1,date2){ // 拆分年月日
2022-05-13 13:56:27
808
原创 使用仿站小工具
一、前提条件：要仿的网站页面路径必须是完整的.html路径项目（最优仿站） 提供一个可以仿站的模板网站：格展网络_网站模板_网站源码_企业网站模板_免费模板下载https://www.91084.com/二、获取页面路径，例如：1.选择门户模板2.选择新闻博客3. 点击足球赛事的查看演示，确认进入的是.html页面4.可以通过点击页面，查看到可以跳转的所有页面比如，点击新闻将得到如下路径三、仿站打开仿站小工具 【注意注意：看完这个序.....
2022-05-12 16:05:30
3222
1
原创 微信小程序图片预览禁止保存
样式自定义的，不用管；mode="widthFix" 表示让图片宽度固定，高度自适应<view class="w-750"> <image wx:if="{{info && info.bj_img}}" class="w-750" mode="widthFix" src="{{info.bj_img}}" bindtap='previewImg' data-src='{{info.bj_img}}'></image></view&
2022-05-12 13:02:15
1910
原创 css实现吸顶效果
css吸顶效果（例如：实现滚动页面导航栏固定在顶部）主要针对需要吸顶的元素设置/* 兼容chorme */position: -webkit-sticky;position: sticky;top: 0px;示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont
2022-05-11 22:32:27
10296
2
原创 jquery.print.js打印页面时，多分出一页
可能是要打印的元素，有内边距和外边距，可以设置margin:0;padding:0;border:0;
2022-04-15 10:55:39
1605
原创 小程序发送验证码
<view class="col-gray m-left-30" bindtap="{{!is_send?'getCode':''}}">{{!is_send?'获取验证码':time+'s后尝试'}}</view>is_send:false,//是否发送验证码time:60,//时间getCode(){ var reg_phone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; if(!reg_phone.test(this.da.
2022-03-14 17:46:05
1221
原创 js判断是否是微信浏览器或者支付宝浏览器
微信浏览器验证1let ua = window.navigator.userAgent.toLowerCase()if (ua.match(/MicroMessenger/i) == 'micromessenger') {//判断微信 console.log('微信浏览器'); }微信浏览器验证2if (/MicroMessenger/.test(window.navigator.userAgent)) { console.log('微信浏览器');}支付宝浏...
2022-02-24 09:50:39
2863
原创 uniapp 制作微信点金计划商家小票H5项目遇到的问题总结
1.需要在onReady中调用jsapi,parent.postMessage(postData, "*");第二个参数要用*onReady() { let mchData = { action: 'onIframeReady', displayStyle: 'SHOW_CUSTOM_PAGE', height:960 }; let postData = JSON.stringify(mchData); parent.postMessage(postData, "*");}2
2022-02-17 10:30:40
1318
3
原创 微信小程序&uniapp返回
let pages = getCurrentPages(); // 当前页面let beforePage = pages[pages.length - 2]; // 上一页if(beforePage){ //uniapp使用uni.,微信使用wx.,后面的方法是一样的 uni.navigateBack({ delta:1 })}else{ uni.redirectTo({ url:'/pages/login/login' })}...
2021-12-24 15:20:09
570
原创 微信小程序幸运大转盘
<view class="lucky_draw_zp" bindtap="getLucky"><!-- <image style="{{zpRotateDeg}}" class="lucky_draw_zp_img" src="{{zpData.zpImg}}" mode="aspectFit"></image> --> <view class="lucky_draw_zp_img" style="background:url({{zpData..
2021-12-13 16:08:44
640
原创 微信小程序去除按钮(button标签)默认样式
button { margin: 0; padding: 0; outline: none; border-radius: 0; background-color: transparent; line-height: inherit; width: max-content;}button::after { border: none;}实际应用时，可能margin和padding不生效，在button标签上直接style="margin:0;padding:0;".
2021-12-11 16:58:03
556
原创 微信小程序设置背景图片
var src1 = '/images/index/wx56.png';let src11 = wx.getFileSystemManager().readFileSync(src1, 'base64');var src111 = 'data:image/jpg;base64,' + src11;this.setData({ back_img:src111})<view class="w-750 h-350 m-top-60" style="background:url({{b.
2021-12-11 11:20:01
392
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人