웹 프론트엔드 JS 튜토리얼 백그라운드에서 실행되는 JavaScript 스레드--Web Worker

백그라운드에서 실행되는 JavaScript 스레드--Web Worker

Jun 25, 2017 am 09:28 AM
web worker 무엇

간단히 말하면 Web Worker는 백그라운드에서 실행되는 JavaScript 스레드이므로 페이지 응답에 영향을 주지 않습니다.

우리는 JavaScript가 단일 스레드 스크립팅 언어라는 것을 알고 있습니다. 즉, 동시에 한 가지 작업만 수행할 수 있습니다. 그렇지 않으면 매우 복잡한 동기화 문제가 발생합니다. 예를 들어 JavaScript에는 두 개의 스레드가 동시에 있는데, 한 스레드는 특정 DOM 노드에 콘텐츠를 추가하는 역할을 하고, 다른 스레드는 해당 노드를 삭제합니다. 이때 브라우저는 어떤 스레드를 기본 스레드로 사용해야 할까요?

그래서, 동기화 복잡성 문제를 피하기 위해 JavaScript는 탄생부터 단일 스레드를 사용했는데, 이는 이 언어의 특징이기도 합니다.

JavaScript의 단일 스레드 메커니즘은 처리해야 할 매우 복잡한 작업이 있는 경우 페이지가 사용자 작업에 응답하기 전에 작업 처리가 완료될 때까지 기다려야 한다는 문제를 야기합니다. 페이지의 응답 및 사용자 경험에 부정적인 영향을 미칠 수 있습니다. 이 문제를 해결하고 멀티 코어 CPU의 컴퓨팅 성능을 활용하기 위해 HTML5는 JavaScript가 여러 개를 생성할 수 있도록 하는 Web Worker 표준을 제안했습니다. 그러나 새로 생성된 스레드는 하위 스레드로 사용되며 기본 스레드에 의해 완전히 제어됩니다. 그리고 DOM을 작동하는 것은 허용되지 않습니다. 실제로는 여전히 단일 스레드입니다. 따라서 시간이 많이 걸리는 일부 작업을 Web Worker가 생성한 하위 스레드에 넘겨 백그라운드에서 완료하도록 할 수 있으며, 동시에 포그라운드 페이지는 여전히 사용자의 응답을 처리할 수 있습니다.

Web Worker가 생성한 스레드는 제한된 하위 스레드이므로 몇 가지 사용 제한이 있습니다.

  • Web Worker는 DOM 노드에 액세스할 수 없습니다.

  • Web Worker는 전역 변수 또는 전역 함수에 액세스할 수 없습니다.

  • Web Worker는 경고() 또는 확인과 같은 기능을 호출할 수 없습니다.
  • Web Worker는 창 및 문서와 같은 브라우저 전역 변수에 액세스할 수 없습니다.
  • 그러나 Web Worker의 Javascript는 여전히 setTimeout( ), setInterval을 사용할 수 있습니다. () 및 기타 기능을 사용하면 Ajax 통신에 XMLHttpRequest 객체를 사용할 수도 있습니다.

현재 Internet Explorer를 제외한 모든 주요 브라우저는 웹 작업자를 지원합니다.

Angular에 익숙한 친구들은 Angular1이 더러운 검사 메커니즘으로 인해 가장 비판을 받는다는 것을 알아야 합니다. 범위에 데이터가 너무 많으면 성능에 심각한 영향을 미칩니다. Angular2는 인터페이스 스레드가 영향을 받지 않도록 WebWorker를 사용하여 무거운 계산 작업을 보조 스레드로 이동합니다.

위 내용은 백그라운드에서 실행되는 JavaScript 스레드--Web Worker의 상세 내용입니다. 자세한 내용은 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

GIGABYTE 마더보드에서 키보드 부팅 기능을 설정하는 방법(GIGABYTE 마더보드에서 키보드 부팅 모드 활성화) GIGABYTE 마더보드에서 키보드 부팅 기능을 설정하는 방법(GIGABYTE 마더보드에서 키보드 부팅 모드 활성화) Dec 31, 2023 pm 05:15 PM

