<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mengmeng1_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mengmeng1_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mengmeng1_]]></copyright><item><title><![CDATA[Krpano中使用音频的方法和避开坑（audio和video无法同时播放的问题）]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/114084826</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/114084826</guid><author>mengmeng1_</author><pubDate>Thu, 25 Feb 2021 15:52:42 +0800</pubDate><description><![CDATA[Krpano算是常用的全景开发的一个软件了，刚入手时遇到一堆坑，记录一下最近遇到的音频问题解决方法。
使用Krpano时要在中间使用音频播放或者背景音乐时暂时就用到了三种方法：
一、使用H5中的audio标签。
这算是最简单常用的方法，也简单有效，当做的是全景图时，就可以用到这个，如果做的是全景视频时就不要用了，因为在ios上和一部分安卓机上就会出现，视频和音频无法同时播放的问题。
audio：
 &lt;audio src="路径" loop  preload ref="horn" style="posi]]></description><category></category></item><item><title><![CDATA[基础的js中window. location属性]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/111869094</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/111869094</guid><author>mengmeng1_</author><pubDate>Mon, 28 Dec 2020 16:17:30 +0800</pubDate><description><![CDATA[遇到多次，做个笔记
用该属性获取页面 URL 地址：
window.location 对象所包含的属性

属性	描述
hash	从井号 (#) 开始的 URL（锚）
host	主机名和当前 URL 的端口号
hostname	当前 URL 的主机名
href	完整的 URL
pathname	当前 URL 的路径部分
port	当前 URL 的端口号
protocol	当前 URL 的协议
search	从问号 (?) 开始的 URL（查询部分）
如图就是取出url中的参数。
JS 脚本捕获页面 GET 方]]></description><category></category></item><item><title><![CDATA[vue 图片懒加载（可结合vant)]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/111635224</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/111635224</guid><author>mengmeng1_</author><pubDate>Thu, 24 Dec 2020 15:56:58 +0800</pubDate><description><![CDATA[一个页面图片比较多的时候，需要对界面的图片进行懒加载处理，今天遇到了，做个懒加载的笔记。
(如果使用的是vant框架，同样需要安装这个插件，我一直没安装，按照官方文档来写的时候，就是加载不出来，安装了懒加载插件后就可以了，可以在f12中的network看到，滑到那个位置才请求的图片）
1，需要安装vue的懒加载插件。
npm install vue-lazyload --save-dev
2，需要在main.js里面进行引用。
复制代码
import VueLazyload from “vue-lazylo]]></description><category></category></item><item><title><![CDATA[js常用的时间戳互相转换方法，以及一些其它相关时间方法。]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/110872173</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/110872173</guid><author>mengmeng1_</author><pubDate>Tue, 08 Dec 2020 14:11:05 +0800</pubDate><description><![CDATA[前言
做项目其实经常需要与时间接触。时间戳与时间的转换问题，在这做一个记录。
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(); ]]></description><category></category></item><item><title><![CDATA[vue中html2canvas在IOS13以上失效的问题解决办法]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/108873525</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/108873525</guid><author>mengmeng1_</author><pubDate>Tue, 29 Sep 2020 18:33:35 +0800</pubDate><description><![CDATA[一、问题描述
最近在开发 html2canvas 的时候，突然发现，html2canvas在IOS13.4系统中调用失败。一直是不会去调用的，头都要秃了一直找办法，后面在面向百度编程中找到了答案。
二、解决方案
1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】
版本降低方法
首先移除 html2canvas 【npm uninstall html2canvas】
然后安装指定版本 【npm install --save html2canvas@1.0.0]]></description><category></category></item><item><title><![CDATA[[Vue warn]: Duplicate keys detected: ‘11‘. This may cause an update error.这种报错]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/108740863</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/108740863</guid><author>mengmeng1_</author><pubDate>Tue, 22 Sep 2020 20:51:38 +0800</pubDate><description><![CDATA[[Vue warn]: Duplicate keys detected: ‘11’. This may cause an update error.
今天突然遇到这种错误，一脸懵，到处找解决方案也没有找到，后面尝试将两个并行一起使用Key的原因。
在其中一个并行的v-for里面修改key

区别于下面的key即可
但是具体原因是不知道，不知道有哪位大佬能指教一下~~

...]]></description><category></category></item><item><title><![CDATA[uniapp如何禁止手动滑动 swiper 组件？]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/107801457</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/107801457</guid><author>mengmeng1_</author><pubDate>Tue, 04 Aug 2020 22:07:45 +0800</pubDate><description><![CDATA[swiper 组件实现水平滑动切换，有时候只想通过点击按钮切换，需要禁用手动滑动切换。可以用下面的实现方法：
dom元素中：在 swiper-item 增加一个方法

js：方法实现返回false
stopTouchMove: function() {
  return false;
}
ps:微信小程序同样适用

...]]></description><category></category></item><item><title><![CDATA[设置url只能在微信中打开，其他页面给提醒，适用微信公众号等H5页面]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/107101562</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/107101562</guid><author>mengmeng1_</author><pubDate>Fri, 03 Jul 2020 11:08:01 +0800</pubDate><description><![CDATA[一个项目是app+微信公众号h5页面，总会遇到一些在app中可以使用但普通h5页面用不了的api，
比如“扫一扫”
对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器：
var useragent = navigator.userAgent.toLowerCase();
if (useragent.indexOf(‘micromessenger’) === -1) {
// micromessenger微信独有标识  这个关键
// 停止代码继续执行，并弹出提示框
return a]]></description><category></category></item><item><title><![CDATA[uni-app底部tab栏安全距离遮挡以及底部tabbar距离]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/106982720</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/106982720</guid><author>mengmeng1_</author><pubDate>Sat, 27 Jun 2020 15:00:45 +0800</pubDate><description><![CDATA[uni-app在小程序和app中开发使用框架原生自带的tab栏是没问题的，但是最近用uniapp开发H5页面时才发现，使用框架原生自带的底部tab栏就会出问题了，层级z-index大概就是99，很容易就会被遮住了。原生底部tab栏的高度一般就是98rpx，所以给最底层的dom元素设置bottom时，就设置成98rpx，但是随着屏幕高度发生变化后，位置又会出问题。
如下图左，底部fixed的部分会被部分遮挡；而我们要的效果应该是如下图右

所以要在代码中加入安全距离，如下(设置bottom或者padding-]]></description><category></category></item><item><title><![CDATA[js获取url所传递的参数]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/106792778</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/106792778</guid><author>mengmeng1_</author><pubDate>Tue, 16 Jun 2020 18:21:22 +0800</pubDate><description><![CDATA[发现很多app的推广码扫了之后就是进入一个h5页面，做了好几个了，但总是忘记怎么取url后面的参数，所以做了个整理，以防后面还要网上找。
方法一：
function getQueryString(name) { 
        var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)", "i"); 
        var r = window.location.search.substr(1).match(reg); 
     ]]></description><category></category></item><item><title><![CDATA[小程序通过扫码进入时获取二维码中的参数避坑]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/106586906</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/106586906</guid><author>mengmeng1_</author><pubDate>Sat, 06 Jun 2020 14:09:41 +0800</pubDate><description><![CDATA[真的是巨坑，微信通过扫码进入的参数会被微信那边进行一些编译处理。最近刚遇到，
比如：后端传给我的是
scene是“10，24”，但是前端没做处理拿到的就是{scene: “21%2C212”}，这个鬼东西了。
我是如下处理的：let sion = JSON.stringify(decodeURIComponent(option.scene));
我们再情景再现一下，想一下。
1 开发阶段，在开发者工具中
微信开发者工具中编译条件中有一个自定义编译模式，同时可以携带参数，启动参数中写你要携带的参数（注意再次声]]></description><category></category></item><item><title><![CDATA[前端验证url是否为http或者https开头]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/106420068</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/106420068</guid><author>mengmeng1_</author><pubDate>Fri, 29 May 2020 10:29:29 +0800</pubDate><description><![CDATA[因为最近有用到h5+的这个api==&gt;plus.runtime.openWeb()，传入的url必须是http或者https开头，想到后面会用到，所以记录一下。
&lt;input v-model='link' @blur="lookOrigin" /&gt;

		lookOrigin(){
			//查看原文
			        var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&amp;=]*)?/;
			        v]]></description><category></category></item><item><title><![CDATA[uni-app 中微信小程序使用高德地图等第三方 SDK的方法]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/105917358</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/105917358</guid><author>mengmeng1_</author><pubDate>Mon, 04 May 2020 14:45:09 +0800</pubDate><description><![CDATA[获取SDK
首先在高德开放平台，注册账号并且申请相关的 key 等信息；
然后下载它的微信小程序版 SDK：微信小程序 SDK
然后填写app包名，申请原生sdk的appkey信息，但不需要下载原生sdk。注意：App侧在Android中使用定位，或者Android、iOS使用地图，仍然需要同时向高德申请原生sdk的key信息，填写在manifest的app sdk配置中。
新建一个 uni-ap...]]></description><category></category></item><item><title><![CDATA[js将时间转换为时间戳（获取时间）]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/105511383</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/105511383</guid><author>mengmeng1_</author><pubDate>Tue, 14 Apr 2020 14:26:46 +0800</pubDate><description><![CDATA[因为经常用到，有时忘记还是自己写一个算了，具体时间戳怎么定义的我也不清楚，但百度百科中有这么一句：“时间戳是自 1970 年 1 月 1 日（00:00:00 GMT）至当前时间的总秒数”。
按这个定义，编程语言中倒是有一种类似的函数，getTime()，但这个函数返回的是自1970年1月1日到当前时间的总  毫秒数 ，而不是总  秒数。
在js中，将一个字符转化成Date型也不是什么难事：
va...]]></description><category></category></item><item><title><![CDATA[uni-app双指缩放图片大小]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/105251911</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/105251911</guid><author>mengmeng1_</author><pubDate>Wed, 01 Apr 2020 18:02:32 +0800</pubDate><description><![CDATA[图片设置双指放大缩小这个功能相对来说比较简单的，是用于官方文档的路径(组件-&gt;视图容器-&gt;movable-area)，movable-area可以做双指放大缩小，并且放大的同时可以左右移动图片(页面)
用HBuilder X编辑器创建个uni-app项目
&lt;template&gt;
    &lt;view&gt;
        &lt;view class="uni-padd...]]></description><category></category></item><item><title><![CDATA[JS正则表达式替换和删除url参数的方法]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/105162403</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/105162403</guid><author>mengmeng1_</author><pubDate>Sat, 28 Mar 2020 15:49:19 +0800</pubDate><description><![CDATA[具体代码如下所示：

```javascript
/* 定义替换对象键值 */
var setReferArgs = function(){
 var referArgs = new Object();
 referArgs['#userID\#'] = userId;
 referArgs['\#userName\#'] = userName;
 return referArgs;
}
/* 替...]]></description><category></category></item><item><title><![CDATA[js中数组的map() 方法，高效替换参数名]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/104750097</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/104750097</guid><author>mengmeng1_</author><pubDate>Mon, 09 Mar 2020 12:50:53 +0800</pubDate><description><![CDATA[有些时候从后端拿过来的JSON对象数据，某些字段并不是前端想要的，需要对一些字段名进行重命名。用for循环改的有时数据量大了的话那就可能出现卡顿。建议使用map（）方法。
直接上代码：
新数组名 = 旧数组名.map(iterator =&gt; {
	return {
		新字段名1: iterator.旧字段名1
		新字段名2: iterator.旧字段名2
	}
}) 

例子：

map...]]></description><category></category></item><item><title><![CDATA[uniapp（vue)图形验证码的无痛刷新]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/104636199</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/104636199</guid><author>mengmeng1_</author><pubDate>Tue, 03 Mar 2020 17:00:01 +0800</pubDate><description><![CDATA[&lt;–url为需要访问的接口地址–&gt;
&lt;template&gt;
  &lt;view&gt;
      &lt;view class="codeIpt"&gt;
        &lt;input type="text" class="uni-input" placeholder="图形验证码" v-model="code" /&gt;
        &lt;view cla...]]></description><category></category></item><item><title><![CDATA[uni-app 打包后关闭手机的旋转]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/104626213</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/104626213</guid><author>mengmeng1_</author><pubDate>Tue, 03 Mar 2020 10:01:25 +0800</pubDate><description><![CDATA[打开App.vue 文件，
在onLaunch下写上这串代码
// #ifdef APP-PLUS
	// 锁定屏幕方向
	plus.screen.lockOrientation('portrait-primary');
// #endif

unlockOrientation()方法恢复到应用的默认值。
参数：
orientation: ( String ) 必选 要锁定的屏幕方向值
锁定屏幕方...]]></description><category></category></item><item><title><![CDATA[在使用组件cover-view遇到的那些坑]]></title><link>https://blog.youkuaiyun.com/mengmeng1_/article/details/104616209</link><guid>https://blog.youkuaiyun.com/mengmeng1_/article/details/104616209</guid><author>mengmeng1_</author><pubDate>Mon, 02 Mar 2020 17:52:27 +0800</pubDate><description><![CDATA[view在canvas上无法正常显示。
在canvas上使用view来添加图片和弹框时，发现图片以及弹框在canvas的下面，不能正常显示图片。

查看文档发现canvas、map、video等原生组件使用的是native实现的，默认显示在小程序的最上层，所以就把view换成cover-view或者cover-image。
使用view效果：


&lt;view class = "sublin...]]></description><category></category></item></channel></rss>