JavaScript 监听截图

介绍一下Document.visibilityState当项目遇到一个,扫码登录,并禁止截图,截图后二维码更新,等等类似情况此时可以使用到Document.visibilityState ,监听document visibilityStatedocument.addEventListener("visibilitychange", function() { console.log( document.visibilityState ); });visible : 此时页面内容至少是部分可见. 即此页面在前景标签页中,并且窗口没有最小化.hidden : 此时页面对用户不可见. 即文档处于背景标签页或者窗口处于最小化状态,或者操作系统正处于 '锁屏状态' .prerender : 页面此时正在渲染中, 因此是不可见的 (considered hidden for purposes of document.hidden). 文档只能从此状态开始,永远不能从其他值变为此状态.注意: 浏览器支持是可选的.根据状态来触发对应流程

Vue Class的显示

Vue Class 中 可以传入 字符串,对象,数组在传入对象的时候 可以通过 对象的 key 值 true/false 来控制这个class是否显示:class="{'collapse': isCollapse}"isCollapse(){ return true }

摘记语录

好的代码像粥一样,都是用时间熬出来的 --Pocky

小程序登录流程与判断登录信息失效

小程序登录流程整理流程图代码示例function wxLogin() { // 调用wx.login wx.login({ success: (res) => { // 获取到code const CODE = res.code; wx.showToast({ title: '数据加载中', icon: 'loading' }) // 使用code和后端换取openid,sessionKey request('后端提供的接口', 'POST', { code: CODE }, { 'content-type': 'application/json' }).then(res => { wx.hideToast() if (res.data.InfoState == 0) { getUserInfo().then( // 成...

Vue3初步了解

Vue3与Vue2的不同Vue3 新特性 setup函数Vue3最大的改变算是 composition API,而 setup是composition API的入口函数在setup中定义值与方法与Vue2中的Opthions API定义有所不同,在Vue2 中 我们定义值和对象 我们会在 data中return一个对象中定义例如<p>{{name}}<p> data() { return { name: Soya, obj:{ site:'xiaoyio.com', age:18 } }; }而在Vue3中使用composition API我们定义值和对象的话我们需要引入 ref 和 reactive例如<p>姓名:{{name}}<p> <p>网址:{{obj.site}}<p> import { ref, reactive } from "vue"; setup(){ const name...