SitePoint의 정기 독자이자 팬이라면 제가 HTML5 및 JS API에 대한 기사입니다. 지금까지 폴리필API에 대해 몇 가지 소개를 했습니다. 🎜> 와. (주석: polyfill이 무엇인지 모르신다면 여기를 클릭하세요.)
하지만 오늘은 이 루틴을 깨야 할 수도 있습니다.API는 아직 초기 단계입니다. 이 API는 매우 새롭고 이 세 가지 중 두 가지는 며칠 전에 출시되었다는 점을 모두가 알아야 합니다. 이로 인해 현재 API를 사용할 수 없습니다. 하지만 구체적으로 어떤 용도로 사용되는지 알고 싶으시면 아래에 있는 자세한 소개를 계속 읽어보시고 의견과 답변을 남겨주세요.
더 이상 고민하지 말고 지금 시작해보세요!Web Alarms API
Web Alarms API
를 사용하면 기기의 알람 설정을 구성하고 알림을 예약할 수 있습니다. 메시지를 보내거나 특정 애플리케이션이 특정 시점에 시작되도록 할 수 있습니다. 이 API의 가장 일반적인 사용법에는 알람 시계, 달력 또는 특정 시간에 특정 작업을 수행해야 하는 기타 프로그램과 같은 프로그램이 포함됩니다.
작년부터 이API는 W3C 디자인 초안이 되었습니다. 따라서 W3C의 공식 권장 사항을 둘러싼 모든 세부 사항은 아직 초기 단계입니다. 이 API는 window.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 표준 계획에 포함되지 않습니다. 이 API는 window.navigatorpresentation 속성을 통해 사용해야 합니다. > 객체 . 이 속성은 requestSession()이라는 함수와 present 및 availablechange이벤트 두 가지. 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=5CTO训练营
http://yun.itxdl.cn/online/cto/index.php?u=5
위 내용은 관련 내용을 포함하여 여러분이 사용하고 싶을 만한 세 가지 새로운 JavaScript API를 소개하고 있으며, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.