每日兩道前端面試題20190302

摘要： 頁面可見性有哪些用途？ 頁面可見性：對於使用者來說，可見性的意思就是能不能看到，顯示的頁面，就是我們正在看的頁面，隱藏的頁面，就是我們沒有看的頁面。因為我們一次要開啟好多標籤頁面來回切換著，始終只有一個頁面在我們眼前，其它頁面都是隱藏的。 使用方式：給document新增vi...

頁面可見性有哪些用途？

頁面可見性：對於使用者來說，可見性的意思就是能不能看到，顯示的頁面，就是我們正在看的頁面，隱藏的頁面，就是我們沒有看的頁面。因為我們一次要開啟好多標籤頁面來回切換著，始終只有一個頁面在我們眼前，其它頁面都是隱藏的。

使用方式：給document新增visibilitychange事件，document.hidden為true則可見，為false則為隱藏，不同頁面之間切換，促發visbilitychange事件.

document.addEventListener("visibilitychange",function(){
if(document.hidden){
document.title="hidden";
}
else{
document.title="visibile"
}
});
console.log(document.visibilityState);

備註：動畫，視訊，音訊都可以在頁面顯示時開啟，在頁面隱藏時關閉

實現不使用 border 畫出1px高的線，在不同瀏覽器的標準模式與怪異模式下都能保持一致的效果

<div style="height:1px; overflow:hidden;background:red"></div>