武城网站建设公司,wordpress注册函数,网页设计站点,成品网站源码1688的优势vue相比于小程序和uni-app 显然少了两个有点用的生命周期 onShow 应用被展示 onHide 应用被隐藏
但其实这个 要做其实也很简单 JavaScript中 有对应的visibilitychange事件可以监听 我们Html参考代码如下
!DOCTYPE html
html langen
head!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title展示中/title
/head
bodyscriptdocument.addEventListener(visibilitychange, function() {if(document.hidden){document.title 休息中;}else{document.title 展示中;}});/script
/body
/html这里 当visibilitychange事件触发 我们通过document.hidden确认是显示 还是被隐藏了 然后修改title的值 然后我们运行界面
可以看到 当我们停在页面上的时候 就是显示中 当我们切到其他界面 触发了事件 判断到隐藏了 就改为了休息中