![](https://img-blog.csdnimg.cn/14eb2f250ed9430f8f857108f424be2c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app
文章平均质量分 68
Hybrid App(混合模式移动应用),指介于web-app、native-app这两者之间的App,兼具”native app良好交互体验优势“和“Web App跨平台开发的优势”
觉醒法师
勤学习、干实事。
展开
-
uni-app使用uniCloud实现图形验证码(uni-captcha)
uniCloud 是 DCloud 联合阿里云、腾讯云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台。uniCloud中使用图形验证(uni-captcha)主要起到人机校验或其他限制调用的作用。解决[uni-captcha-demo]: MODULE NOT FOUND:Cannot find module 'uni-captcha'异常问题。原创 2023-02-28 10:55:50 · 4088 阅读 · 2 评论 -
uni-app中自定义图表(canvas实现chart图表)开发篇(5)-圆环进度条添加动画效果
这里增加一篇介绍下进度条动画效果如何添加,前几篇的进度值被修改后,切换效果比较生硬。另外也在第四篇基础上,对图形略作修改。在查看uniapp文档时,没有发现重绘执行函数,小程序中有Canvas.requestAnimationFrame;所以在uniapp这里,我们使用setInterval来实现,完成后运行也很流畅。添加动画后效果如下图:一、创建对应页面1.1 创建charts.js文件/** * 图表 - 圆环进度条添加动画效果 */export class CircleBo原创 2022-05-22 11:12:12 · 3652 阅读 · 4 评论 -
uni-app中自定义图表(canvas实现chart图表)开发篇(4)-圆环和刻度结合为齿轮进度条
前面几篇讲了圆环和时针刻度进度条,这篇将会结合这两个图形,绘制出齿轮形状的进度条。在不断积累过程中,我们会发现从底层开发,并不是很困难,更为灵活。所以对于要求高或定制需求,所用时间,会远远小于通过插件修改所消耗的精力。要实现图形如下:一、创建对应页面1.1 创建charts.js文件/** * 图表 - 圆环和刻度结合为齿轮进度条 */export class CircleBox { //构造函数 constructor(_context){ } //绘制图表原创 2022-05-21 13:51:13 · 727 阅读 · 0 评论 -
uni-app中自定义图表(canvas实现chart图表)开发篇(3)-带针表刻度的圆环进度条
还是在之前几篇基础上,讲下圆环衍生出一种新的圆环进度条,以针表的刻度来绘制出一个进度条。图形如下:一、创建相应文件1.1 charts.js文件创建/** * 图表 - 带时刻的圆环进度条 */export class CircleBox { //构造函数 constructor(_context){ } //绘制图表 drawCircle(){ } }1.2 vue页面创建<template> <view class原创 2022-05-20 23:08:52 · 1680 阅读 · 2 评论 -
uni-app中自定义图表(canvas实现chart图表)开发篇(2)-多圆环进度条
上篇讲了圆环进度条,这里再稍微改进下,将单环改成多环。有兴趣的朋友,可以了解下。咱们将数组里增加一项,圆环会增加一个,如下图:可以容纳几个圆环,大家可以根据需求进行微调。一、创建相应页面1.1 scss样式代码.wrap-box{ padding: 0 30rpx; .echart-box{ padding: 15px 0; border-bottom: 1px solid #DDDDDD; .title{ font-size: 32rpx; } .conten原创 2022-05-19 16:49:07 · 1993 阅读 · 2 评论 -
uni-app中自定义图表(canvas实现chart图表)开发篇(1)-圆环带进度条
经常开发中,会遇到各种各样图表,这时大家普遍会想到去找插件。uniapp中常用的有uchart.js和echart.js,这对图表要求不高的项目来说,是很便捷的。但有时会遇到一些定制图表,加上UI的美化,这时就很难达到设计稿上效果,在修改过程中会消耗掉大量精力。俗话说:爹有娘有不如自己有,个人认为,这种情况还不如自己去实现,这里先简单介绍实现一个“圆环带进度”的小案例,希望对大家有帮助。原创 2022-05-18 15:31:48 · 6865 阅读 · 7 评论 -
uni-app中配置微博分享相关信息
uni-app中配置微博分享相关信息原创 2022-05-12 16:34:13 · 1450 阅读 · 1 评论 -
u-dropdown导致页面无法滚动问题及解决方法
u-dropdown有遮挡层挡住整个页面,在部分手机上使筛选以外区域无法上拉,争对这问题,网上有些方法是进入u-dropdown组件中进行原始修改;这里给大家讲一个在组件外,解决此问题的方法。代码如下:原创 2022-04-22 19:22:29 · 1788 阅读 · 2 评论 -
uniapp开发,window下创建ios打包证书的详情流程
uniapp开发中,hbuilderX打包时需要.p12证书和.mobileprovision描述文件,window下创建ios打包证书的详情流程原创 2022-04-13 16:56:06 · 4757 阅读 · 0 评论 -
uniapp使用uniCloud实现手机号一键登录
uni-app手机号一键登录是DCloud联合个推公司推出的,整合三大运营商网关认证能力的服务。通过运营商的底层SDK,实现App端无需短信验证码直接获取手机号,实现一键登录功能。手机一键登录 替换了短信验证登录的方式,消除有短信验证模式等待时间较长,操作繁琐和容易泄露的痛点。原创 2022-04-06 23:24:19 · 10260 阅读 · 10 评论 -
uni-app中使用uniCloud实现发送短信验证码(开通、配置、使用)
uni-app中使用uniCloud实现发送短信验证码(开通、配置、使用),uniCloud内置的短信发送API。给开发者提供更方便、更便宜的短信发送能力。原创 2022-03-25 23:36:17 · 6796 阅读 · 2 评论 -
uni-app在华为应用市场上架审核无法通过,涉及个人信息:IMEI用户数据收集问题
详细描述:您的应用在用户同意隐私政策前申请获取用户的IMEI、设备ID个人信息/权限。 请参考《审核指南》第7.5相关审核要求:https://developer.huawei.com/consumer/cn/doc/50104 修改建议:请在用户同意隐私政策后再申请获取用户个人信息及权限。 相关法律及规定请参考《网络安全法》及《关于开展APP侵害用户权益专项整治工作的通知》 APP常见个人信息保护问题FAQ请参考: https://developer.huawei.com/consumer/cn原创 2022-03-17 11:20:42 · 7113 阅读 · 2 评论 -
uniapp中touchstart、touchmove和touchend在H5中无法触发,可通过jQuery添相应事件代替
uniapp中touchstart、touchmove和touchend在H5中无法触发,可通过jQuery添相应事件代替原创 2022-03-08 10:15:45 · 21884 阅读 · 3 评论 -
uni-app解决权限问题,引导用户跳转至设置界面
利用Native.js获取当前App的授权状态,可打开App的授权设置界面,这里使用已封装好的permission.js插件,实现提示用户授权情况及设置功能。插件下载地址:App权限判断和提示 - DCloud 插件市场 App平台https://ext.dcloud.net.cn/plugin?id=594一、使用方法1.下载插件并存放到项目目录下,比如:js_sdk/wa-permission/permisson.js2.在页面中引入js模块:import permission f原创 2021-10-28 11:18:43 · 15677 阅读 · 30 评论 -
uni-app中返回上一页刷新,web端正常,真机测试无效原因
在开发编辑功能时,需要保存成功后返回列表,并刷新列表数据。Web端测试一切OK,但安装到手机上时,返回列页无法实现列表刷新;最后发现原因竟然是真机环境,无法通过getCurrentPages()直接获取上一页函数,需要通过$vm进行获取,具体写法如下:let pages = getCurrentPages();let prevPage = pages[pages.length-2];if('undefined'!==typeof prevPage){ // #ifdef APP-PLUS原创 2021-04-08 09:57:16 · 3188 阅读 · 0 评论