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

熱線電話：13121318867

登錄
首頁(yè)大數(shù)據(jù)時(shí)代這三種JS異步加載的方式，你必須掌握！
這三種JS異步加載的方式，你必須掌握！
2020-07-16
收藏

通常情況下javascript是默認(rèn)同步加載的，也就是所說(shuō)的javascript的加載時(shí)阻塞的，后面的頁(yè)面要等到j(luò)avascript加載結(jié)束后，才能再進(jìn)行加載，這樣對(duì)于一些意義不是很大的javascript來(lái)說(shuō)，如果放在頁(yè)頭會(huì)導(dǎo)致加載很慢的話，會(huì)嚴(yán)重影響用戶的體驗(yàn)度的。

異步加載又叫非阻塞加載，也就是說(shuō)瀏覽器在下載執(zhí)行js的同時(shí)，還能繼續(xù)進(jìn)行后續(xù)頁(yè)面的處理。舉個(gè)生活中的例子：同步：早上起床,先刷牙,然后燒水,等水燒開了再洗臉,之后再整理發(fā)型.異步：先刷牙,然后燒水,燒水同時(shí)整理發(fā)型,等水燒開后,再取剛燒開的水洗臉

異步加載通常有以下幾種方式：

1、defer，

只支持IEdefer 屬性規(guī)定是否對(duì)腳本執(zhí)行進(jìn)行延遲，需要等dom文檔全部解析完畢才會(huì)被執(zhí)行。 



<script type="text/javascript" src="demo.js" defer="defer"></script>

//行內(nèi)js
<script type="text/javascript"  defer="defer">
console.log（“a”）；
</script>

2、async：async屬性是HTML5中新增的異步支持，async 屬性規(guī)定一旦腳本可用，加載完畢就會(huì)執(zhí)行，但是async只能加載外部js腳本，不能把js書寫在script標(biāo)簽內(nèi)(W3C標(biāo)準(zhǔn)方法) 


<script type="text/javascript" src="demo.js" async="async"></script>





	3.onload時(shí)的異步加載




	創(chuàng)建script，插入到DOM中，加載完畢后callback



(function(){
	if(window.attachEvent){
    	window.attachEvent("load", asyncLoad);
    }else{
    	window.addEventListener("load", asyncLoad);
    }
    var asyncLoad = function(){
    	var ga = document.createElement('script'); 
        ga.type = 'text/javascript'; 
        ga.async = true; 
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
        var s = document.getElementsByTagName('script')[0]; 
        s.parentNode.insertBefore(ga, s);
    }
})();



	 




	 




	



                  
              

                            
                                          

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

                  
若不方便掃碼，搜微信號(hào)：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(), // 加隨機(jī)數(shù)防止緩存
            type: "get",
            dataType: "json",
            success: function (data) {
                $('#text').hide();
                $('#wait').show();

                // 調(diào)用 initGeetest 進(jìn)行初始化
                // 參數(shù)1：配置參數(shù)
                // 參數(shù)2：回調(diào)，回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象，之后可以使用它調(diào)用相應(yīng)的接口
                initGeetest({
                    // 以下 4 個(gè)配置參數(shù)為必須，不能缺少
                    gt: data.gt,
                    challenge: data.challenge,
                    offline: !data.success, // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī)
                    new_captcha: data.new_captcha, // 用于宕機(jī)時(shí)表示是新驗(yàn)證碼的宕機(jī)
                    product: "float", // 產(chǎn)品形式，包括：float，popup
                    width: "280px",
                    https: true
                    // 更多配置參數(shù)說(shuō)明請(qǐng)參見：http://docs.geetest.com/install/client/web-front/
                }, handler);
            }
        });
    }
    function codeCutdown() {
        if(_wait == 0){ //倒計(jì)時(shí)完成
            $(".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 = '請(qǐng)輸入'+oInput.attr('placeholder')+'！';
        var errTxt = '請(qǐng)輸入正確的'+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);
    }