Gigabyte 마더보드에서 키보드 시작을 설정하는 방법 먼저, 키보드 시작을 지원해야 한다면 PS2 키보드여야 합니다! ! 설정 단계는 다음과 같습니다. 1단계: 부팅 후 Del 또는 F2를 눌러 BIOS에 들어가고, BIOS의 고급(Advanced) 모드로 들어갑니다. 일반 마더보드는 기본적으로 마더보드의 EZ(Easy) 모드로 들어갑니다. F7을 눌러 고급 모드로 전환합니다. ROG 시리즈 마더보드는 기본적으로 BIOS로 들어갑니다. 고급 모드(간체 중국어를 사용하여 설명) 2단계: - [고급] - [고급 전원 관리(APM)]를 선택합니다. [PS2 키보드로 깨우기] 옵션 찾기 4단계: 이 옵션 기본값은 비활성화입니다. 아래로 당기면 세 가지 다른 설정 옵션이 표시됩니다. 즉, 컴퓨터를 켜려면 [스페이스바]를 누르고 그룹을 누르세요.

i7 3770에 가장 적합한 그래픽 카드는 무엇입니까? i7 3770에 가장 적합한 그래픽 카드는 무엇입니까? Dec 29, 2023 am 09:12 AM

Core i73770에 적합한 그래픽 카드는 무엇입니까? RTX3070은 뛰어난 성능과 첨단 기술을 갖춘 매우 강력한 그래픽 카드입니다. 게임을 하든, 그래픽을 렌더링하든, 기계 학습을 수행하든 RTX3070은 이를 쉽게 처리할 수 있습니다. NVIDIA의 Ampere 아키텍처를 사용하고 5888개의 CUDA 코어와 8GB의 GDDR6 메모리를 갖추고 있어 원활한 게임 경험과 고품질 그래픽 효과를 제공할 수 있습니다. RTX3070은 사실적인 빛과 그림자 효과를 표현할 수 있는 레이 트레이싱 기술도 지원합니다. 전체적으로 RTX3070은 고성능과 고품질을 추구하는 사람들에게 적합한 강력하고 진보된 그래픽 카드입니다. RTX3070은 NVIDIA 시리즈 그래픽 카드입니다. 2세대 NVID 사용

음악 학생에게 적합한 태블릿 선택 음악 학생에게 적합한 태블릿 선택 Jan 10, 2024 pm 10:09 PM

뮤지션에게 적합한 태블릿은? 화웨이 아이패드에 탑재된 12.9인치 스피커는 아주 좋은 제품이다. 4개의 스피커가 탑재되어 있으며 사운드도 훌륭합니다. 게다가 프로 시리즈에 속해 다른 스타일보다 조금 더 나은 모습을 보여준다. 전체적으로 아이패드 프로는 매우 좋은 제품입니다. 이 mini4 휴대폰의 스피커는 작고 효과는 평균입니다. 외부에서 음악을 재생하는 데 사용할 수 없으며 음악을 즐기려면 헤드폰을 사용해야 합니다. 음질이 좋은 헤드폰은 효과가 약간 더 좋지만 30~40위안의 값싼 헤드폰은 요구 사항을 충족할 수 없습니다. 전자피아노 음악을 들으려면 어떤 태블릿을 사용해야 할까요? 10인치보다 큰 아이패드를 구매하고 싶다면 헨레(Henle)와 피아스코어(Piascore)라는 두 가지 애플리케이션을 사용하는 것이 좋습니다. 헨레 제공

Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법 Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법 Jun 24, 2023 am 09:08 AM

양식 유효성 검사는 웹 애플리케이션 개발에서 매우 중요한 링크로, 애플리케이션의 보안 취약성과 데이터 오류를 방지하기 위해 양식 데이터를 제출하기 전에 데이터의 유효성을 확인할 수 있습니다. Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 쉽게 구현할 수 있습니다. 이 기사에서는 Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법을 소개합니다. 1. 폼 유효성 검사의 기본 요소 폼 유효성 검사를 구현하는 방법을 소개하기 전에 먼저 폼 유효성 검사의 기본 요소가 무엇인지 알아야 합니다. 양식 요소: 양식 요소는

