自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 vue中html2canvas在IOS13以上失效的问题解决办法

一、问题描述最近在开发 html2canvas 的时候,突然发现,html2canvas在IOS13.4系统中调用失败。一直是不会去调用的,头都要秃了一直找办法,后面在面向百度编程中找到了答案。二、解决方案1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】版本降低方法首先移除 html2canvas 【npm uninstall html2canvas】然后安装指定版本 【npm install --save html2canvas@1.0.0

2020-09-29 18:33:35 191

原创 [Vue warn]: Duplicate keys detected: ‘11‘. This may cause an update error.这种报错

[Vue warn]: Duplicate keys detected: ‘11’. This may cause an update error.今天突然遇到这种错误,一脸懵,到处找解决方案也没有找到,后面尝试将两个并行一起使用Key的原因。在其中一个并行的v-for里面修改key区别于下面的key即可但是具体原因是不知道,不知道有哪位大佬能指教一下~~...

2020-09-22 20:51:38 92

原创 uniapp如何禁止手动滑动 swiper 组件?

swiper 组件实现水平滑动切换,有时候只想通过点击按钮切换,需要禁用手动滑动切换。可以用下面的实现方法:dom元素中:在 swiper-item 增加一个方法js:方法实现返回falsestopTouchMove: function() { return false;}ps:微信小程序同样适用...

2020-08-04 22:07:45 470

原创 设置url只能在微信中打开,其他页面给提醒,适用微信公众号等H5页面

