浏览器中 大部分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();

 

posted @ 2018-01-05 16:03  Terre  阅读(1625)  评论(0编辑  收藏  举报

风光无限好