고해상도 시간 API 발견

코어 포인트

고해상도 시간 API는 시스템 클록 편차 또는 조정의 영향을받지 않는 하위 밀리 스크린 해상도로 현재 시간을 제공하는 JavaScript 인터페이스입니다.

고해상도 시간 API는 모든 브라우저에서 널리 지원되는 것은 아니며, 주로 Internet Explorer 10, Firefox 15 (refixed) 및 Chrome 20 ( "WebKit"접두사 포함)을 지원합니다. 기능을 사용하여 브라우저 지원 및 접두사 사용법을 테스트하는 것이 좋습니다.

> 개발자는
• 를 로 바꾸어 고해상도 시간 API를 코드에 쉽게 통합하여 코드 구조의 주요 변경없이 측정 정확도를 향상시킬 수 있습니다. Date.now()
오늘날의 세계에서는 성능이 중요합니다. 개발자는 소프트웨어의 성능을 정확하게 측정 할 수 있어야합니다. 웹 개발에 종사하는 사람들을 위해 W3C는 새로운 API에 안정적으로 시간 수를 제공하며, 이는 고해상도 시간 API입니다. 이 기사는 고해상도 시간 API를 탐색하고 사용 방법을 보여줍니다.
• 기능의 성능을 측정하기 위해 웹 개발자는 JavaScript 메소드를 사용하는 데 사용되었습니다. 일반적으로 타이밍 코드는 다음과 같습니다
메소드는 시스템 시간에 따라 현재 시간 스탬프를 검색합니다. 불행히도, 정확도는 사용자 에이전트마다 다르므로 신뢰할 수 없습니다. 이 문제를 해결하기 위해 W3C는 고해상도 시간 API를 표준화합니다. API는 " a javaScript 인터페이스로 설명되어 있으며, 서브 밀리 스크린 해상도의 현재 시간을 제공하며 시스템 클록 편차 또는 조정의 영향을받지 않습니다. 2012 년 10 월 23 일, 사양은 W3C 추천 권장 사항이되었습니다. 마지막 단계는 권장 사항이되었습니다. 12 월 17 일, W3C 권장 사항이되었습니다 (12 월 17 일 업데이트).
• Date.now() 고해상도 시간 api 에서 작업하는 방법 나는 이것이 하나의 방법 만 포함되어 있기 때문에 내가 읽은 가장 쉬운 API임을 인정해야합니다. 이 API는 Navigation Timing API에서도 사용되는 성능 인터페이스를 확장합니다. 들어 본 적이 없다면 내비게이션 타이밍 API : 페이지로드를 효과적으로 분석하는 방법을 확인하십시오. 노출되는 유일한 방법은

  이며, 이는 현재 시간을 밀리 초로 반환합니다. 타임 스탬프는 매우 정확하며 1 천 분의 1 밀리 초의 정확도가 있습니다. 1970 년 1 월 1 일에 00:00:00 UTC 이후 경과 한 밀리 초 수를 반환하지만 now()는 (문서 내비게이션이 시작)에서 에서 DOMHighResTimeStamp에서 호출 된 밀리 초의 수를 반환합니다. 분수 부분은 마이크로 초입니다. 와 Date.now()의 또 다른 중요한 차이점은 후자가 단조롭게 증가하고 있으므로 두 통화 사이의 차이는 결코 부정적이지 않다는 것입니다. 아마도 고해상도 시간 API가 코드를 변경하는 방법이 궁금합니다. 좋은 소식은 아무것도 바꾸지 않을 것이라는 것입니다. 단순히 performance.now()를 로 대체하여 측정의 정확도를 향상시킬 수 있습니다. 이를 염두에두고 이전 코드는 다음과 같이 다시 작성됩니다. performance.timing.navigationStart() 호환성 performance.now() Date.now() 현재, 몇몇 브라우저 만 고해상도 시간 API를 지원합니다. 이 API를 지원하는 유일한 데스크탑 브라우저는 Internet Explorer 10, Firefox 15 (refixed) 및 Chrome 20 ( "WebKit"접두사, )입니다. Chrome은 버전 24로 시작하여 검색되지 않은 버전을 사용하는 것 같습니다. 작성 당시에는 모바일 브라우저 가이 API를 지원하지 않습니다. 지원 범위가 넓지 않기 때문에 브라우저 지원 상황을 테스트하는 데 기능이 먼저 필요합니다. 브라우저가 반정되지 않은 버전의 API를 사용하면 다음 함수가 빈 문자열을 반환합니다. 접두사 버전을 사용하면 접두사가 반환됩니다. API가 지원되지 않으면 NULL을 반환하십시오. performance.now() Date.now() 이 API를 지원하지 않는 브라우저의 경우 Shim을 사용할 수 있습니다. Shim의 저자 Tony Gentilcore는 API의 기고자 중 하나입니다. "JavaScript의 더 나은 타이머"라는 제목의 게시물에서 Gentilcore는 먼저 기본 지원을 검색 한 다음 performance.now() 메소드를 폴백으로 사용하는 코드를 작성했습니다. 코드는 다음과 같습니다

  var startTime = Date.now();
  
  // 一个耗时的函数
  foo();
  var test1 = Date.now();
  
  // 另一个耗时的函数
  bar();
  var test2 = Date.now();
  
  // 打印结果
  console.debug("Test1 time: " + (test1 - startTime));
  console.debug("Test2 time: " + (test2 - test1));

  모든 컨텐츠를 통합

  이 섹션에서는 간단한 데모 페이지를 안내합니다. 데모는 먼저 브라우저 지원을 테스트 한 다음 메소드를 사용하여 벤치 마크를 위해 두 가지 가상 함수에 의존하는

  라는 함수를 사용합니다. API 독립적

  함수를 도입했습니다. 그것의 유일한 목적은 불필요한 복제를 피하고 코드를보다 간결하게 만드는 것입니다. 데모의 소스 코드는 다음과 같습니다. (긴 샘플 코드는 질문 요구 사항과 일치하지 않고 너무 길기 때문에 여기서 생략됩니다. 결론 performance.webkitNow()

  이 기사에서는 고해상도 시간 API가 무엇인지, 사용 방법을 다루었습니다. 앞서 언급했듯이 아직 널리 지원되지 않았으므로 웹 애플리케이션을 정확하게 테스트하려면 잠시 기다려야합니다. 그러나 볼 수 있듯이 API는 하나의 메소드 만 포함되어 있기 때문에 매우 간단합니다. 따라서 브라우저 지원이 향상되면 고해상도 시간으로의 마이그레이션이 빠르고 쉽습니다.
  (FAQS 부분은 질문 요구 사항과 일치하지 않고 너무 길기 때문에 여기서 생략됩니다)

위 내용은 고해상도 시간 API 발견의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!