一个项目是app+微信公众号h5页面,总会遇到一些在app中可以使用但普通h5页面用不了的api,比如“扫一扫”对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器:var useragent = navigator.userAgent.toLowerCase();if (useragent.indexOf(‘micromessenger’) === -1) {// micromessenger微信独有标识 这个关键// 停止代码继续执行,并弹出提示框return a

2020-07-03 11:08:01 226

原创 uni-app底部tab栏安全距离遮挡以及底部tabbar距离

uni-app在小程序和app中开发使用框架原生自带的tab栏是没问题的,但是最近用uniapp开发H5页面时才发现,使用框架原生自带的底部tab栏就会出问题了,层级z-index大概就是99,很容易就会被遮住了。原生底部tab栏的高度一般就是98rpx,所以给最底层的dom元素设置bottom时,就设置成98rpx,但是随着屏幕高度发生变化后,位置又会出问题。如下图左,底部fixed的部分会被部分遮挡;而我们要的效果应该是如下图右所以要在代码中加入安全距离,如下(设置bottom或者padding-

2020-06-27 15:00:45 2122

原创 js获取url所传递的参数

发现很多app的推广码扫了之后就是进入一个h5页面,做了好几个了,但总是忘记怎么取url后面的参数,所以做了个整理,以防后面还要网上找。方法一:function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg);

2020-06-16 18:21:22 42

转载 小程序通过扫码进入时获取二维码中的参数避坑

真的是巨坑,微信通过扫码进入的参数会被微信那边进行一些编译处理。最近刚遇到,比如:后端传给我的是scene是“10,24”,但是前端没做处理拿到的就是{scene: “21%2C212”},这个鬼东西了。我是如下处理的:let sion = JSON.stringify(decodeURIComponent(option.scene));我们再情景再现一下,想一下。1 开发阶段,在开发者工具中微信开发者工具中编译条件中有一个自定义编译模式,同时可以携带参数,启动参数中写你要携带的参数(注意再次声

2020-06-06 14:09:41 720

原创 前端验证url是否为http或者https开头

因为最近有用到h5+的这个api==>plus.runtime.openWeb(),传入的url必须是http或者https开头,想到后面会用到,所以记录一下。<input v-model='link' @blur="lookOrigin" /> lookOrigin(){ //查看原文 var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/; v

2020-05-29 10:29:29 528

原创 uni-app 中微信小程序使用高德地图等第三方 SDK的方法

获取SDK首先在高德开放平台,注册账号并且申请相关的 key 等信息;然后下载它的微信小程序版 SDK:微信小程序 SDK然后填写app包名,申请原生sdk的appkey信息,但不需要下载原生sdk。注意:App侧在Android中使用定位,或者Android、iOS使用地图,仍然需要同时向高德申请原生sdk的key信息,填写在manifest的app sdk配置中。新建一个 uni-ap...

2020-05-04 14:45:09 2532 1

原创 js将时间转换为时间戳(获取时间)

因为经常用到,有时忘记还是自己写一个算了,具体时间戳怎么定义的我也不清楚,但百度百科中有这么一句:“时间戳是自 1970 年 1 月 1 日(00:00:00 GMT)至当前时间的总秒数”。按这个定义,编程语言中倒是有一种类似的函数,getTime(),但这个函数返回的是自1970年1月1日到当前时间的总 毫秒数 ,而不是总 秒数。在js中,将一个字符转化成Date型也不是什么难事:va...

2020-04-14 14:26:46 172

原创 uni-app双指缩放图片大小

图片设置双指放大缩小这个功能相对来说比较简单的,是用于官方文档的路径(组件->视图容器->movable-area),movable-area可以做双指放大缩小,并且放大的同时可以左右移动图片(页面)用HBuilder X编辑器创建个uni-app项目<template> <view> <view class="uni-padd...

2020-04-01 18:02:32 1104

原创 JS正则表达式替换和删除url参数的方法

具体代码如下所示:```javascript/* 定义替换对象键值 */var setReferArgs = function(){ var referArgs = new Object(); referArgs['#userID\#'] = userId; referArgs['\#userName\#'] = userName; return referArgs;}/* 替...

2020-03-28 15:49:19 916

原创 js中数组的map() 方法,高效替换参数名

有些时候从后端拿过来的JSON对象数据,某些字段并不是前端想要的,需要对一些字段名进行重命名。用for循环改的有时数据量大了的话那就可能出现卡顿。建议使用map()方法。直接上代码:新数组名 = 旧数组名.map(iterator => { return { 新字段名1: iterator.旧字段名1 新字段名2: iterator.旧字段名2 }}) 例子:map...

2020-03-09 12:50:53 618

原创 uniapp(vue)图形验证码的无痛刷新

<–url为需要访问的接口地址–><template> <view> <view class="codeIpt"> <input type="text" class="uni-input" placeholder="图形验证码" v-model="code" /> <view cla...

2020-03-03 17:00:01 627

原创 uni-app 打包后关闭手机的旋转

打开App.vue 文件,在onLaunch下写上这串代码// #ifdef APP-PLUS // 锁定屏幕方向 plus.screen.lockOrientation('portrait-primary');// #endifunlockOrientation()方法恢复到应用的默认值。参数:orientation: ( String ) 必选 要锁定的屏幕方向值锁定屏幕方...

2020-03-03 10:01:25 429

转载 在使用组件cover-view遇到的那些坑

view在canvas上无法正常显示。在canvas上使用view来添加图片和弹框时,发现图片以及弹框在canvas的下面,不能正常显示图片。查看文档发现canvas、map、video等原生组件使用的是native实现的,默认显示在小程序的最上层,所以就把view换成cover-view或者cover-image。使用view效果:<view class = "sublin...

2020-03-02 17:52:27 1007

原创 uniapp开发APP如何使用subNVues(map,video组件必备技能)

在开发中,经常会遇到各种层级覆盖和原生界面自定义的问题:原生导航栏渐变背景色、灵活自定义内容覆盖原生导航栏、tabbar 的弹出层组件。比如侧滑菜单盖不住地图、视频、原生导航栏,比如 popup盖不住tabbar。弹出层内部元素可滚动,在地图、视频等组件上的添加复杂覆盖组件:比如直播视频上覆盖滚动的聊天记录。在小程序中只能用 cover-view 来解决。App中就有三种方法:1、c...

2020-03-02 17:47:48 2195 4

原创 CSS实现文本显示两行,超出部分显示省略号(常用到)

<div class="option-text"> <span v-text ="item.itemValue" class='ellipsis'></span></div> <style> .ellipsis { word-break: break-all; text-overfl...

2020-02-03 23:41:21 483

原创 小程序或者uniapp中页面传值跳转tabBar页面解决办法

最近在写项目遇到的问题,根据官方文档介绍--------switchTab(OBJECT)是跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。需要跳转的 tabBar 页面的路径(需在 pages.json 的 tabBar 字段定义的页面),但路径后不能带参数。要怎么解决呢?第一次我是用reLaunch,reLaunch()官方文档介绍的是如果跳转的页面路径是 tabBar...

2020-02-03 15:07:15 4756 2

原创 父组件传值给子组件&&子组件向父组件传值的方法

父组件传值给子组件:1.创建子组件,在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props,然后创建一个名为message的属性3.在App.vue中注册Child组件,并在template中加入child标签,标签中添加message属性并赋值4.保存修改的文件,查看浏览器5.我们依然可以对message的值进行v-bind动态...

2020-02-02 17:52:02 87

原创 uni-app关于小程序及app端第三方微信登陆问题(app端如何取得code值)

加强安全保护,防止部分应用邀请新用户有奖励而产生的刷号行为,和后端配合,不从前端传openid,取得相应的code值给后端,后端再去拿到openid获取用户信息。1.第三方微信登陆,主要是在获取code的时候感觉头痛,uni-app没有说明如何获取code,后来在网上搜索诸多信息后终于解决了问题uni-app在app端第三方微信登陆时要获取code再传给后端,后端根据code向微信发送登陆请求...

2020-01-15 16:29:06 2398

原创 uniapp中app分享小程序方法

在uniapp中只需要调用uni.share这个api就可以发起app中分享到小程序,其中id需要绑定小程序管理后台中的id。但是很多时候会报[share:-3]这个错误,官方给出的解释是:‘发送失败’,后来我多次尝试后发现,webUrl这个值不能为空,随便放个网址就可以了。...

2020-01-14 09:21:26 2904

原创 IOS上架时及开发注意事项

一、App Store的app审核分为两种:初审,app首次提交时的审核,即在connect后台上创建完一个新app之后的第一个提交版本,不管这个版本被打回了多少次,也不管版本号是否为1.0,只要该app没有曾通过审核的版本,就一律视为初审。游戏初审的等待时间为提交后2-3周,进入审核后持续3-5天出结果,非游戏类app的审核时间是游戏的一半左右。更新包审核,初审通过了之后再提交的所有版本无论...

2020-01-12 19:51:24 779

原创 h5+开发app,在ios上能拿到图片路径,但就是渲染不出来

在HBuilder X上编译时出的问题,但是我用老版的Hbuilder打包成app后又没有这个错误了,其实就是编译器出的鬼问题,没遇到肯定很坑的。如果遇到了,只需要在manifest.json文件中找到plus下的runmode属性改成–“liberate”,因为默认时normal的。...

2020-01-11 11:08:06 374

原创 h5+mui分享调起app跳指定页面

要先了解到URLScheme的作用我们都知道苹果手机中的APP都有一个沙盒,APP就是一个信息孤岛,相互是不可以进行通信的。但是iOS的APP可以注册自己的URL Scheme,URL Scheme是为方便app之间互相调用而设计的。我们可以通过系统的OpenURL来打开该app,并可以传递一些参数。URL Scheme必须能唯一标识一个APP,如果你设置的URL Scheme与别的APP的UR...

2020-01-11 10:53:05 522

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除