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

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

Aug 08, 2016 am 09:26 AM
api function session

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 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

세션 실패를 해결하는 방법 세션 실패를 해결하는 방법 Oct 18, 2023 pm 05:19 PM

세션 실패는 일반적으로 세션 수명 만료 또는 서버 종료로 인해 발생합니다. 해결 방법은 다음과 같습니다. 1. 세션 수명을 연장합니다. 3. 쿠키를 사용합니다. 4. 세션 관리 미들웨어를 사용합니다.

PHP 세션 교차 도메인 문제에 대한 솔루션 PHP 세션 교차 도메인 문제에 대한 솔루션 Oct 12, 2023 pm 03:00 PM

PHPSession의 도메인 간 문제 해결 프런트엔드와 백엔드 분리 개발에서 도메인 간 요청이 표준이 되었습니다. 도메인 간 문제를 처리할 때 일반적으로 세션 사용 및 관리가 포함됩니다. 그러나 브라우저 원본 정책 제한으로 인해 기본적으로 도메인 간에 세션을 공유할 수 없습니다. 이 문제를 해결하려면 도메인 간 세션 공유를 달성하기 위한 몇 가지 기술과 방법을 사용해야 합니다. 1. 도메인 간 세션을 공유하기 위한 쿠키의 가장 일반적인 사용

PHP 프로젝트에서 API 인터페이스를 호출하여 데이터를 크롤링하고 처리하는 방법은 무엇입니까? PHP 프로젝트에서 API 인터페이스를 호출하여 데이터를 크롤링하고 처리하는 방법은 무엇입니까? Sep 05, 2023 am 08:41 AM

PHP 프로젝트에서 API 인터페이스를 호출하여 데이터를 크롤링하고 처리하는 방법은 무엇입니까? 1. 소개 PHP 프로젝트에서는 종종 다른 웹사이트에서 데이터를 크롤링하고 이러한 데이터를 처리해야 합니다. 많은 웹사이트에서는 API 인터페이스를 제공하며, 우리는 이러한 인터페이스를 호출하여 데이터를 얻을 수 있습니다. 이 기사에서는 PHP를 사용하여 API 인터페이스를 호출하여 데이터를 크롤링하고 처리하는 방법을 소개합니다. 2. API 인터페이스의 URL과 매개변수를 얻으십시오. 시작하기 전에 대상 API 인터페이스의 URL과 필수 매개변수를 얻어야 합니다.

JavaScript와 PHP 쿠키의 차이점은 무엇입니까? JavaScript와 PHP 쿠키의 차이점은 무엇입니까? Sep 02, 2023 pm 12:29 PM

JavaScript쿠키 JavaScript 쿠키를 사용하는 것은 선호도, 구매, 커미션 및 기타 정보를 기억하고 추적하는 가장 효과적인 방법입니다. 더 나은 방문자 경험이나 웹사이트 통계를 위해 필요한 정보입니다. PHPCookieCookies는 클라이언트 컴퓨터에 저장되고 추적 목적으로 보관되는 텍스트 파일입니다. PHP는 HTTP 쿠키를 투명하게 지원합니다. JavaScript 쿠키는 어떻게 작동하나요? 귀하의 서버는 쿠키 형태로 방문자의 브라우저에 일부 데이터를 보냅니다. 브라우저는 쿠키를 허용할 수 있습니다. 존재하는 경우 방문자의 하드 드라이브에 일반 텍스트 기록으로 저장됩니다. 이제 방문자가 사이트의 다른 페이지에 도달하면

React API 호출 가이드: 백엔드 API와 상호작용하고 데이터를 전송하는 방법 React API 호출 가이드: 백엔드 API와 상호작용하고 데이터를 전송하는 방법 Sep 26, 2023 am 10:19 AM

ReactAPI 호출 가이드: 백엔드 API와 상호 작용하고 데이터를 전송하는 방법 개요: 최신 웹 개발에서는 백엔드 API와 상호 작용하고 데이터를 전송하는 것이 일반적인 요구 사항입니다. 널리 사용되는 프런트엔드 프레임워크인 React는 이 프로세스를 단순화하는 몇 가지 강력한 도구와 기능을 제공합니다. 이 기사에서는 React를 사용하여 기본 GET 및 POST 요청을 포함하여 백엔드 API를 호출하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 필요한 종속성을 설치하십시오. 먼저 Axi가 프로젝트에 설치되어 있는지 확인하십시오.

Oracle API 사용 가이드: 데이터 인터페이스 기술 탐색 Oracle API 사용 가이드: 데이터 인터페이스 기술 탐색 Mar 07, 2024 am 11:12 AM

Oracle은 세계적으로 유명한 데이터베이스 관리 시스템 제공업체이며, Oracle의 API(응용 프로그래밍 인터페이스)는 개발자가 Oracle 데이터베이스와 쉽게 상호 작용하고 통합하는 데 도움이 되는 강력한 도구입니다. 이 기사에서는 Oracle API 사용 가이드를 자세히 살펴보고 독자들에게 개발 프로세스 중에 데이터 인터페이스 기술을 활용하는 방법을 보여주고 구체적인 코드 예제를 제공합니다. 1.오라클

Oracle API 통합 전략 분석: 시스템 간 원활한 통신 달성 Oracle API 통합 전략 분석: 시스템 간 원활한 통신 달성 Mar 07, 2024 pm 10:09 PM

Oracle API 통합 전략 분석: 시스템 간의 원활한 통신을 위해서는 특정 코드 예제가 필요합니다. 오늘날 디지털 시대에 내부 기업 시스템은 서로 통신하고 데이터를 공유해야 하며 Oracle API는 원활한 통신을 돕는 중요한 도구 중 하나입니다. 시스템 간 통신. 이 기사에서는 OracleAPI의 기본 개념과 원칙부터 시작하여 API 통합 전략을 살펴보고 마지막으로 독자가 OracleAPI를 더 잘 이해하고 적용할 수 있도록 구체적인 코드 예제를 제공합니다. 1. 기본 오라클 API

Python을 사용하여 API 데이터를 CSV 형식으로 저장 Python을 사용하여 API 데이터를 CSV 형식으로 저장 Aug 31, 2023 pm 09:09 PM

데이터 기반 애플리케이션 및 분석 세계에서 API(애플리케이션 프로그래밍 인터페이스)는 다양한 소스에서 데이터를 검색하는 데 중요한 역할을 합니다. API 데이터로 작업할 때 액세스하고 조작하기 쉬운 형식으로 데이터를 저장해야 하는 경우가 많습니다. 그러한 형식 중 하나는 표 형식의 데이터를 효율적으로 구성하고 저장할 수 있는 CSV(쉼표로 구분된 값)입니다. 이 기사에서는 강력한 프로그래밍 언어인 Python을 사용하여 API 데이터를 CSV 형식으로 저장하는 프로세스를 살펴봅니다. 이 가이드에 설명된 단계를 수행하여 API에서 데이터를 검색하고, 관련 정보를 추출하고, 추가 분석 및 처리를 위해 CSV 파일에 저장하는 방법을 알아봅니다. Python을 사용한 API 데이터 처리의 세계에 대해 알아보고 CSV 형식의 잠재력을 활용해 보겠습니다.

See all articles