首頁 > 開發者 > JavaScript

javascript簡單效能問題及學習筆記_javascript技巧

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

1、<script>標籤應越少越好（雖然有多個也不會導致程式報錯），因為每個<script>標籤初始下載時都會阻塞頁面渲染
2、<script>標籤盡量不要放在頁面上方，盡量放在<body>內的最下面，因為每個<script>在執行的時候，都會下載對應的js檔案，瀏覽器會等待所有js/css下載完成才顯示出頁面
3、當需要匯入多個js檔案的時候，一般情況下我們都是寫兩個<script src="..." />，實際上是支援一次性匯入多個的，例如：<script src="file1.js&file2.js" />
4、<script>標籤中有一個屬性：defer，該屬性指明本元素所含的指令碼不會修改DOM，因此代碼能安全地順延強制，但是該屬性只有IE4+和Firefox3.5+瀏覽器支援，希望大家使用的時候注意，如果其他瀏覽器，則會被直接忽略，使用例子：

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

，測實驗證defer屬性樣本：

複製代碼 代碼如下:

<script defer>alert("defer");</script> 
<script>alert("script");</script> 
<script> 
window.onload = function() { 
alert("load"); 
}; 
</script>

這段代碼在我們正常理解下執行順序應該是：defer、script、load，但是如果在支援defer的瀏覽器上順序則是：script、defer、load，這裡需要注意的是：defer不是跟在script後面執行，而是在onload事件處理之前被調用。

時間有限，今天先記錄這麼多吧

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More