前端辑

摘要： localStorage浏览器本地缓存 pc需清除网站数据，或者开启新的无痕网页 移动端app需进入设置页面，点击“清除浏览数据”选项； pc端的开启无痕就相当于开启一个新的浏览器无痕项目，但是app端开启无痕不会自动先清除之前已保存的数据 sessionStorage浏览器页面缓存 Window. 阅读全文

摘要： Pointer Events API 是Hmtl5的事件规范之一，它主要目的是用来将鼠标（Mouse）、触摸（touch)和触控笔（pen）三种事件整合为统一的API。 Pointer指可以在屏幕上反馈一个指定坐标的输入设备。Pointer Event事件和Touch Event API对应的触摸事 阅读全文

摘要： tarojs Taro.chooseImage：qq浏览器限制，第一次使用是会弹出弹窗，如果点击允许就不会有问题，如果点击取消，qq浏览器会不调起权限弹窗的，是qq浏览器的网页限制行为，会默认自动禁止照相图片相关权限并且不再询问，需手动将浏览器的照相权限打开就没问题了 而且Taro.chooseIm 阅读全文

摘要： vue2项目中不能直接在store中声明响应式变量，vue3项目中能在store中直接声明响应式变量，页面元素也会响应式生效 在Vue 2项目中，store 中的状态默认情况下是不具备响应式的特性的。这是因为 Vue 2.x 使用的是基于对象定义的 Vue.observable() 来创建响应式对象 阅读全文

摘要： 页面元素滚动吸顶：position: sticky;top: 0;配合框架的滚动监听scrollTop做吸顶样式动态变化 usePageScroll(res => { const NavDom = navRef.value?.$el as HTMLDivElement; if (!NavDom) r 阅读全文

摘要： H5项目，活动页面，长图页面底图，在手机百度浏览器点击后会有预览效果，应该判断百度浏览器禁止页面的点击效果， const isBaidu = /baidu/i.test(navigator.userAgent); pointer-events: none; 阅读全文

摘要： setTimeout定时，但是退出页面还执行，如何解决 定时器的使用需记得清清除 使用对象变量赋值执行 在处理 setTimeout 定时器时，如果用户在定时器触发之前离开页面，你可以使用 clearTimeout 方法来清除定时器，以确保定时器不会在页面关闭后继续执行。以下是一个示例，展示如何使用 阅读全文

摘要： js处理事件：异步处理事件与线程，使用队列按序执行，事件广播，事件bus，事件监听，变量监听，动态执行，父子通信 在 Vue 3 中，你可以使用以下方法来处理异步事件、线程、队列执行、事件广播、事件总线、事件监听、变量监听、动态执行和父子通信： 1. 异步处理事件：可以使用 async/await 阅读全文

摘要： ts文件内部不能使用import { useRoute } from 'vue-router'; const route = useRoute();route undefined 在 TypeScript 文件中，不能在顶层作用域内使用 Vue 组件的 Hooks 函数，例如 useRoute。Ho 阅读全文

摘要： 如何在vue3项目app.ts中获取第三方跳转过来的token 提前处理携带token情况的初始化 两种方式 路由守卫和window.location token使用后清除路由上的token字段；替换当前的浏览器历史记录清除token，不导致页面重载：window.history.replaceSt 阅读全文