uniapp
文章平均质量分 63
哆来A梦没有口袋
偷偷拔尖,惊艳所有人
展开
-
图形验证码
如下图实现图形验证码1.uniapp中利用天御插件实现1.前提条件使用图形验证,必须申请所需要的CaptchaAppid和AppSecretKey(在下面地址中进行申请)登录 - 腾讯云2.添加插件(1)插件需要在微信公众平台中添加 = 》 设置 =》第三方设置 =》 添加插件(2)再次重新启动项目到微信开发者工具后,直接添加插件3.使用1.在mainfest.json中进行配置插件 "plugins" : { "t-captch..原创 2022-06-21 09:58:00 · 1879 阅读 · 1 评论 -
uniapp实现语音识别
前言: 本篇文章主要是调用录音将录音文件传递给后端进行识别使用的api - uni.getRecorderManager()uni.getRecorderManager() | uni-app官网api在H5是并不兼容的创建初始化事件和监听事件<script>// #ifdef MP-WEIXINconst recorderManager = uni.getRecorderManager();// #endifexport default{ data原创 2022-04-29 11:14:03 · 4376 阅读 · 6 评论 -
H5实现高德地图的uni.chooseLocation
在uniapp中获取当前定位和选择当前位置都是做了兼容,在各个平台都可以使用,这篇文章讲解如何定位当前位置,搜索位置,点击进行定位在H5中实现uni.chooseLocation,如下图所示左侧微信小程序的选择位置,右侧为高德地图在H5中的选择位置这里讲解一下uni.chooseLocation可以看到这个api的兼容平台是很完美的,但是在注意事项中表示了不同端,使用地图选择时基于的底层地图引擎不一样,如微信小程序是腾讯地图,H5是腾讯地图或谷歌地图,App和阿里小程序...原创 2022-02-15 15:05:59 · 4829 阅读 · 15 评论 -
uniapp使用H5高德地图
uniapp有自带的map组件map-uni-app官网map组件兼容了大多数的凭条,但是注意 - map只是展示与定位不一样,定位uniapp有自己的api在注意事项中,uniapp官网提到了<map>组件在不同平台的底层引擎是不同的:微信小程序为腾讯地图;H5为腾讯地图或谷歌地图;App、支付宝小程序为高德地图;百度小程序、快应用为百度地图。app-vue也可以使用百度地图,在manifest中配置,打包后生效,但app-nvue只支持高德地图。另外选择地图、查看..原创 2022-02-15 14:09:45 · 7042 阅读 · 0 评论 -
H5跳转微信小程序
场景微信小程序里面嵌入了一个h5页面,从h5页面跳转回微信小程序利用js-sdk概述 | 微信开放文档如果你的h5是uniapp写的直接安装npm install jweixin-module页面中引入var jweixin = require('jweixin-module')使用跳转回微信小程序jweixin.miniProgram.navigateTo({ url: `/pages/job/detail' success(res) {}, fai原创 2021-12-11 01:08:09 · 598 阅读 · 0 评论 -
uniapp的上传
hello,我又要细说uniapp了附件上传,图片上传,视频上传应该是目前手机比较常见的功能,但是对于上传还是有一些需要注意上传 - 一般有图片上传,附件视频图片上传图片的上传 - 直接动手机或者摄像头官网地址:uni-app官网附件或者视频官网:uni-app官网注意 - 微信小程序和app是不支持这个api的 - 对于微信小程序wx.chooseMessageFile(可以从微信聊天会话中进行选择关于app的上传附件,可以利用原生进行...原创 2021-12-09 16:36:56 · 7150 阅读 · 0 评论 -
uniapp的入栈出栈
uniapp管理页面是利用栈的形式管理, 因此多次入栈不出栈会造成页面的卡顿,入栈出栈的顺序不对,会在返回的时候不能回到对应页面,都是因为出栈入栈的时机不对造成的。一个页面会在什么时候进行入栈?又在什么时候出栈,他们分别触发了什么生命周期?这是这篇文章讲解的重点关于入栈当uniapp第一加载显示的页面,会第一次入栈,后面的跳转不断入栈,可以利用返回出栈,也可以进行重定向等等出栈如果在项目中一直不能返回到某个页面,那就是多次入栈没有出栈。触发的生命周期 - 只有在入栈的时候才...原创 2021-10-07 15:16:18 · 1369 阅读 · 0 评论 -
map的点的聚合
前言: uniapp兼容了各端,但是在只用map的时候,需要进行点的标记和聚合,发现写的不是很详细,这里详细介绍一下点的聚合uniapp的地图讲解 -https://uniapp.dcloud.io/component/map?id=map实现的效果如下:首先是uniapp的官网关于点聚合,只讲解了一个clusterId,,并没有具体的使用方法,在社区去看但是微信小程序是实现了点的聚合的微信小程序 -https://developers.weixin.qq....原创 2021-08-10 18:44:28 · 2516 阅读 · 9 评论 -
uniapp做自己的启动页
精神饱满的开始学习啦,什么是启动页??看下图,这就是启动页,启动页面是在manifest.json -> App启动界面配置中进行配置的,它默认的是开启了,但是细心的小伙伴会发现,启动页是app所特有的看完启动页,先了解一下它的配置uniapp的官网,明确指出-启动封面是App必然存在的,不可取消的但是其实很多时候,一个APP都希望能拥有自己独特的启动页面...原创 2021-05-07 10:22:31 · 15175 阅读 · 0 评论 -
超详细的uniapp实现微信登录功能
uniapp实现微信授权登录功能,微信授权登录主要是用到了三个api,分别是uni.getProvider,uni.login,uni.getUserInfo但是在次之前,先要做一些准备前期准备微信授权登录的前提是有微信appid,和appsercret需要去微信开发者平台创建app,或者小程序填写相关信息申请应用的appid和appSecret,直接登录微信开发者平台https://open.weixin.qq.com/然后登录,按照提示进行申请就好啦,然后在manifest.....原创 2021-04-29 11:32:39 · 92375 阅读 · 52 评论 -
uniapp得调试
uniapp如何调试?uniapp创建应用很简单,之前都已经详细得讲过了,但是写好得代码如何能调试查看呢??H5对于H5就非常得简单 - 直接,对于H5,调试接口记得解决跨域这个是运行到页面,如果是想在手机上查看,首先要保证手机和电脑是同一个网络,手机直接浏览器直接访问启动起来得地址就行了APP对于APP得调试,如果是想方便,可以直接下载手机模拟器,我这里是下载得雷电模拟器,雷电模拟器是可以被检测得还有一个夜神模拟器,之前用过,记得用那个如果要连接上还需要怎么配置一样,.原创 2021-04-21 16:59:55 · 5522 阅读 · 2 评论 -
从0开始认识uniapp
1.什么是uniapp? 学习任何一门新的技术,都离开官网,所以上链接 -https://uniapp.dcloud.io/README 在官网介绍的很详细了,uniapp是一个使用Vue.js开发所有前端应用的框架,简单的来说就是写一套代码,可以打包为APP, Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等 只有会偷懒的程序员才是好程序员,把一个功能从N句代码变为1句代码,2句代码的时候,应该就是逐渐步入大神的时候了,对于uniapp...原创 2020-11-18 10:24:42 · 5853 阅读 · 2 评论 -
uniapp的那些坑
1.selectedColor不起作用 1.查看位置是否写对,与lis同级 2.是否为16进制,selectedColor写的rgb不支持3.是否被其他样式覆盖,其他地方也设置过selectedColor,可以全局搜索一下2.input框被输入键盘覆盖 如 :input这些输入框,有一个自带的属性,可以设置键盘到输入框的距离如:设置样式后正常 3.有遮罩层时,禁止滚动...原创 2020-07-01 12:06:40 · 14033 阅读 · 0 评论 -
uniapp实现图片的放大缩小可拖拽
官网地址:https://uniapp.dcloud.io/component/movable-view?id=movable-view实现放大缩小主要依赖 - movable-view原创 2020-06-30 10:01:59 · 15201 阅读 · 4 评论 -
uniapp实现常用功能
1.pages.json官网地址:https://uniapp.dcloud.io/collocation/pages?id=%e9%85%8d%e7%bd%ae%e9%a1%b9%e5%88%97%e8%a1%a8 pages.json是对uniapp进行全局配置,决定了页面文件的路径,窗口样式,原生导航栏,底部原生tabbar等,类似于微信小程序中的app.json的页面管理部分{ "pages": [{ //页面路径和窗口的表现 "path": "pa...原创 2020-06-29 16:48:06 · 8664 阅读 · 0 评论