web初学者必备-不断更新中...

1.判断是否是微信浏览器
export function isWechat() {
const ua = window.navigator.userAgent.toLocaleLowerCase()
return !!ua.match(/MicroMessenger/i)
}
2. 图片压缩网站,很好用的
图片压缩:https://tinyjpg.com/
3.键盘弹起事件处理
/*
键盘弹起处理
ios 键盘弹起,window.innerHeight 不变,body、html 的 clientHeight、offsetHeight 增大,页面整体上移,暂不做特殊处理
android 键盘弹起,window.innerHeight、body、html 的 clientHeight、offsetHeight 均变小,需要将 input 框滚动到可视区
*/
const originHeight = document.documentElement.clientHeight || document.body.clientHeight
window.addEventListener(‘resize‘, () => {
const resizeHeight = document.documentElement.clientHeight || document.body.clientHeight
// android 键盘弹起
if (originHeight > resizeHeight) {
// 将元素滚动到可视区域
const activeElement = document.activeElement
const tagName = activeElement.tagName
if (tagName === ‘INPUT‘ || tagName === ‘TEXTAREA‘) {
activeElement.scrollIntoViewIfNeeded()
}
}
}, false)
 

web初学者必备-不断更新中...

上一篇:在vue 或 普通html中 使用CanvasNest作网页动态背景


下一篇:jsonObject.toJSONString()将数