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

妖狐艹你老母 2022-04-10 04:46 345阅读 0赞

#  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  
![在这里插入图片描述][20181227151003827.png]  
通过网上搜索才了解到 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的坑 #

看问题之前先了解下[微信小程序运行机制][Link 1] 、[微信小程序组件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>

[20181227151003827.png]: /images/20220402/9e8f3daa84e24cfcb60d44b95de14f2a.png
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/framework/operating-mechanism.html
[official-account]: https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html