導論
前言
為什么學習JavaScript
JavaScript的歷史
基本語法
語法概述
數(shù)值
字符串
對象
數(shù)組
函數(shù)
運算符
數(shù)據(jù)類型轉換
錯誤處理機制
JavaScript 編程風格
標準庫
Object對象
包裝對象和Boolean對象
Number對象
String對象
Math對象
Date對象
RegExp對象
JSON對象
ArrayBuffer：類型化數(shù)組
面向對象編程
概述
封裝
繼承
模塊化編程
DOM
Node節(jié)點
document節(jié)點
Element對象
Text節(jié)點和DocumentFragment節(jié)點
Event對象
CSS操作
Mutation Observer
瀏覽器對象
瀏覽器的JavaScript引擎
定時器
window對象
history對象
Ajax
同域限制和window.postMessage方法
Web Storage：瀏覽器端數(shù)據(jù)儲存機制
IndexedDB：瀏覽器端數(shù)據(jù)庫
Web Notifications API
Performance API
移動設備API
HTML網(wǎng)頁元素
Canvas API
SVG 圖像
表單
文件和二進制數(shù)據(jù)的操作
Web Worker
服務器發(fā)送事件
Page Visibility API
Fullscreen API：全屏操作
Web Speech
requestAnimationFrame
WebSocket
WebRTC
Web Components
HTML網(wǎng)頁的API
HTML網(wǎng)頁元素
Canvas API
SVG 圖像
表單
文件和二進制數(shù)據(jù)的操作
Web Worker
服務器發(fā)送事件
Page Visibility API
Fullscreen API：全屏操作
Web Speech
requestAnimationFrame
WebSocket
WebRTC
Web Components
開發(fā)工具
console對象
PhantomJS
Bower：客戶端庫管理工具
Grunt：任務自動管理工具
Gulp：任務自動管理工具
Browserify：瀏覽器加載Node.js模塊
RequireJS和AMD規(guī)范
Source Map
JavaScript 程序測試
JavaScript高級語法
Promise對象
有限狀態(tài)機
MVC框架與Backbone.js
嚴格模式
ECMAScript 6 介紹
附錄
JavaScript API列表
?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
文字
屬性
VisibilityChange事件
參考鏈接
PageVisibility API用于判斷頁面是否處于瀏覽器的當前窗口，即是否可見。
使用這個API，可以幫助開發(fā)者根據(jù)用戶行為調整程序。比如，如果頁面處于當前窗口，可以讓程序每隔15秒向服務器請求數(shù)據(jù)；如果不處于當前窗口，則讓程序每隔幾分鐘請求一次數(shù)據(jù)。
屬性
這個API部署在document對象上，提供以下兩個屬性。
document.hidden：返回一個布爾值，表示當前是否被隱藏。
document.visibilityState：表示頁面當前的狀態(tài)，可以取三個值，分別是visibile（頁面可見）、hidden（頁面不可見）、prerender（頁面正處于渲染之中，不可見）。
這兩個屬性都帶有瀏覽器前綴。使用的時候，必須進行前綴識別。
function getHiddenProp(){
var prefixes = ['webkit','moz','ms','o'];
// if 'hidden' is natively supported just return it
if ('hidden' in document) return 'hidden';
// otherwise loop over all the known prefixes until we find one
for (var i = 0; i < prefixes.length; i++){
if ((prefixes[i] + 'Hidden') in document)
return prefixes[i] + 'Hidden';
}
// otherwise it's not supported
return null;
}
VisibilityChange事件
當頁面的可見狀態(tài)發(fā)生變化時，會觸發(fā)VisibilityChange事件（帶有瀏覽器前綴）。
document.addEventListener("visibilitychange", function() {
console.log( document.visibilityState );
});
參考鏈接
David Walsh, Page Visibility API
Joe Marini, Using the pageVisbility API