document.referrer 遇到 H5 History
在一个Vue项目中,我需要获取上一个页面地址做判断,从而为一个埋点事件传值
当使用this.$router.push
跳转后document.referrer
的总是为""
后来发现通过创建a
标签再模拟点击的方式就可以正常获取值
本质上还是this.$router.push
是基于H5 History实现的
回到之前的需求,对于业内跳转可以通过window.sessionStorage
存储值,消费完删除就可以了
我第一次以为是document.referrer
不行,尝试有没有其它方式,卒,后来察觉可能和this.$router.push
有关,尝试用a标签模拟点击,再想到和H5 History
有关
不过,在已有的埋点SDK中,尽管是this.$router.push
跳转document.referrer
还是获取到了值,我去观察下实现。
typeof
偶然发现 typeof adsdassdasadsad
会输出undefined
,而不是报错,要知道 adsdassdasadsad是没有声明的,不过typeof adsdassda;sadsad
就会报错了,因为;号是一个语句的结束, 执行sadsad
就会报
在做nuxt
的项目中,服务器端渲染的时候,想用获取客户端请求携带的cookie,用于鉴权,当时是用js-cookie
读取,这是用在客户端的,肯定是不行的,但是它不报错就很奇怪,发现源码里做了判断,类似于
if(typeof document === "undefined"){
return;
}
H5键盘"前往" 改成"发送"
默认
使用enterkeyhint="send"
<input enterkeyhint="send" />
更多类型: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/enterKeyHint
兼容性: https://caniuse.com/?search=HTML%20enterkeyhint
另外H5想要判断键盘被拉起收回是不方便的,可以改成输入框有值的时候再做一些UI上的改变,比如出现"发送"按钮
vue 组件自动导入
2020 - 03 - 19
在<template>
直接写组件是可以自动导入的,还会放进components里,哇哦。
本文将持续更新
关注专题 前端便利店 https://www.jianshu.com/c/c3f77a86d9a5 ,帮您省时省力!