1. 首頁
  2. 問答
  3. Jquery Mobile Perfomance

Jquery Mobile Perfomance

2013-04-15 59 views
2

請在下面找到2組代碼塊，讓我知道應該遵循哪一個，爲什麼？Jquery Mobile Perfomance

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Set 1</title> 
    <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> 
    <link rel="stylesheet" href="css/customStyle.css" />  
</head> 

<body> 

<div data-role="page">  
    <div data-role="header" data-position="fixed"></div> 
    <div data-role="content"></div> 
    <div data-role="footer" data-position="fixed"></div> 

</div> 

    <script src="js/jquery-1.8.2.min.js"></script> 
    <script src="js/customScript.js"></script> 
    <script src="js/jquery.mobile-1.2.0.js"></script> 

</body> 
</html>

和組2 ....

<!DOCTYPE html> 
    <html> 

    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <title>Set 1</title> 
     <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> 
     <link rel="stylesheet" href="css/customStyle.css" />   

     <script src="js/jquery-1.8.2.min.js"></script> 
     <script src="js/customScript.js"></script> 
     <script src="js/jquery.mobile-1.2.0.js"></script> 
    </head>

（IE），其中一個是正確的，將在頂部或底部處的所有腳本？ 請指教...

來源

2013-04-15 Yesvinkumar

回答

0

提高性能的第一種情況....據說這是將JavaScript放在頁面上的一般做法......以便內容加載更快......儘管沒有任何事實或分析我個人有同樣的。檢查這個不錯的帖子sameelegantcode.com/2010/03/30/your-javascript-goes-where/

來源

2013-04-15 09:03:06

+0

感謝您的回覆！...所以，我們需要把所有的腳本放在標題部分，以提高性能 - 對嗎？ – Yesvinkumar

+0

第一種情況...對於極端的錯誤感到抱歉...並且檢查提供的鏈接...保持js下降...沒有這樣的限制在哪裏放置..它應該是下來提高性能 –

1

他們都是正確的，唯一的區別是你將如何綁定事件。

在第一種情況下，因爲HTML已經被加載到DOM事件可以直接約束這樣的：

$('#buttonID').on('click', function(){  

});

因爲按鈕已經到DOM中，單擊事件可以綁定直接到它。

在第二種情況下，因爲jQuery Mobile的之前頁面內容加載的所有事件綁定必須做到像代表團：

$(document).on('click', '#buttonID',function(){  

});

這是一個更安全，但速度慢的解決方案。它不需要存在將事件綁定到它的對象。

爲了簡化故事，解決方案1稍快。

來源

2013-04-15 09:08:05 Gajotres

相關問題

 相關問題