小知识
vue js获取当前浏览器的分辨率
// 宽度: document.body.clientWidth
// 高度: document.body.clientHeight
data() { // 可直接挂载到data数据上
return {
Width: document.body.clientWidth,
Height: document.body.clientHeight,
}
}
//这个可以获取当前浏览器和电脑缩放比例
detectZoom() {
let ratio = 0
const screen = window.screen
const ua = navigator.userAgent.toLowerCase()
if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio
} else if (~ua.indexOf('msie')) {
if (screen.deviceXDPI && screen.logicalXDPI) {
ratio = screen.deviceXDPI / screen.logicalXDPI
}
} else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
ratio = window.outerWidth / window.innerWidth
}
if (ratio) {
ratio = Math.round(ratio * 100)
}
return ratio
},
当浏览器为100%时,返回结果是
es6总结`:
箭头函数 ()=> 下的this值始终指向函数声名时所在作用域下的this值