- 博客(29)
- 收藏
- 关注
RSS订阅原创 Krpano中使用音频的方法和避开坑（audio和video无法同时播放的问题）
Krpano算是常用的全景开发的一个软件了，刚入手时遇到一堆坑，记录一下最近遇到的音频问题解决方法。使用Krpano时要在中间使用音频播放或者背景音乐时暂时就用到了三种方法：一、使用H5中的audio标签。这算是最简单常用的方法，也简单有效，当做的是全景图时，就可以用到这个，如果做的是全景视频时就不要用了，因为在ios上和一部分安卓机上就会出现，视频和音频无法同时播放的问题。audio： <audio src="路径" loop preload ref="horn" style="posi
2021-02-25 15:52:42
1743
原创 基础的js中window. location属性
遇到多次，做个笔记用该属性获取页面 URL 地址：window.location 对象所包含的属性属性 描述hash 从井号 (#) 开始的 URL（锚）host 主机名和当前 URL 的端口号hostname 当前 URL 的主机名href 完整的 URLpathname 当前 URL 的路径部分port 当前 URL 的端口号protocol 当前 URL 的协议search 从问号 (?) 开始的 URL（查询部分）如图就是取出url中的参数。JS 脚本捕获页面 GET 方
2020-12-28 16:17:30
324
原创 vue 图片懒加载（可结合vant)
一个页面图片比较多的时候，需要对界面的图片进行懒加载处理，今天遇到了，做个懒加载的笔记。(如果使用的是vant框架，同样需要安装这个插件，我一直没安装，按照官方文档来写的时候，就是加载不出来，安装了懒加载插件后就可以了，可以在f12中的network看到，滑到那个位置才请求的图片）1，需要安装vue的懒加载插件。npm install vue-lazyload --save-dev2，需要在main.js里面进行引用。复制代码import VueLazyload from “vue-lazylo
2020-12-24 15:56:58
1193
2
原创 js常用的时间戳互相转换方法，以及一些其它相关时间方法。
前言做项目其实经常需要与时间接触。时间戳与时间的转换问题，在这做一个记录。1.获取特定格式的时间myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime();
2020-12-08 14:11:05
389
原创 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
2086
1
原创 [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
3356
原创 uniapp如何禁止手动滑动 swiper 组件？
swiper 组件实现水平滑动切换，有时候只想通过点击按钮切换，需要禁用手动滑动切换。可以用下面的实现方法：dom元素中：在 swiper-item 增加一个方法js：方法实现返回falsestopTouchMove: function() { return false;}ps:微信小程序同样适用...
2020-08-04 22:07:45
3308
原创 设置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
1772
原创 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
15646
1
原创 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
267
转载 小程序通过扫码进入时获取二维码中的参数避坑
真的是巨坑，微信通过扫码进入的参数会被微信那边进行一些编译处理。最近刚遇到，比如：后端传给我的是scene是“10，24”，但是前端没做处理拿到的就是{scene: “21%2C212”}，这个鬼东西了。我是如下处理的：let sion = JSON.stringify(decodeURIComponent(option.scene));我们再情景再现一下，想一下。1 开发阶段，在开发者工具中微信开发者工具中编译条件中有一个自定义编译模式，同时可以携带参数，启动参数中写你要携带的参数（注意再次声
2020-06-06 14:09:41
2196
原创 前端验证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
5573
1
原创 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
9343
1
原创 js将时间转换为时间戳（获取时间）
因为经常用到，有时忘记还是自己写一个算了，具体时间戳怎么定义的我也不清楚，但百度百科中有这么一句：“时间戳是自 1970 年 1 月 1 日（00:00:00 GMT）至当前时间的总秒数”。按这个定义，编程语言中倒是有一种类似的函数，getTime()，但这个函数返回的是自1970年1月1日到当前时间的总 毫秒数 ，而不是总 秒数。在js中，将一个字符转化成Date型也不是什么难事：va...
2020-04-14 14:26:46
1557
原创 uni-app双指缩放图片大小
图片设置双指放大缩小这个功能相对来说比较简单的，是用于官方文档的路径(组件->视图容器->movable-area)，movable-area可以做双指放大缩小，并且放大的同时可以左右移动图片(页面)用HBuilder X编辑器创建个uni-app项目<template> <view> <view class="uni-padd...
2020-04-01 18:02:32
3666
原创 JS正则表达式替换和删除url参数的方法
具体代码如下所示：```javascript/* 定义替换对象键值 */var setReferArgs = function(){ var referArgs = new Object(); referArgs['#userID\#'] = userId; referArgs['\#userName\#'] = userName; return referArgs;}/* 替...
2020-03-28 15:49:19
3384
原创 js中数组的map() 方法，高效替换参数名
有些时候从后端拿过来的JSON对象数据，某些字段并不是前端想要的，需要对一些字段名进行重命名。用for循环改的有时数据量大了的话那就可能出现卡顿。建议使用map（）方法。直接上代码：新数组名 = 旧数组名.map(iterator => { return { 新字段名1: iterator.旧字段名1 新字段名2: iterator.旧字段名2 }}) 例子：map...
2020-03-09 12:50:53
5001
原创 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
1809
原创 uni-app 打包后关闭手机的旋转
打开App.vue 文件，在onLaunch下写上这串代码// #ifdef APP-PLUS // 锁定屏幕方向 plus.screen.lockOrientation('portrait-primary');// #endifunlockOrientation()方法恢复到应用的默认值。参数：orientation: ( String ) 必选 要锁定的屏幕方向值锁定屏幕方...
2020-03-03 10:01:25
1728
转载 在使用组件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
6088
原创 uniapp开发APP如何使用subNVues（map,video组件必备技能）
在开发中，经常会遇到各种层级覆盖和原生界面自定义的问题：原生导航栏渐变背景色、灵活自定义内容覆盖原生导航栏、tabbar 的弹出层组件。比如侧滑菜单盖不住地图、视频、原生导航栏，比如 popup盖不住tabbar。弹出层内部元素可滚动,在地图、视频等组件上的添加复杂覆盖组件：比如直播视频上覆盖滚动的聊天记录。在小程序中只能用 cover-view 来解决。App中就有三种方法：1、c...
2020-03-02 17:47:48
12182
9
原创 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
2204
原创 小程序或者uniapp中页面传值跳转tabBar页面解决办法
最近在写项目遇到的问题，根据官方文档介绍--------switchTab(OBJECT)是跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。需要跳转的 tabBar 页面的路径（需在 pages.json 的 tabBar 字段定义的页面），但路径后不能带参数。要怎么解决呢？第一次我是用reLaunch，reLaunch（）官方文档介绍的是如果跳转的页面路径是 tabBar...
2020-02-03 15:07:15
9824
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
579
原创 uni-app关于小程序及app端第三方微信登陆问题（app端如何取得code值）
加强安全保护，防止部分应用邀请新用户有奖励而产生的刷号行为，和后端配合，不从前端传openid，取得相应的code值给后端，后端再去拿到openid获取用户信息。1.第三方微信登陆，主要是在获取code的时候感觉头痛，uni-app没有说明如何获取code,后来在网上搜索诸多信息后终于解决了问题uni-app在app端第三方微信登陆时要获取code再传给后端，后端根据code向微信发送登陆请求...
2020-01-15 16:29:06
6435
3
原创 uniapp中app分享小程序方法
在uniapp中只需要调用uni.share这个api就可以发起app中分享到小程序，其中id需要绑定小程序管理后台中的id。但是很多时候会报[share：-3]这个错误，官方给出的解释是：‘发送失败’，后来我多次尝试后发现，webUrl这个值不能为空，随便放个网址就可以了。...
2020-01-14 09:21:26
6472
2
原创 IOS上架时及开发注意事项
一、App Store的app审核分为两种：初审，app首次提交时的审核，即在connect后台上创建完一个新app之后的第一个提交版本，不管这个版本被打回了多少次，也不管版本号是否为1.0，只要该app没有曾通过审核的版本，就一律视为初审。游戏初审的等待时间为提交后2-3周，进入审核后持续3-5天出结果，非游戏类app的审核时间是游戏的一半左右。更新包审核，初审通过了之后再提交的所有版本无论...
2020-01-12 19:51:24
2787
原创 h5+开发app，在ios上能拿到图片路径，但就是渲染不出来
在HBuilder X上编译时出的问题，但是我用老版的Hbuilder打包成app后又没有这个错误了，其实就是编译器出的鬼问题，没遇到肯定很坑的。如果遇到了，只需要在manifest.json文件中找到plus下的runmode属性改成–“liberate”，因为默认时normal的。...
2020-01-11 11:08:06
945
1
原创 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
1296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人