填坑随笔(持续更新...)

JS中的new Date() 在IOS中的坑

下面这段代码是获得字符中指定的日期

let date = "2018-12-27"
let formatDate = new Date(date)

正常输入应为

console.log(formatDate) //Thu Dec 27 2018 08:00:00 GMT+0800 (中国标准时间)

但是在ios上确会报错 显示NAN

通过网上搜索才了解到 ios不识别 - -形式 要转化为/ /形式 就可以正常输出了

let date = "2018-12-27"
let newDate = date..replace(/\-/g, "/");
let formatDate = new Date(newDate)
console.log(newDate) // "2018/12/27"
console.log(formatDate) //Thu Dec 27 2018 08:00:00 GMT+0800 (中国标准时间)

因为 我这个项目 有大量的年月日计算 为了 方便 写了一个共用的函数

//将xxxx-xx-xx的时间格式，转换为 xxxx/xx/xx的格式 
resizeDate(date) {  
       return date= date.replace(/\-/g, "/"); 
     }

vue-router传参

1. query方式传参和接收参数
query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数;当接收参数的页面刷新时，传递来的参数不变

//不管是params和query传参 传递参数为 this.$router 而接收参数为 this.$route

// 传递参数 id
		this.$router.push({
					path: '/path',
					query: {
						id:id
					}
				})
// 接收参数 id
       this.$route.query.id

2. params方式传参和接收参数
param传递参数相当于post; 参数不会在地址栏显示, 当接收参数的页面刷新时，传递来的参数变为空

//不管是params和query传参 传递参数为 this.$router 而接收参数为 this.$route
// 传递参数 id
		this.$router.push({
					name: 'name',
					params: {
						id:id
					}
				})
// 接收参数 id
       this.$route.params.id

注意:params传参，push里面只能是 name:‘xxxx’,不能是path:’/xxx’,因为params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined！！!

微信小程序 关注公众号组件official-account的坑

看问题之前先了解下微信小程序运行机制 、微信小程序组件official-account
在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:
1.当小程序从扫二维码场景（场景值1011）打开时
2.当小程序从扫小程序码场景（场景值1047）打开时
3.当小程序从聊天顶部场景（场景值1089）中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
4.当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
以上4个场景值下 才会显示 official-account 组件
今天我们主要说的是场景值1089与1038的坑
这两次场景值 只有在小程序未被销毁才会显示 official-account ；
当小程序进入后台，客户端会维持一段时间的运行状态，超过一定时间后（目前是5分钟）会被微信主动销毁；
当把小程序从后台删除之后，小程序也被销毁
所以当出现这两种状况下1089与1038场景值下就不在显示组件official-account

不能多次上传一张图片

1.当上传之后是否清空value值；
2.改变input中 type值

剪贴板插件clipboard.js

剪贴板插件clipboard.js，给他绑定一个click.stop()事件失效!
.stop()阻止冒泡事件

//修改前
 <button class="btn" :data-clipboard-text="msg" 是放置需要复制的数据  @click = "copy"/></button>

//修改后
 <button class="btn" :data-clipboard-text="msg" 是放置需要复制的数据 @click.stop = "stopClick" @click = "copy"/></button>
<javascript>
stopClick() {
	// 勿删！！！！
	// 仅仅为了防止clipboardJS点击复制文字的时候无法阻止冒泡，导致触发父级方法	
	},
</javascript>