99999久久久久久亚洲,欧美人与禽猛交狂配,高清日韩av在线影院,一个人在线高清免费观看,啦啦啦在线视频免费观看www

熱線電話：13121318867

登錄
首頁精彩閱讀JavaScript教程中的同步加載和異步加載！
JavaScript教程中的同步加載和異步加載！
2020-05-14
收藏

在JavaScript教程有同步加載與異步加載，大家知道它們指什么嗎？

什么是同步加載？


在加載數(shù)據(jù)時仍然執(zhí)行其他程序，通常加載時是不執(zhí)行程序的，我們不得不等進度條，因為很多程序在沒有加載數(shù)據(jù)時，可能是無法運行的，所以通常會加載完之后才運行。我們在新手建站教程中，講到的JS就是最常使用同步加載形式：


同步模式，又稱阻塞模式，會阻止瀏覽器的后續(xù)處理，停止了后續(xù)的解析，因此停止了后續(xù)的文件加載（如圖像）、渲染、代碼執(zhí)行。

js 之所以要同步執(zhí)行，是因為 js 中可能有輸出 document 內(nèi)容、修改dom、重定向等行為，所以默認同步執(zhí)行才是安全的。

在wordpress仿站教程中，我們一般建議是把放在頁面末尾之前，這樣盡可能減少這種阻塞行為，而先讓頁面展示出來。

什么是異步加載？


異步加載就是在執(zhí)行過程同時加載，通常會使圖片之類重要性較次的東西，可以先忽略掉，比如游戲論壇網(wǎng)站制作中，網(wǎng)頁游戲經(jīng)常會在玩的過程中，玩家都是黑影（未加載圖形，由其他黑影模型代替），如果另一個線程完成加載了，在貼上去，就是異步。這在學(xué)做網(wǎng)站論壇的新手網(wǎng)站制作教程也講到了這一點。

$.getScript("test.js", function(){

alert("Script loaded and executed.");

});


異步加載又叫非阻塞，瀏覽器在下載執(zhí)行 js 同時，還會繼續(xù)進行后續(xù)頁面的處理。這種方法是在頁面中標(biāo)簽內(nèi)，用 js 創(chuàng)建一個 script 元素并插入到 document 中。這樣就做到了非阻塞的下載 js 代碼。例如百度統(tǒng)計功能就是使用異步加載的方式


數(shù)據(jù)分析咨詢請掃描二維碼

若不方便掃碼，搜微信號：CDAshujufenxi

數(shù)據(jù)分析師資訊
更多

OK
客服在線
立即咨詢
客服在線
立即咨詢
') } function initGt() { var handler = function (captchaObj) { captchaObj.appendTo('#captcha'); captchaObj.onReady(function () { $("#wait").hide(); }).onSuccess(function(){ $('.getcheckcode').removeClass('dis'); $('.getcheckcode').trigger('click'); }); window.captchaObj = captchaObj; }; $('#captcha').show(); $.ajax({ url: "/login/gtstart?t=" + (new Date()).getTime(), // 加隨機數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進行初始化 // 參數(shù)1：配置參數(shù) // 參數(shù)2：回調(diào)，回調(diào)的第一個參數(shù)驗證碼對象，之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個配置參數(shù)為必須，不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺檢測極驗服務(wù)器是否宕機 new_captcha: data.new_captcha, // 用于宕機時表示是新驗證碼的宕機 product: "float", // 產(chǎn)品形式，包括：float，popup width: "280px", https: true // 更多配置參數(shù)說明請參見：http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計時完成 $(".getcheckcode").removeClass('dis').html("重新獲取"); }else{ $(".getcheckcode").addClass('dis').html("重新獲取("+_wait+"s)"); _wait--; setTimeout(function () { codeCutdown(); },1000); } } function inputValidate(ele,telInput) { var oInput = ele; var inputVal = oInput.val(); var oType = ele.attr('data-type'); var oEtag = $('#etag').val(); var oErr = oInput.closest('.form_box').next('.err_txt'); var empTxt = '請輸入'+oInput.attr('placeholder')+'！'; var errTxt = '請輸入正確的'+oInput.attr('placeholder')+'！'; var pattern; if(inputVal==""){ if(!telInput){ errFun(oErr,empTxt); } return false; }else { switch (oType){ case 'login_mobile': pattern = /^1[3456789]\d{9}$/; if(inputVal.length==11) { $.ajax({ url: '/login/checkmobile', type: "post", dataType: "json", data: { mobile: inputVal, etag: oEtag, page_ur: window.location.href, page_referer: document.referrer }, success: function (data) { } }); } break; case 'login_yzm': pattern = /^\d{6}$/; break; } if(oType=='login_mobile'){ } if(!!validateFun(pattern,inputVal)){ errFun(oErr,'') if(telInput){ $('.getcheckcode').removeClass('dis'); } }else { if(!telInput) { errFun(oErr, errTxt); }else { $('.getcheckcode').addClass('dis'); } return false; } } return true; } function errFun(obj,msg) { obj.html(msg); if(msg==''){ $('.login_submit').removeClass('dis'); }else { $('.login_submit').addClass('dis'); } } function validateFun(pat,val) { return pat.test(val); }