草庐IT

uni-captcha

全部标签

uni-app:使用 Painter 在微信小程序将当前页面保存为图片

1先看效果手机截屏Painter实现2如何实现方式一:PainterPainter是一个微信小程序组件,具体介绍和API请参考:GitHub文档。在GitHub下载下来之后只需要将components下的painter文件夹放到项目根目录下的wxcomponents文件夹即可。然后就是如何在uni-app中使用微信小程序形式的组件,其实很简单,参考官方文档:小程序自定义组件支持。方式二:Canvas当然也可以使用Canvas来实现上述效果,因为Painter就是基于Canvas封装的。但使用Canvas就显得太过于麻烦了,具体如何实现各位可以去网上搜索一下,因为我也没有实现过。3代码演示tem

uni-app项目使用uview-ui报错:Component is not found in path node-modules/uview-ui/components/xx/xx

解决:一、uview-ui如果是npm安装需要在pages.json中添加easycom配置"easycom":{"^u-(.*)":"uview-ui/components/u-$1/u-$1.vue"}二、配置了以上还报错的话可能是tempalte样式最外层没用标签包括着(只允许有一层用包裹最外层

uni-app小程序刷新当前页面的两种方法

方法一wx.relaunch来刷新当前页面,页面会被重载,若路由携带参数需自行拼接,方法如下(如果用电脑打开小程序,该方法有bug)/*获取当前页带参数的url*/splicePageUrlWithParams(obj){constpath=obj.routeconstquery=obj.options//拼接url的参数varurlWithParams='/'+path+'?'for(letkeyinquery){constvalue=query[key]urlWithParams+=key+'='+value+'&'}urlWithParams=urlWithParams.substrin

Uni-app前端开发|基于微信小程序的快递运输管理系统

作者主页:编程千纸鹤作者简介:Java、前端、Python开发多年,做过高程,项目经理,架构师主要内容:Java项目开发、Python项目开发、大学数据和AI项目开发、单片机项目设计、面试技术整理、最新技术分享收藏点赞不迷路 关注作者有好处文末获得源码项目编号:BS-XCX-018一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse后台开发技术:SSM框架  前台开发技术:uni-app+微信小程序+vue二,项目简介2.1 基本介绍电子商务的快速发展,也带动了中国快递和物流行业

uni-app小程序加载图片优化

场景:较大的图片加载很慢,会出现较长时间的白屏,体验感差。 解决方案:一进入页面,图片未加载成功前,进行loading…;图片加载完成后会触发@load事件;exportdefault{data(){return{}},onShow(){//开启加载uni.showLoading({title:'加载中...',mask:true})},methods:{//此方法会在图片加载完成后触发loadImg(e){uni.hideLoading()console.log('图片信息',e)},},}

uni-app使用富文本组件 mp-html

目录安装npminstallmp-html vue页面富文本增加js组件 安装npminstallmp-html vue页面 importmpHtmlfrom'mp-html/dist/uni-app/components/mp-html/mp-html' importgraceRichTextfrom'@/utils/fuwenben.js'; varparserHtml=require("@/GraceUI5/js/parserHTML.js"); exportdefault{ components:{ mpHtml }, data(){ return{ con

uni-app运行微信开发工具小程序,出现× initialize报错。

问题描述uni-app运行微信开发工具小程序,出现×initialize报错:原因分析:这是由于微信开发者工具服务端口未开启,导致出现×initialize报错。解决方案:打开设置,找到安全设置:   2.开启服务端口:  

uni-app全局变量的4种实现方式

uni-app全局变量的4种实现方式一、公用模块1.在uni-app项目根目录下创建common目录,然后在common目录下新建helper.js用于定义公用的方法。2.在pages/index/index.vue中引用该模块二、Vuex1.在uni-app项目根目录下新建store目录,在store目录下创建index.js定义状态值2.在main.js挂载Vuex3.在pages/index/index.vue使用三、挂载到Vue.prototype上1.在main.js中挂载属性/方法2.在pages/index/index.vue中调用四、globalData1.定义:App.vue

创建一个uni-app项目并运行再浏览器及微信小程序

如何创建uni-app项目一、使用HBuilderX创建一、使用HBuilderX创建第一步:打开HBuilderX>点击文件列表>新建>项目第二步:如图所示(根据项目所需要的进行选择)第三步:创建完成之后项目文件的(介绍以及作用)第四步:如何将uni-app项目运行到不同的浏览器,我在这里运行的是微信小程序(1)点击运行可以查看到项目的多种运行方式(2)在浏览器中运行项目步骤如下如果是第一次运行uni-app项目在浏览器中需要配置地址配置浏览器地址在桌面选择谷歌右键打开点击文件位置配置完成后关闭即可会自动保存(3)在微信小程序运行项目第一次在小程序中运行项目的话会报错,解决方法:需要到小程序

uni-app抓包 SSL handshake with client failed: An unknown issue occurred processing the certificate

 使用uni-app开发的应用,安装后安卓使用charles抓包https失败,经测试手机浏览器上的https是可以正常抓取,所以问题定位到app本身上。造成原因是android7.0以上系统不再默认信任用户安装的证书,需要修改manifest.xml。幸好uni-app在HX3.6版本起支持直接在应用中配置应用清单,文档见Android原生应用清单文件和资源|uni-app官网针对这个问题,具体修改步骤为1、应用目录下添加自定义文件  AndroidManifest.xml2、添加网络配置文件 nativeResources/android/res/xml/network_security_