• 浏览器中 大部分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();
  • 相关阅读:
    第一台虚拟机联网
    情话
    03-Linux的shell命令 .doc
    Linux系统目录结构介绍
    href 里面 链接前面加/与不加的区别?(绝对路径与相对路径)
    本地仓库关联远程仓库,从远程仓库克隆代码
    HTml <meta>标签的使用(重要)
    JS中 submit提交与Form表单里的onsubmit的调用问题?
    JS中 confirm()方法的使用?
    表单数据校检方法 onsubmit()的使用?
  • 原文地址:https://www.cnblogs.com/vali/p/8205135.html
Copyright © 2020-2023  润新知