i34150 및 1G 독립 그래픽으로 플레이하기에 적합한 게임은 무엇입니까(i34150에 적합한 게임은 무엇입니까) i34150 및 1G 독립 그래픽으로 플레이하기에 적합한 게임은 무엇입니까(i34150에 적합한 게임은 무엇입니까) Jan 05, 2024 pm 08:24 PM

1G 독립 그래픽을 탑재한 i34150으로 어떤 게임을 할 수 있나요? LoL 같은 소규모 게임도 할 수 있나요? GTX750 및 GTX750TI는 매우 적합한 그래픽 카드 선택입니다. 작은 게임만 하거나 게임을 하지 않는다면 i34150 통합 그래픽 카드를 사용하는 것이 좋습니다. 일반적으로 그래픽 카드와 프로세서의 가격 차이는 그리 크지 않기 때문에 합리적인 조합을 선택하는 것이 중요합니다. 2G의 비디오 메모리가 필요한 경우 GTX750TI를 선택하는 것이 좋습니다. 1G의 비디오 메모리만 필요한 경우 GTX750을 선택하면 됩니다. GTX750TI는 오버클럭 기능을 갖춘 GTX750의 향상된 버전으로 볼 수 있습니다. i34150과 페어링할 수 있는 그래픽 카드는 필요에 따라 다릅니다. 독립형 게임을 플레이할 계획이라면 그래픽 카드 변경을 고려하는 것이 좋습니다. 당신은 선택할 수 있습니다

RX580에 맞는 드라이버 버전을 선택하세요 RX580에 맞는 드라이버 버전을 선택하세요 Dec 29, 2023 pm 05:34 PM

rx5808g에 설치하는 것이 좋은 드라이버는 무엇입니까? 20.5.1 및 20.4.2WHQL은 소프트웨어 또는 드라이버의 버전 번호를 나타냅니다. 이러한 버전 번호는 일반적으로 소프트웨어나 드라이버에 대한 업데이트나 수정 사항을 식별하는 데 사용됩니다. 컴퓨터 세계에서 WHQL은 Windows Hardware Quality Labs의 약자로 Microsoft가 하드웨어 및 드라이버의 호환성과 안정성을 테스트하고 확인하는 데 사용하는 기관입니다. 따라서 20.5.1 및 20.4.2WHQL은 이러한 소프트웨어 또는 드라이버가 Microsoft의 테스트 및 검증을 통과했으며 Windows 운영 체제에서 안전하게 사용할 수 있음을 나타냅니다. AMDrx580 그래픽 카드는 상대적으로 안정적인 드라이버 20.5.1 및 20.4.2WHQL은 소프트웨어 또는 드라이버의 버전 번호를 나타냅니다. 이 버전 번호가 전달되었습니다.

코타나의 기능은 무엇입니까? 코타나의 기능은 무엇입니까? Jan 15, 2024 pm 10:15 PM

마이크로소프트가 개발한 윈도우 10 운영체제를 사용하는 과정에서 많은 사용자들이 코타나(Cortana)라는 신기술에 대해 궁금해하고 혼란스러워한다. 10 시스템. 인공지능(AIassistant) 서비스 프로그램. 자주 묻는 질문 및 해결 방법 Cortana에 검색 상자를 넣는 방법은 무엇입니까? 답변: "Cortana" Microsoft가 신중하게 구축한 클라우드 플랫폼 개인 지능형 비서입니다. 로그인 및 비로그인이라는 두 가지 사용 모드가 있습니다. 로그인한 경우

웹 표준이란 무엇입니까? 웹 표준이란 무엇입니까? Oct 18, 2023 pm 05:24 PM

웹 표준은 W3C 및 기타 관련 기관에서 개발한 일련의 사양 및 지침으로, HTML, CSS, JavaScript, DOM, 웹 접근성 및 성능 최적화를 포함하며, 이러한 표준을 따르면 페이지의 호환성이 향상됩니다. 접근성, 유지 관리성 및 성능. 웹 표준의 목표는 웹 콘텐츠가 다양한 플랫폼, 브라우저 및 장치에서 일관되게 표시되고 상호 작용할 수 있도록 하여 더 나은 사용자 경험과 개발 효율성을 제공하는 것입니다.

See all articles