HTML 5 Web Workers

2520 단어
웹 워 커 가 뭐 예요?HTML 페이지 에서 스 크 립 트 를 실행 할 때 스 크 립 트 가 완 료 될 때 까지 페이지 의 상 태 는 응답 할 수 없습니다.웹 워 커 는 배경 에서 실행 되 는 자바 스 크 립 트 로 다른 스 크 립 트 와 독립 되 어 페이지 의 성능 에 영향 을 주지 않 습 니 다.원 하 는 모든 일 을 계속 할 수 있 습 니 다. 클릭, 내용 선택 등 이 있 습 니 다. 이때 웹 워 커 는 배경 에서 실 행 됩 니 다.모든 주류 브 라 우 저 는 Internet Explorer 를 제외 하고 웹 워 커 를 지원 합 니 다.




Document








var w;

function startWorker(){
    if(typeof(Worker)!=="undefined"){//      
        // Yes! Web worker support!
        // Some code.....
        if(typeof(w)=="undefined"){
            
            // w=new Worker("http://10.0.0.192:81/demo/outer.js");//  
            w=new Worker("../outer.js");
        }
        w.onmessage = function (event) {
            document.getElementById("content").innerHTML=event.data;
        };
    }else{
        // Sorry! No Web Worker support..
    }
}

function stopWorker(){ 
    w.terminate();
}

下面是js代码 outer.js

var i=0;
function timedCount(){
    i=i+1;
    postMessage(i);
    setTimeout("timedCount()",500);
}
timedCount();

웹 Worker 는 서버 환경 에서 실행 되 어야 하 며, 도 메 인 을 뛰 어 넘 을 수 없습니다.예 를 들 어 저 는 iis (iis 를 사용 하지 않 았 습 니 다. 이 글 을 보고 방문 할 수 있 습 니 다. 페이지 주 소 는 localhost: 81 / demo / worker / index. html 이 고 js 는 이 컴퓨터 의 ip 주소 10.0.0.192: 81 / demo / outer. js 입 니 다. 그러면 잘못 보고 할 수 있 습 니 다.
웹 워 커 는 보기 에는 아름 답지 만 모든 것 이 악마 입 니 다. 우 리 는 무엇 을 할 수 있 습 니까? 1. JS 를 불 러 와 서 메 인 프로 세 스 를 걸 지 않 고 복잡 한 계산 을 할 수 있 습 니 다. potmessage, onmessage 를 통 해 통신 할 수 있 습 니 다. 2. 워 커 에서 importScripts (url) 를 통 해 다른 스 크 립 트 파일 을 불 러 올 수 있 습 니 다. 3. setTimeout (), clearTimeout (), setInterval () 을 사용 할 수 있 습 니 다., and clearInterval () 4. XML HttpRequest 를 사용 하여 요청 을 보 낼 수 있 습 니 다. 5. navigator 에 접근 할 수 있 는 일부 속성 은 어떤 한계 가 있 습 니까?
그래서 웹 워 커 에서 인 터 페 이 스 를 요청 하고 싶 을 때 데이터 가 localstorage 에 존재 하면 찾 을 수 없어 서 오 류 를 보고 합 니 다.
var ajax = new XMLHttpRequest();
ajax.open('get','/delivery/export/export_list?token=' + localStorage.loginToken,true);//      
ajax.send();
ajax.onreadystatechange = function(){
    if(ajax.readyState == 4){
        if(ajax.status >= 200 && ajax.status <=300 || ajax.status == 304){
            postMessage(ajax.responseText);
        }
    }
}
Javascript 에서 this 는 어떻게 작 동 합 니까?
Babel 설치 튜 토리 얼 (mac)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage