前端开发日常记录

2020.02.26

1.h5端，ios列表滚动，页面数据消失白屏原因

取消父级盒子overflow:hidden 

2.ios时间错误问题

需要转换为 yyyy/MM/dd hh:mm:ss 格式

2. vue在hash模式中分享带参数链接，跳转到首页问题

// 设置分享链接
// 1.获取#后的所有内容，含参数
const path = location.hash.split('#')[1];
// 2.获取#后的所有内容，拼接回调地址
const shareUrl = location.origin + '/?redirectPath=' + path;
// 3. 设置微信分享内容
wx.ready(() => {
   wx.onMenuShareTimeline({
        title: shareTitle, // 分享标题
        link: shareUrl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: shareImg, // 分享图标
        success (res: any) {
            // 用户确认分享后执行的回调函数
            Toast('分享成功！')
        },
        cancel (res: any) {
            // 用户取消分享后执行的回调函数
            Toast(' 取消分享')
            // logUtil.printLog("取消分享到朋友圈返回的信息为:",res);
        }
    })
    wx.onMenuShareAppMessage({
        title: shareTitle, // 分享标题
        desc: shareDesc, // 分享描述
        link: shareUrl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: shareImg, // 分享图标
        type: '', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
        success (res: any) {
            // 用户确认分享后执行的回调函数
            Toast('分享成功！')
        },
        cancel (res: any) {
            // 用户取消分享后执行的回调函数
            Toast(' 取消分享')
            // logUtil.printLog("取消分享到朋友圈返回的信息为:",res);
        }
    }) 
     
})

//4.在router.beforeEach 中判断是否有redirectPath做处理，跳转正确页面
router.beforeEach(async (to: Route, from: Route, next: any) => {
    if (location.search.indexOf('redirectPath') > -1) {
        window.location.replace(location.origin + '/#' +             
   location.search.split('redirectPath=')[1])
        return
    }
})