瀏覽器中 大部分API

/**
  * 2018-01-05 by zhangchao 
  *
**/

var window = window || {};

window.addComment = function(){};
window.adsbygoogle = function(){};
window.alert = function(){};

//對象實現HTML5對應WEB離線功能
window.applicationCache = function(){};

//將ascii字符串或二進制數據轉換成一個base64編碼過的字符串  解碼
window.atob();

// 編碼
window.btoa("Hello, world"); 
// 分享
window.bdShare();
// 方法可把鍵盤焦點從頂層窗口移開。 
window.blur();
// 它用來存儲 Response 對象的。也就是說用來對 HTTP ，響應做緩存的。雖然 localStorage 也能做，但是它可能更專業。
window.caches();
// 取消一個先前通過調用window.requestAnimationFrame()方法添加到計划中的動畫幀請求.
window.cancelAnimationFrame();
// requestIdleCallback 是新API，當瀏覽器稍作喘息的時候，用來執行不太重要的后台計划任務
window.requestIdleCallback()
// 注冊窗口以捕獲指定類型的所有事件
window.captureEvents();
//  方法可取消由 setInterval() 設置的 timeout ,參數必須是由 setInterval() 返回的 ID 值
window.clearInterval();
//  同上
window.clearTimeout();
// 包含關於 Web 瀏覽器的信息
window.clientInformation()
// 關閉當前頁面
window.close();
// 確認彈窗
window.confirm();
// 位圖裁剪 返回一個位圖 ，可以設置寬高 附上:demo
window.createImageBitmap();

var canvas = document.getElementById('myCanvas'),
ctx = canvas.getContext('2d'),
image = new Image();

image.onload = function() {
  Promise.all([
    createImageBitmap(this, 0, 0, 32, 32),
    createImageBitmap(this, 32, 0, 32, 32)
  ]).then(function(sprites) {
    ctx.drawImage(sprites[0], 0, 0);
    ctx.drawImage(sprites[1], 32, 32);
  });
}

image.src = 'https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=1349487841,1262002022&fm=85&s=E1B876DBCA1075C4922022380300D057';

// 數據加密
window.crypto();
// 文檔對象
window.document
// Fetch API 提供了一個獲取資源的接口（包括跨域）。任何使用過 XMLHttpRequest 的人都能輕松上手，但新的API提供了更強大和靈活的功能集。
window.fetch()
// 查找字符串 返回true or false
window.find();
// 打印
window.print();
// 跨域通信
window.postMessage()
// 允許網頁訪問某些函數來測量網頁和Web應用程序的性能，包括 Navigation Timing API和高分辨率時間數據
window.Performance() ==> now || mark
// screen
window.screen();