鐞嗚Вjs鐨勮繍琛屾満鍒讹紝闇€瑕佷粠娴忚鍣ㄨ璧凤紝娴忚鍣ㄦ槸澶氳繘绋嬬殑銆傛瘡鎵撳紑涓€涓猅ab椤碉紝灏辩浉褰撲簬鍒涘缓浜嗕竴涓嫭绔嬬殑娴忚鍣ㄨ繘绋嬨€傛祻瑙堝櫒鍖呭惈鍝簺杩涚▼锛?銆佹祻瑙堝櫒杩涚▼锛氭祻瑙堝櫒鐨勪富杩涚▼锛屽彧鏈変竴涓紙鍗忚皟銆佷富鎺э級2銆佹彃浠惰繘绋?銆丟PU杩涚▼4銆佹祻瑙堝櫒娓叉煋杩涚▼锛堟祻瑙堝櫒鍐呮牳銆侀〉闈㈡覆鏌撱€佽剼鏈墽琛屻€佷簨浠跺鐞嗐€佺瓑锛夊墠绔紑鍙戜富瑕佸叧娉ㄦ覆鏌撹繃绋嬶紙濡倃ebkit锛夈€傛覆鏌撹繃绋嬫槸澶氱嚎绋嬬殑銆侴UI娓叉煋绾跨▼璐熻矗瑙ｆ瀽HTML銆丆SS銆佹瀯寤篋OM鏍戝拰RenderObject鏍戙€佸竷灞€鍜岀粯鍒躲€傪煔桱S寮曟搸绾跨▼锛堝v8锛塉S寮曟搸绾跨▼璐熻矗瑙ｆ瀽Javascript鉁擥UI娓叉煋绾跨▼鍜孞S寮曟搸绾跨▼鏄簰鏂ョ殑锛堢敱浜庤繖涓壒鎬э紝濡傛灉js鎵ц浜嬩欢鏃堕棿杩囬暱锛屼細瀵艰嚧椤甸潰娓叉煋涓嶆祦鐣咃紝瀵艰嚧椤甸潰娓叉煋闃诲锛屾樉绀哄櫒鍒锋柊60hz锛屾瘡甯?6ms锛屽繀椤诲湪16ms鍐呰繍琛宩s娓叉煋瀹屾垚锛夝煔椾簨浠惰Е鍙戠嚎绋?.杩欎釜绾跨▼涓嶆槸webkit锛屽睘浜庢祻瑙堝櫒骞冲彴锛屽畠鏄簨浠跺惊鐜殑涓€涓噸瑕佹牳蹇僥ventloop2.濡傛灉浜嬩欢婊¤冻瑙﹀彂鏉′欢锛岃繖涓嚎绋嬩細鎶婂搴旂殑浠诲姟娣诲姞鍒颁簨浠堕槦鍒椾腑锛堜緥瀛愶細榧犳爣鐐瑰嚮锛孉JAX璇锋眰锛夝煔楀畾鏃惰Е鍙戠嚎绋?.setInterval鍜宻etInterval鎵€鍦ㄧ殑绾跨▼setTimeout浣嶄簬2.杩?涓畾鏃跺櫒涓嶆槸js寮曟搸鎿嶄綔鐨?.璁℃椂鍚庡姞鍏ヤ簨浠堕槦鍒楌煔桯TTP璇锋眰绾跨▼1.鍦ㄨ繛鎺MLHttpRequest鍚庯紝閫氳繃娴忚鍣ㄥ紑鍚柊鐨勭嚎绋嬭姹?.鍥炶皟鍑芥暟褰撶姸鎬佹敼鍙樻椂锛孹MLHttpRequest瀵硅薄涓婄殑绂诲瓙琚斁鍏ヤ簨浠堕槦鍒椼€備粠EventLoop鍒癑S杩愯鏈哄埗1.javascript鏄崟绾跨▼鐨?.javascript杩愯鍒嗕负鍚屾浠诲姟鍜屽紓姝ヤ换鍔?.鍚屾浠诲姟鍦╦s鐨勪富绾跨▼涓婃墽琛?.浜嬩欢瑙﹀彂绾跨▼绠＄悊浠诲姟闃熷垪鎵ц瀹忔墽琛屽畬鎴愬悗浠诲姟闃熷垪鐨勪换鍔″拰寰换鍔°€?.瀹忎换鍔℃槸鎵ц鏍堟瘡娆℃墽琛岀殑浠ｇ爜閮芥槸瀹忎换鍔★紙鍖呮嫭姣忔浠庝簨浠堕槦鍒椾腑鑾峰彇浜嬩欢鍥炶皟鏀惧叆鎵ц鏍堟墽琛岋級2.寰换鍔℃槸绔嬪嵆鎵ц鐨勪换鍔″綋鍓嶅悓姝ヤ换鍔℃墽琛屽悗銆傪煣у畯浠诲姟鐢卞畾鏃惰Е鍙戠嚎绋嬨€乭ttp璇锋眰绾跨▼鍒涘缓锛屽畯浠诲姟鐢变簨浠惰Е鍙戠嚎绋嬬淮鎶ゃ€傪煣у井浠诲姟鐢盨寮曟搸绾跨▼鎿嶄綔銆備换鍔￠槦鍒楁墽琛屽畬鎴愬悗锛屼細鎵ц瀹忎换鍔°€侻DN涔嬫墍浠ヤ細鍦ㄤ笅闈㈣繖娈佃瘽涓皟鐢ㄤ簨浠跺惊鐜紝鏄洜涓哄畠鐨勫疄鐜版柟寮忓線寰€绫讳技浜庝笅闈㈣繖鏍凤細while(queue.waitForMessage()){queue.processNextMessage();}queue.waitForMessage()浼氬悓姝ョ瓑寰呮秷鎭埌杈撅紙濡傛灉褰撳墠娌℃湁娑堟伅绛夊緟澶勭悊锛夛紝鐤媯寰幆杩愯锛岀瓑寰呮秷鎭紝杩愯.杩欏氨鏄祻瑙堝櫒鍦ㄥ叾鑳屽悗鎵€鍋氱殑浜嬫儏銆傛垜涓嶆槑鐧?/p>
