`

3个处于草稿阶段的Javascript API介绍

 
阅读更多
原文:
http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email


  本文中,介绍3个仍然处于草稿阶段,但应该值得关注的Javascript API.

1) Web Alarm API
    这个是最新的W3C的草稿阶段的API,参考http://www.w3.org/TR/web-alarms/
,主要是用来为带提醒功能的移动设备服务的,比如设置日程提醒等,这个API
通过window.navigator的alarm属性进行设置,其中包括3个方法

    A getAll();获得所有已经添加到设备的alarm事件的对象;
    B add();以Date对象的方式增加到提醒中去,并且返回一个AlarmRequest对象;
    c remove();根据id移除已经增加的提醒对象

   下面是相关的例子,但可惜不能在目前任何浏览器上获得支持:
var alarmId;
var request = navigator.alarms.add(
    new Date("June 29, 2012 07:30:00"),
    "respectTimezone",
);
 
request.onsuccess = function (e) {
    alarmId = e.target.result;
};
 
request.onerror = function (e) {
    alert(e.target.error.name);
};



   如果是移除提醒,则:
  

var request = navigator.alarms.remove(alarmId);
 
request.onsuccess = function (e) {
    alert("alarm removed");
};
 
request.onerror = function (e) {
    alert(e.target.error.name);
};




2  用于多设备同步演示的API
    简单来说,这个是民间第三方组织提出的API,用来做两个不同设备之间的信息
沟通传递,比如电脑外接投影,外接电视等,提出的第三方是:
http://webscreens.github.io/presentation-api
,注意这个不是W3C的标准。
   这个通过window.navigator对象的presentation方法进行设置,其中包括:
    requestSession()方法,和两个事件,分别是present和availablechange
, requestSession()方法用来请求向第二连接设备发出请求,
当 requestSession()方法中的url加载完后,在第二连接设备的页面获得present事件,并
第二连接设备页面中的页面消失,切换回第一连接设备后,则激发这个事件;
   下面是一个大概的例子,
<button disabled>Show</button>
 
<script>
var presentation = navigator.presentation,
    showButton = document.querySelector('button');
  
presentation.onavailablechange = function(e) {
  showButton.disabled = !e.available;
  showButton.onclick = show;
};
  
function show() {
  var session = presentation.requestSession('http://example.org/');
  
  session.onstatechange = function() {
    switch (session.state) {
      case 'connected':
        session.postMessage(/*...*/);
        session.onmessage = function() { /*...*/ };
        break;
      case 'disconnected':
        console.log('Disconnected.');
        break;
    }
  };
}
</script>




3  StandBy API 用于持续保持屏幕工作状态
   这个API比较得意,就是用来一直不让屏幕处于休眠状态,比如开车的时候,
要保持导航仪不要进入休眠,屏保状态,依然是第三方的API,注意不是W3C的,
地址在http://boiler23.github.io/screen-wake/
    这个API设置的是window.navigator 对象的wakeLock 属性,提供两个方法:
request:持续保持设备屏幕处于唤醒状态;
release:取消限制,可以让屏幕不处于持续唤醒状态:
    这个API 口气有点大,接受screen和system的两个参数,前者是让screen能持续唤醒,后者是让CPU!
  
navigator.wakeLock.request("display").then(
    function successFunction() {
        // do something
    },
    function errorFunction() {
        // do something else
    }
); 


  如果要关掉屏幕,上面的例子就是
navigator.wakeLock.release("display");

     总结:三个值得关注的API,都处于草稿阶段,目前都无浏览器支持,但其概念是好的,应该继续关注
2
1
分享到:
评论

相关推荐

    使用Python创建快速创建剪映草稿轨道,自动生成视频

    1. 添加一个媒体到轨道顺序 `草稿媒体库` -&gt; `内容媒体库`-&gt; `轨道片段` 2. `add_media_to_track` 会识别媒体类型,加入到对应轨道。 3. 当没有视频轨道时,创建音频轨道会先创建视频轨道。 if __name__ == "__main_...

    ajax自动保存草稿 ajax自动保存草稿

    4. **RESTful API**:设计一个接收并处理保存草稿请求的后端接口,通常采用PUT或POST方法,返回确认信息或错误代码。接口应遵循RESTful原则,提供清晰、无状态的操作。 5. **定时器**:实现自动保存功能,可以设置...

    javascript标准参考教程_阮一峰

    导论部分主要介绍了JavaScript语言的发展历程、基本语法以及编程风格。JavaScript的历史可以追溯到网景公司于1995年首次推出的LiveScript。该语言借鉴了Java语言的很多特性,并在随后的岁月里不断发展,成为今天Web...

    Android studio 草稿箱

    在Android Studio中,"草稿箱"是针对短信应用或者类似通信应用的一个核心功能模块,它允许用户保存未完成或不准备立即发送的短信作为草稿,以便稍后继续编辑或发送。以下是对这个功能的详细说明: 1. **草稿箱设计...

    用javaScript编写一个blog日志编辑页面.rar

    4. **AJAX交互**:为了实现无刷新更新和保存博客草稿,我们可以使用JavaScript的XMLHttpRequest(或更现代的Fetch API)与服务器进行异步通信。当用户保存编辑时,JavaScript将收集表单数据,通过AJAX发送到服务器,...

    c#草稿纸(记事本)

    通过以上分析,我们可以看出"C#草稿纸"实现了基本的文本编辑功能,它不仅锻炼了开发者对C#语言的理解,也是对Windows API和GUI设计的良好实践。同时,它也可以作为学习C#编程和Windows应用开发的一个实例,帮助初学...

    [WebApi] 捣鼓一个资源管理器--服务器端分割压缩图片 [草稿]

    【WebApi】捣鼓一个资源管理器--服务器端分割压缩图片 在Web开发中,我们经常需要处理大量的图片资源,特别是在构建一个资源管理系统时。WebApi作为.NET Framework的一部分,为创建HTTP服务提供了一种轻量级、灵活...

    AJAX实例应用初体验:自动保存草稿

    在本文中,我们将深入探讨如何使用AJAX技术实现一个实用的功能——自动保存草稿。AJAX,即异步JavaScript和XML,是一种在不刷新整个页面的情况下更新部分网页内容的技术,从而提供更流畅、高效的用户体验。 一、...

    JavaScript标准参考教程(阿尔法版)阮一峰著

    这部分内容涵盖了作者阮一峰个人对一些JavaScript相关技术和框架的介绍和解读,包括jQuery、Node.js以及一些废弃的草稿内容。它们提供了对JavaScript生态系统的深入了解。 ### jQuery草稿知识点 #### jQuery概述 ...

    一个javascriptnodejs的代码草稿本Scratchpad

    在JavaScript开发中,Scratchpad作为一个快速原型验证的平台,可以让你即时看到代码执行的结果,这对于调试、学习新的API或者解决特定问题非常实用。例如,你可以在这个环境中尝试各种数据类型的操作,如字符串、...

    利用localStorage实现对ueditor编辑内容定时保存为草稿

    为了实现定时保存,我们可以使用JavaScript的`setInterval`函数,每隔一段时间自动保存一次草稿。例如,每分钟保存一次: ```javascript var saveInterval = setInterval(function() { var content = editor....

    ajax+jsp草稿自动保存(含文档)

    在“ajax+jsp草稿自动保存”的实现中,当用户在文本框或其他输入控件中输入内容时,JavaScript监听这些事件(如定时器触发、键盘输入等),并在满足特定条件(如用户停止输入一段时间)时,使用Ajax发送一个HTTP请求...

    WordPressc,发布到后台草稿箱

    在WordPress CMS(内容管理系统)中,草稿箱功能是一个非常重要的组成部分,它允许用户保存未完成的文章或页面以便后续编辑和发布。这个标题"WordPress,发布到后台草稿箱"和描述提到了如何利用工具或者插件来优化这...

    php jquery自动保存草稿至mysql 宋正河作品

    【标题】"php jquery自动保存草稿至mysql 宋正河作品"是一个示例项目,展示了如何使用PHP和jQuery技术实现在用户输入时自动将文本内容保存为草稿,并将其存储到MySQL数据库中。这个项目可能对那些正在构建需要实时...

    草稿页面(主页图标待优化).zip

    标题 "草稿页面(主页图标待优化).zip" 暗示了这是一个与前端开发相关的项目,其中可能包含一个或多个草稿页面,并且这些页面的主页图标有待优化。这个压缩包文件可能是用于存储一个前端项目的源代码,以便于团队...

    剪映历史草稿找回.rar

    一个Ctrl+X下去,内存不够,剪映崩了再打开一看,轨道全被剪掉了,还粘贴不上 重点是Ctrl+Z无效,草稿也被覆盖 那么如何找回历史草稿呢? 剪映在本地其实是有历史草稿保存的 首先打开软件 选择要找回历史记录的是...

    草稿纸软件5.1版本

    草稿纸实现PC机的草稿纸功能,并帮助您弄漂亮汉字 草稿纸实现在视图区域加载图片,并能对图片进行基本操作(旋转拉伸) 草稿纸实现在视图区域中自绘各种图形,并对透明线条以及填充色进行支持 草稿纸实现在视图区域...

    草稿纸软件5.1.0.2版本

    草稿纸软件实现PC端草稿纸功能,并帮助用户弄漂亮汉字。 草稿纸软件实现在视图区域加载图片,并能对图片进行基本操作(旋转拉伸) 草稿纸软件实现在视图区域中自绘各种图形,并对透明线条以及填充色进行支持 草稿纸...

    草稿纸2.0版本

    草稿纸2.0版本是一款综合性的电子草稿工具,旨在提供一个数字化的工作空间,让用户可以方便地进行图片处理、自绘图形以及文字编辑。这款软件特别强调对个人汉字的支持,适应了中国用户的需求,使得在电子环境中书写...

    API 610 12TH EDITION 1st DRAFT 30MY2014 Contents Page ( PDFDrive.com ).pdf

    这是标准的另一个介绍性部分,可能由API 610标准委员会撰写,旨在阐述标准的背景、目标和适用范围。它可能还涵盖了标准在确保设备安全、可靠性和效率方面的作用。 引言: 引言部分通常提供了标准的基本信息,包括...

Global site tag (gtag.js) - Google Analytics