项目笔记
1、项目网络状态监听并跳转路由1234567891011onMounted(() => { window.addEventListener('offline', ()=>{ // 网络异常时触发 router.push({ name: 'Disconnect' }) sessionStorage.locationUrl=window.location.href; }); window.addEventListener('online',()=>{ // 网络恢复正常时触发 window.location.href=sessionStorage.locationUrl });}) 2、H5项目每次跳转路由滚动条回到顶部在路由守卫中配置 12document.title = to.meta.titlewindow.scrollTo(0,0)
前端判断当前访问设备类型
在utils目录下创建一个isType文件1234567891011121314151617181920const ua = window.navigator.userAgent;export const isWap = /Android|iPhone|ios|iPad|iPod|BlackBerry|IEMobile/i.test(ua); // 是否是移动端export const isWeixin = /MicroMessenger/i.test(ua); // 是否是微信浏览器export const isAlipay = /AlipayClient/i.test(ua); // 是否是支付宝浏览器export const isAndroid = /Android/i.test(ua); // 是否安卓设备export const isIOS = /iphone|ios|ipad|ipod/i.test(ua);export const isMainClient = /aijiao100\(newk12/i.test(ua);export const isWeibo = ...
微信支付JSAPI前端调起支付
在微信浏览器里面打开H5网页中执行JS调起支付。接口输入输出数据格式为JSON。 注意：WeixinJSBridge内置对象在其他浏览器中无效。1、网页端接口请求参数列表12345678{ appid: string, // appId为当前服务商号绑定的appid timeStamp: string, // 当前的时间 nonceStr: string, // 随机字符串，不长于32位。 package: string, // 统一下单接口返回的prepay_id参数值 signType: string, // 签名类型，默认为MD5，支持HMAC-SHA256和MD5。 paySign: string // 签名} 以上参数皆是必填项统一由后端接口返回参数 2、返回结果值说明123get_brand_wcpay_request:ok // 支付成功get_brand_wcpay_request:cancel // 支付过程中用户取消get_brand_wcpay_request:fail // 支付失败 注：JS API的返回结果get_b...
