> 백엔드 개발 > PHP 튜토리얼 > 사용하고 싶은 세 가지 새로운 JavaScript API

사용하고 싶은 세 가지 새로운 JavaScript API

WBOY
풀어 주다: 2016-08-08 09:26:57
원래의
916명이 탐색했습니다.

SitePoint의 정기 독자이자 팬이라면 제가 HTML5JS API에 대한 기사입니다. 지금까지 폴리필API에 대해 몇 가지 소개를 했습니다. 🎜> 와. (주석: polyfill이 무엇인지 모르신다면 여기를 클릭하세요.)

하지만 오늘은 이 루틴을 깨야 할 수도 있습니다.

API는 아직 초기 단계입니다. 이 API는 매우 새롭고 이 세 가지 중 두 가지는 며칠 전에 출시되었다는 점을 모두가 알아야 합니다. 이로 인해 현재 API를 사용할 수 없습니다. 하지만 구체적으로 어떤 용도로 사용되는지 알고 싶으시면 아래에 있는 자세한 소개를 계속 읽어보시고 의견과 답변을 남겨주세요.

더 이상 고민하지 말고 지금 시작해보세요!

Web Alarms API

Web Alarms API

를 사용하면 기기의 알람 설정을 구성하고 알림을 예약할 수 있습니다. 메시지를 보내거나 특정 애플리케이션이 특정 시점에 시작되도록 할 수 있습니다. 이 API의 가장 일반적인 사용법에는 알람 시계, 달력 또는 특정 시간에 특정 작업을 수행해야 하는 기타 프로그램과 같은 프로그램이 포함됩니다.

작년부터 이

APIW3C 디자인 초안이 되었습니다. 따라서 W3C의 공식 권장 사항을 둘러싼 모든 세부 사항은 아직 초기 단계입니다. 이 APIwindow.navigatoralarms 속성을 ​​통해 사용해야 합니다. > 객체 . alarms 속성은 세 가지 기능을 제공합니다: getAll():

Bell 장치에서 기존 알람을 모두 가져옵니다. Alarm 객체를 포함하는 배열로 반환됩니다. add():

Date 객체를 기반으로 알람을 등록하고 AlarmRequest 개체입니다. remove():

고유

ID 로 이전에 등록된 알람을 제거합니다(애플리케이션 자체에만 고유함). 이러한 기능을 이상적으로 사용하는 방법을 보여주기 위해 다음은 알람 추가의 예입니다(이 섹션은 현재 어떤 브라우저에서도 지원되지 않는다는 점을 기억하세요).

원본 인쇄를 보시겠습니까?

var AlarmId;

var request = navigator.alarms .add(

new Date("2012년 6월 29일 07:30:00"),

"RespectTimezone",

);

request.onsuccess = function (e) {

alarmId = e.target.

};

request.onerror = 함수(e) {

alert(e.target.error .name);

};

Web Alarms API

자세한 내용은 관련 문서를 참고해주세요. 프레젠테이션 API

프레젠테이션 API의 목표는 프로젝터나

TV를 허용하는 것입니다. 이러한 보조 디스플레이 장치는 유선(HDMI, 웹에서 사용할 수 있습니다. >DVI 등) 연결은 물론 무선(MiraCast, Chromecast, DLNA, AirPlay 등)을 통한 장치 연결도 가능합니다. 이 API가 하는 일은 두 번째 디스플레이 장치에서 요청 페이지와 데모 페이지 간의 메시지 교환을 구현하는 것입니다.

API

세부정보는

W3C 표준은 W3C 표준 계획에 포함되지 않습니다. 이 APIwindow.navigatorpresentation 속성을 ​​통해 사용해야 합니다. > 객체 . 이 속성은 requestSession()이라는 함수와 presentavailablechange이벤트 두 가지. requestSession() 함수를 사용하여 보조 디스플레이 장치에서 프레젠테이션을 시작하거나 재개할 수 있습니다. 현재 프레젠테이션을 참조하는 session 개체를 반환합니다. requestSession()을 통해 전달된 url의 데모 콘텐츠가 로드되면 데모 화면의 페이지에 선물이벤트. 마지막으로 availablechange 이벤트는 첫 번째 데모가 나타난 후 또는 마지막 데모가 완료된 후에 발생합니다. 예를 들어 세부 문서에서 API의 사용법은 다음과 같습니다.

원본을 보시겠습니까?

<버튼 비활성화됨>표시

<script></span></p> <p><span>var Presentation = navigator.presentation ,</span></p> <p><span>showButton = document.querySelector('button'); </span></p> <p><span>presentation.onavailablechange = function(e) {</span></p> <p><span>showButton.disabled = !e.available;</span></p> <p><span>showButton.onclick = 표시;</span></p> <p><span>}; </span></p> <p><span>function show() {</span></p> <p><span>var session = Presentation.requestSession('http://example.org/'); </span></p> <p><span>session.onstatechange = function() {</span></p> <p><span>스위치(session.state) {</span></p> <p><span>case 'connected':</span></p> <p><span>session.postMessage(/*...*/);</span></p> <p><span>session.onmessage = function() { /*...*/ };</span></p> <p><span>break;</span></p> <p><span>case 'disconnected':</span></p> <p> <span>console.log('연결이 끊어졌습니다.');</span></p> <p><span>break;</span></p> <p><span>}</span></p> <p><span>};</span></p> <p><span>}</span></p> <p><span></script>

如果你想要了解更多关于프레젠테이션 API적폐 API

대기 API

让你可以在顶层浏览器页面中请求屏幕持续显示锁。这可以防止设备进入省电状态(例如屏幕自动关闭)。这个功能对有些

应응용来说至关중중要。例如,想image一下你正재驾车并在手机上使用基于적导航软件(비본지 사용).如果你不去触碰屏幕的话, 你的 手机的屏幕会自动关闭, 除不你事前 手机上进行过关的设置.要让屏幕保持显示状态的.这恰恰是这个API适用的地方。这个

API

需要通过 window.navigator对象下的wakeLock属性来使用。它会提供两个函数:요청():

使当前应用能让屏幕保持显示状态。

release():

释放持续显示锁,这样屏幕就不会再被强 Manufacturer要求显示。

这两个函数tour只接受一个参数,其只能是“

화면

”或"시스템" 🎜>或广播之类的其他设备资源.以下例子会演示如何适用该API让设备屏幕保持显示状态:

소스 인쇄를 보시겠습니까?navigator.wakeLock.request("display").then(

함수 성공Function() {

// 뭔가 하세요

},

function errorFunction() {

// 다른 작업

}

);

要让设备允许屏幕关闭,我们可以用以下方법:

원본 인쇄를 보시겠습니까?

navigator.wakeLock .Release ( "display");

대기 api

总结

지금 这篇文章里我给大家介绍了一些崭새로운JS API。我要再次强调因为它们道还处宵,所以目前没有浏览器支持。它们。然而机会跟L AMP

兄弟连

原创PHP教程

光盘/细说PHP》精要版,详情咨询官网客服: http://www.lampbrother.netPHPCMStwo次开发http ://yun.itxdl.cn/online/phpcms/index.php?u=5微信开发http://yun.itxdl.cn/online/weixin/index.php?u=5

移动互联网服务器端开发http://yun.itxdl.cn/online/server/index.php?u=5

자바스크립트课程

http://yun.itxdl.cn/online/js/index.php?u=5

CTO训练营

http://yun.itxdl.cn/online/cto/index.php?u=5

위 내용은 관련 내용을 포함하여 여러분이 사용하고 싶을 만한 세 가지 새로운 JavaScript API를 소개하고 있으며, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