這篇文章主要講解了“web前端面試問答題有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“web前端面試問答題有哪些”吧！
10年積累的成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有漳縣免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
這兩個方法都可以用來判斷變量類型
區(qū)別：前者是判斷這個變量是什么類型，后者是判斷這個變量是不是某種類型，返回的是布爾值
（1）typeof
缺陷：
1.不能判斷變量具體的數(shù)據(jù)類型比如數(shù)組、正則、日期、對象，因為都會返回object,不過可以判斷function，如果檢測對象是正則表達式的時候,在Safari和Chrome中使用typeof的時候會錯誤的返回"function",其他的瀏覽器返回的是object.
2.判斷null的時候返回的是一個object，這是js的一個缺陷,判斷NaN的時候返回是number
（2）instanceof 可以用來檢測這個變量是否為某種類型，返回的是布爾值，并且可以判斷這個變量是否為某個函數(shù)的實例，它檢測的是對象的原型
let num = 1
num instanceof Number // false
num = new Number(1)
num instanceof Number // true
明明都是num，而且都是1，只是因為第一個不是對象，是基本類型，所以直接返回false，而第二個是封裝成對象，所以true。
這里要嚴(yán)格注意這個問題，有些說法是檢測目標(biāo)的__proto__與構(gòu)造函數(shù)的prototype相同即返回true，這是不嚴(yán)謹(jǐn)?shù)?，檢測的一定要是對象才行，如：
let num = 1
num.__proto__ === Number.prototype // true
num instanceof Number // false
num = new Number(1)
num.proto === Number.prototype // true
num instanceof Number // true
num.proto === (new Number(1)).proto // true
此外，instanceof還有另外一個缺點：如果一個頁面上有多個框架，即有多個全局環(huán)境，那么我在a框架里定義一個Array，然后在b框架里去用instanceof去判斷，那么該array的原型鏈上不可能找到b框架里的array，則會判斷該array不是一個array。
解決方案：使用Object.prototype.toString.call(value) 方法去調(diào)用對象，得到對象的構(gòu)造函數(shù)名?？梢越鉀Qinstanceof的跨框架問題，缺點是對用戶自定義的類型，它只會返回[object Object]
第三問：作用域安全的構(gòu)造函數(shù)--當(dāng)我們new一個構(gòu)造函數(shù)的時候可以獲得一個實例，要是我們忘記寫new了呢？// [1,2,3] instanceof Array ---- true
// L instanceof R
// 變量R的原型 存在于 變量L的原型鏈上
function instance_of(L,R){
// 驗證如果為基本數(shù)據(jù)類型，就直接返回false
const baseType = ['string', 'number','boolean','undefined','symbol']
if(baseType.includes(typeof(L))) { return false }
let RP = R.prototype; //取 R 的顯示原型
L = L.__proto__; //取 L 的隱式原型
while(true){ // 無線循環(huán)的寫法（也可以使 for(;;) ）
if(L === null){ //找到最頂層
return false;
}
if(L === RP){ //嚴(yán)格相等
return true;
}
L = L.__proto__; //沒找到繼續(xù)向上一層原型鏈查找
}
}
例如
function Person(){
this.name = "小紅"
}
p = Person();
這會發(fā)生什么問題？，怎么解決
這樣直接使用，this會映射到全局對象window上。解決方法可以是：首先確認(rèn)this對象是正確類型的實例。如果不是，那么會創(chuàng)建新的實例并返回。請看下面的例子
function Person(){
if(this instanceof Person){
this.name = "小紅"
}else{
return new Person()
}
}
p = Person();
在JavaScript代碼中，由于瀏覽器之間行為的差異，多數(shù)JavaScript代碼包含了大量的if語句，以檢查瀏覽器特性，解決不同瀏覽器的兼容問題。例如添加事件的函數(shù)：
function addEvent (element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
}
每次調(diào)用addEvent()的時候，都要對瀏覽器所支持的能力仔細(xì)檢查。首先檢查是否支持addEventListener方法，如果不支持再檢查是否支持attachEvent方法，如果還不支持，就用DOM 0級的方法添加事件。在調(diào)用addEvent()過程中，每次這個過程都要走一遍。其實，瀏覽器支持其中的一種方法就會一直支持他，就沒有必要再進行其他分支的檢測了，也就是說if語句不必每次都執(zhí)行，代碼可以運行的更快一些。解決的方案稱之為惰性載入。 所謂惰性載入，就是說函數(shù)的if分支只會執(zhí)行一次，之后調(diào)用函數(shù)時，直接進入所支持的分支代碼。有兩種實現(xiàn)惰性載入的方式，第一種事函數(shù)在第一次調(diào)用時，對函數(shù)本身進行二次處理，該函數(shù)會被覆蓋為符合分支條件的函數(shù)，這樣對原函數(shù)的調(diào)用就不用再經(jīng)過執(zhí)行的分支了，我們可以用下面的方式使用惰性載入重寫addEvent()。
function addEvent (type, element, handler) {
if (element.addEventListener) {
addEvent = function (type, element, handler) {
element.addEventListener(type, handler, false);
}
}
else if(element.attachEvent){
addEvent = function (type, element, handler) {
element.attachEvent('on' + type, handler);
}
}
else{
addEvent = function (type, element, handler) {
element['on' + type] = handler;
}
}
return addEvent(type, element, handler);
}
在這個惰性載入的addEvent()中，if語句的每個分支都會為addEvent變量賦值，有效覆蓋了原函數(shù)。最后一步便是調(diào)用了新賦函數(shù)。下一次調(diào)用addEvent()的時候，便會直接調(diào)用新賦值的函數(shù)，這樣就不用再執(zhí)行if語句了。
第二種實現(xiàn)惰性載入的方式是在聲明函數(shù)時就指定適當(dāng)?shù)暮瘮?shù)。這樣在第一次調(diào)用函數(shù)時就不會損失性能了，只在代碼加載時會損失一點性能。一下就是按照這一思路重寫的addEvent()。
var addEvent = (function () {
if (document.addEventListener) {
return function (type, element, fun) {
element.addEventListener(type, fun, false);
}
}
else if (document.attachEvent) {
return function (type, element, fun) {
element.attachEvent('on' + type, fun);
}
}
else {
return function (type, element, fun) {
element['on' + type] = fun;
}
}
})();
這個例子中使用的技巧是創(chuàng)建一個匿名的自執(zhí)行函數(shù)，通過不同的分支以確定應(yīng)該使用那個函數(shù)實現(xiàn)，實際的邏輯都一樣，不一樣的地方就是使用了函數(shù)表達式（使用了var定義函數(shù)）和新增了一個匿名函數(shù)，另外每個分支都返回一個正確的函數(shù)，并立即將其賦值給變量addEvent。
惰性載入函數(shù)的優(yōu)點只執(zhí)行一次if分支，避免了函數(shù)每次執(zhí)行時候都要執(zhí)行if分支和不必要的代碼，因此提升了代碼性能，至于那種方式更合適，就要看您的需求而定了。
概念：限制一個函數(shù)在一定時間內(nèi)只能執(zhí)行一次。
主要實現(xiàn)思路就是通過 setTimeout 定時器，通過設(shè)置延時時間，在第一次調(diào)用時，創(chuàng)建定時器，先設(shè)定一個變量true，寫入需要執(zhí)行的函數(shù)。第二次執(zhí)行這個函數(shù)時，會判斷變量是否true，是則返回。當(dāng)?shù)谝淮蔚亩〞r器執(zhí)行完函數(shù)最后會設(shè)定變量為false。那么下次判斷變量時則為false，函數(shù)會依次運行。目的在于在一定的時間內(nèi)，保證多次函數(shù)的請求只執(zhí)行最后一次調(diào)用。
函數(shù)節(jié)流的代碼實現(xiàn)
function throttle(fn,wait){
var timer = null;
return function(){
var context = this;
var args = arguments;
if(!timer){
timer = setTimeout(function(){
fn.apply(context,args);
timer = null;
},wait)
}
}
}
function handle(){
console.log(Math.random());
}
window.addEventListener("mousemove",throttle(handle,1000));
函數(shù)節(jié)流的應(yīng)用場景(throttle)
DOM 元素的拖拽功能實現(xiàn)（mousemove）
高頻點擊提交，表單重復(fù)提交
搜索聯(lián)想（keyup）
計算鼠標(biāo)移動的距離（mousemove）
監(jiān)聽滾動事件，比如是否滑到底部自動加載更多，用throttle來判斷
射擊游戲的 mousedown/keydown 事件（單位時間只能發(fā)射一顆子彈）
監(jiān)聽滾動事件判斷是否到頁面底部自動加載更多：給 scroll 加了 debounce 后，只有用戶停止?jié)L動后，- - 才會判斷是否到了頁面底部；如果是 throttle 的話，只要頁面滾動就會間隔一段時間判斷一次.
概念：函數(shù)防抖（debounce），就是指觸發(fā)事件后，在 n 秒內(nèi)函數(shù)只能執(zhí)行一次，如果觸發(fā)事件后在 n 秒內(nèi)又觸發(fā)了事件，則會重新計算函數(shù)延執(zhí)行時間。
函數(shù)防抖的要點，是需要一個 setTimeout 來輔助實現(xiàn)，延遲運行需要執(zhí)行的代碼。如果方法多次觸發(fā)，則把上次記錄的延遲執(zhí)行代碼用 clearTimeout 清掉，重新開始計時。若計時期間事件沒有被重新觸發(fā)，等延遲時間計時完畢，則執(zhí)行目標(biāo)代碼。
函數(shù)防抖的代碼實現(xiàn)
function debounce(fn,wait){
var timer = null;
return function(){
if(timer !== null){
clearTimeout(timer);
}
timer = setTimeout(fn,wait);
}
}
function handle(){
console.log(Math.random());
}
window.addEventListener("resize",debounce(handle,1000));
函數(shù)防抖的使用場景函數(shù)防抖一般用在什么情況之下呢？一般用在，連續(xù)的事件只需觸發(fā)一次回調(diào)的場合。具體有：
搜索框搜索輸入。只需用戶最后一次輸入完，再發(fā)送請求；
用戶名、手機號、郵箱輸入驗證；
瀏覽器窗口大小改變后，只需窗口調(diào)整完后，再執(zhí)行 resize 事件中的代碼，防止重復(fù)渲染。
目前遇到過的用處就是這些，理解了原理與實現(xiàn)思路，小伙伴可以把它運用在任何需要的場合，提高代碼質(zhì)量。
動畫原理： 眼前所看到圖像正在以每秒60次的頻率刷新，由于刷新頻率很高，因此你感覺不到它在刷新。而動畫本質(zhì)就是要讓人眼看到圖像被刷新而引起變化的視覺效果，這個變化要以連貫的、平滑的方式進行過渡。 那怎么樣才能做到這種效果呢？
刷新頻率為60Hz的屏幕每16.7ms刷新一次，我們在屏幕每次刷新前，將圖像的位置向左移動一個像素，即1px。這樣一來，屏幕每次刷出來的圖像位置都比前一個要差1px，因此你會看到圖像在移動；由于我們?nèi)搜鄣囊曈X停留效應(yīng)，當(dāng)前位置的圖像停留在大腦的印象還沒消失，緊接著圖像又被移到了下一個位置，因此你才會看到圖像在流暢的移動，這就是視覺效果上形成的動畫。
與setTimeout相比較：
理解了上面的概念以后，我們不難發(fā)現(xiàn)，setTimeout 其實就是通過設(shè)置一個間隔時間來不斷的改變圖像的位置，從而達到動畫效果的。但我們會發(fā)現(xiàn)，利用seTimeout實現(xiàn)的動畫在某些低端機上會出現(xiàn)卡頓、抖動的現(xiàn)象。 這種現(xiàn)象的產(chǎn)生有兩個原因：
setTimeout的執(zhí)行時間并不是確定的。在Javascript中， setTimeout 任務(wù)被放進了異步隊列中，只有當(dāng)主線程上的任務(wù)執(zhí)行完以后，才會去檢查該隊列里的任務(wù)是否需要開始執(zhí)行，因此 setTimeout 的實際執(zhí)行時間一般要比其設(shè)定的時間晚一些。
刷新頻率受屏幕分辨率和屏幕尺寸的影響，因此不同設(shè)備的屏幕刷新頻率可能會不同，而 setTimeout只能設(shè)置一個固定的時間間隔，這個時間不一定和屏幕的刷新時間相同。
以上兩種情況都會導(dǎo)致setTimeout的執(zhí)行步調(diào)和屏幕的刷新步調(diào)不一致，從而引起丟幀現(xiàn)象
requestAnimationFrame：與setTimeout相比，requestAnimationFrame最大的優(yōu)勢是由系統(tǒng)來決定回調(diào)函數(shù)的執(zhí)行時機。具體一點講，如果屏幕刷新率是60Hz,那么回調(diào)函數(shù)就每16.7ms被執(zhí)行一次，如果刷新率是75Hz，那么這個時間間隔就變成了1000/75=13.3ms，換句話說就是，requestAnimationFrame的步伐跟著系統(tǒng)的刷新步伐走。它能保證回調(diào)函數(shù)在屏幕每一次的刷新間隔中只被執(zhí)行一次，這樣就不會引起丟幀現(xiàn)象，也不會導(dǎo)致動畫出現(xiàn)卡頓的問題。
除此之外，requestAnimationFrame還有以下兩個優(yōu)勢：
CPU節(jié)能：使用setTimeout實現(xiàn)的動畫，當(dāng)頁面被隱藏或最小化時，setTimeout 仍然在后臺執(zhí)行動畫任務(wù)，由于此時頁面處于不可見或不可用狀態(tài)，刷新動畫是沒有意義的，完全是浪費CPU資源。而requestAnimationFrame則完全不同，當(dāng)頁面處理未激活的狀態(tài)下，該頁面的屏幕刷新任務(wù)也會被系統(tǒng)暫停，因此跟著系統(tǒng)步伐走的requestAnimationFrame也會停止渲染，當(dāng)頁面被激活時，動畫就從上次停留的地方繼續(xù)執(zhí)行，有效節(jié)省了CPU開銷。
函數(shù)節(jié)流：在高頻率事件(resize,scroll等)中，為了防止在一個刷新間隔內(nèi)發(fā)生多次函數(shù)執(zhí)行，使用requestAnimationFrame可保證每個刷新間隔內(nèi)，函數(shù)只被執(zhí)行一次，這樣既能保證流暢性，也能更好的節(jié)省函數(shù)執(zhí)行的開銷。一個刷新間隔內(nèi)函數(shù)執(zhí)行多次時沒有意義的，因為顯示器每16.7ms刷新一次，多次繪制并不會在屏幕上體現(xiàn)出來。
白屏?xí)r間： 白屏?xí)r間指的是瀏覽器開始顯示內(nèi)容的時間。因此我們只需要知道是瀏覽器開始顯示內(nèi)容的時間點，即頁面白屏結(jié)束時間點即可獲取到頁面的白屏?xí)r間。
計算白屏?xí)r間 因此，我們通常認(rèn)為瀏覽器開始渲染 標(biāo)簽或者解析完 標(biāo)簽的時刻就是頁面白屏結(jié)束的時間點。
因此白屏?xí)r間則可以這樣計算出：
可使用 Performance API 時:
白屏?xí)r間 = firstPaint - performance.timing.navigationStart;
不可使用 Performance API 時:
白屏?xí)r間 = firstPaint - pageStartTime; //雖然我們知道這并不準(zhǔn)確，畢竟DNS解析，tcp三次握手等都沒計算入內(nèi)。
首屏?xí)r間： 首屏?xí)r間是指用戶打開網(wǎng)站開始，到瀏覽器首屏內(nèi)容渲染完成的時間。對于用戶體驗來說，首屏?xí)r間是用戶對一個網(wǎng)站的重要體驗因素。通常一個網(wǎng)站，如果首屏?xí)r間在5秒以內(nèi)是比較優(yōu)秀的，10秒以內(nèi)是可以接受的，10秒以上就不可容忍了。超過10秒的首屏?xí)r間用戶會選擇刷新頁面或立刻離開。
通常計算首屏的方法有
首屏模塊標(biāo)簽標(biāo)記法
統(tǒng)計首屏內(nèi)加載最慢的圖片的時間
自定義首屏內(nèi)容計算法
1、首屏模塊標(biāo)簽標(biāo)記法
首屏模塊標(biāo)簽標(biāo)記法，通常適用于首屏內(nèi)容不需要通過拉取數(shù)據(jù)才能生存以及頁面不考慮圖片等資源加載的情況。我們會在 HTML 文檔中對應(yīng)首屏內(nèi)容的標(biāo)簽結(jié)束位置，使用內(nèi)聯(lián)的 JavaScript 代碼記錄當(dāng)前時間戳。如下所示：
此時首屏?xí)r間等于 firstScreen - performance.timing.navigationStart;
事實上首屏模塊標(biāo)簽標(biāo)記法 在業(yè)務(wù)中的情況比較少，大多數(shù)頁面都需要通過接口拉取數(shù)據(jù)才能完整展示，因此我們會使用 JavaScript 腳本來判斷首屏頁面內(nèi)容加載情況。
2、統(tǒng)計首屏內(nèi)圖片完成加載的時間
通常我們首屏內(nèi)容加載最慢的就是圖片資源，因此我們會把首屏內(nèi)加載最慢的圖片的時間當(dāng)做首屏的時間。
由于瀏覽器對每個頁面的 TCP 連接數(shù)有限制，使得并不是所有圖片都能立刻開始下載和顯示。因此我們在 DOM樹 構(gòu)建完成后將會去遍歷首屏內(nèi)的所有圖片標(biāo)簽，并且監(jiān)聽所有圖片標(biāo)簽 onload 事件，最終遍歷圖片標(biāo)簽的加載時間的最大值，并用這個最大值減去 navigationStart 即可獲得近似的首屏?xí)r間。
此時首屏?xí)r間等于 加載最慢的圖片的時間點 - performance.timing.navigationStart; //首屏?xí)r間嘗試： //1,獲取首屏基線高度 //2,計算出基線dom元素之上的所有圖片元素 //3,所有圖片onload之后為首屏顯示時間 //
function getOffsetTop(ele) {
var offsetTop = ele.offsetTop;
if (ele.offsetParent !== null) {
offsetTop += getOffsetTop(ele.offsetParent);
}
return offsetTop;
}
var firstScreenHeight = win.screen.height;
var firstScreenImgs = [];
var isFindLastImg = false;
var allImgLoaded = false;
var t = setInterval(function() {
var i, img;
if (isFindLastImg) {
if (firstScreenImgs.length) {
for (i = 0; i < firstScreenImgs.length; i++) {
img = firstScreenImgs[i];
if (!img.complete) {
allImgLoaded = false;
break;
} else {
allImgLoaded = true;
}
}
} else {
allImgLoaded = true;
}
if (allImgLoaded) {
collect.add({
firstScreenLoaded: startTime - Date.now()
});
clearInterval(t);
}
} else {
var imgs = body.querySelector('img');
for (i = 0; i
解釋一下思路，大概就是判斷首屏有沒有圖片，如果沒圖片就用domready時間，如果有圖，分2種情況，圖在首屏，圖不在首屏，如果在則收集，并判斷加載狀態(tài)，加載完畢之后則首屏完成加載，如果首屏沒圖，找到首屏下面的圖，立刻觸發(fā)首屏完畢。可以想象這么做前端收集是不準(zhǔn)的，但是可以確保最晚不會超過win load，所以應(yīng)該還算有些意義。。沒辦法，移動端很多瀏覽器不支持performance api，所以土辦法前端收集，想出這么個黑魔法，在基線插入節(jié)點收集也是個辦法，但是不友好，而且現(xiàn)在手機屏幕這么多。。
3、自定義模塊內(nèi)容計算法
由于統(tǒng)計首屏內(nèi)圖片完成加載的時間比較復(fù)雜。因此我們在業(yè)務(wù)中通常會通過自定義模塊內(nèi)容，來簡化計算首屏?xí)r間。如下面的做法：
忽略圖片等資源加載情況，只考慮頁面主要 DOM
只考慮首屏的主要模塊，而不是嚴(yán)格意義首屏線以上的所有內(nèi)容
實際上用performance.timing來計算首屏加載時間與白屏?xí)r間非常簡單與精確。不過目前只支持IE10和chrome貼下其API的使用
var navigationStart = performance.timing.navigationStart;
//1488984540668
console.log(navigationStart);
//Wed Mar 08 2017 22:49:44 GMT+0800 (中國標(biāo)準(zhǔn)時間)
console.log(new Date(new Date(navigationStart)));
復(fù)制代碼
redirectStart:到當(dāng)前頁面的重定向開始的時間。但只有在重定向的頁面來自同一個域時這個屬性才會有值；否則，值為0
redirectEnd:到當(dāng)前頁面的重定向結(jié)束的時間。但只有在重定向的頁面來自同一個域時這個屬性才會有值；否則，值為0
console.log(performance.timing.redirectStart);//0
console.log(performance.timing.redirectEnd);//0
fetchStart:開始通過HTTP GET取得頁面的時間
console.log(performance.timing.fetchStart);//1488984540668
domainLookupStart:開始査詢當(dāng)前頁面DNS的時間，如果使用了本地緩存或持久連接，則與fetchStart值相等
domainLookupEnd:査詢當(dāng)前頁面DNS結(jié)束的時間，如果使用了本地緩存或持久連接，則與fetchStart值相等
console.log(performance.timing.domainLookupStart);//1488984540670
console.log(performance.timing.domainLookupEnd);//1488984540671
connectStart:瀏覽器嘗試連接服務(wù)器的時間
secureConnectionStart:瀏覽器嘗試以SSL方式連接服務(wù)器的時間。不使用SSL方式連接時，這個屬性的值為0
connectEnd:瀏覽器成功連接到服務(wù)器的時間
console.log(performance.timing.connectStart);//1488984540671
console.log(performance.timing.secureConnectionStart);//0
console.log(performance.timing.connectEnd);//1488984540719
requestStart:瀏覽器開始請求頁面的時間
responseStart:瀏覽器接收到頁面第一字節(jié)的時間
responseEnd:瀏覽器接收到頁面所有內(nèi)容的時間
console.log(performance.timing.requestStart);//1488984540720
console.log(performance.timing.responseStart);//1488984540901
console.log(performance.timing.responseEnd);//1488984540902
unloadEventStart:前一個頁面的unload事件開始的時間。但只有在前一個頁面與當(dāng)前頁面來自同一個域時這個屬性才會有值；否則，值為0
unloadEventEnd:前一個頁面的unload事件結(jié)束的時間。但只有在前一個頁面與當(dāng)前頁面來自同一個域時這個屬性才會有值；否則，值為0
console.log(performance.timing.unloadEventStart);//1488984540902
console.log(performance.timing.unloadEventEnd);//1488984540903
domLoading:document.readyState變?yōu)?loading"的時間，即開始解析DOM樹的時間
domInteractive:document.readyState變?yōu)?interactive"的時間，即完成完成解析DOM樹的時間
domContentLoadedEventStart:發(fā)生DOMContentloaded事件的時間，即開始加載網(wǎng)頁內(nèi)資源的時間
domContentLoadedEventEnd:DOMContentLoaded事件已經(jīng)發(fā)生且執(zhí)行完所有事件處理程序的時間，網(wǎng)頁內(nèi)資源加載完成的時間
domComplete:document.readyState變?yōu)?complete"的時間，即DOM樹解析完成、網(wǎng)頁內(nèi)資源準(zhǔn)備就緒的時間
console.log(performance.timing.domLoading);//1488984540905
console.log(performance.timing.domInteractive);//1488984540932
console.log(performance.timing.domContentLoadedEventStart);//1488984540932
console.log(performance.timing.domContentLoadedEventEnd);//1488984540932
console.log(performance.timing.domComplete);//1488984540932
loadEventStart:發(fā)生load事件的時間，也就是load回調(diào)函數(shù)開始執(zhí)行的時間
loadEventEnd:load事件已經(jīng)發(fā)生且執(zhí)行完所有事件處理程序的時間
console.log(performance.timing.loadEventStart);//1488984540933
console.log(performance.timing.loadEventEnd);//1488984540933
多線程技術(shù)在服務(wù)端技術(shù)中已經(jīng)發(fā)展的很成熟了，而在Web端的應(yīng)用中卻一直是雞肋 在新的標(biāo)準(zhǔn)中，提供的新的WebWork API，讓前端的異步工作變得異常簡單。 使用：創(chuàng)建一個Worker對象，指向一個js文件，然后通過Worker對象往js文件發(fā)送消息，js文件內(nèi)部的處理邏輯，處理完畢后，再發(fā)送消息回到當(dāng)前頁面，純異步方式，不影響當(dāng)前主頁面渲染。
重慶分公司
重慶分公司