javascript簡單性能問題及學習筆記
1、<script>標簽應越少越好(雖然有多個也不會導致程序報錯),因為每個<script>標簽初始下載時都會阻塞頁面渲染
2、<script>標簽盡量不要放在頁面上方,盡量放在<body>內的最下面,因為每個<script>在執(zhí)行的時候,都會下載對應的js文件,瀏覽器會等待所有js/css下載完成才顯示出頁面
3、當需要導入多個js文件的時候,一般情況下我們都是寫兩個<script src="..." />,實際上是支持一次性導入多個的,例如:<script src="file1.js&file2.js" />
4、<script>標簽中有一個屬性:defer,該屬性指明本元素所含的腳本不會修改DOM,因此代碼能安全地延遲執(zhí)行,但是該屬性只有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>
這段代碼在我們正常理解下執(zhí)行順序應該是:defer、script、load,但是如果在支持defer的瀏覽器上順序則是:script、defer、load,這里需要注意的是:defer不是跟在script后面執(zhí)行,而是在onload事件處理之前被調用。
時間有限,今天先記錄這么多吧
相關文章
baidu博客的編輯友情鏈接的新的層窗口!經典~支持【FF】
baidu博客的編輯友情鏈接的新的層窗口!經典~支持【FF】...2007-02-02【經驗總結】編寫JavaScript代碼時應遵循的14條規(guī)律
這篇文章主要介紹了編寫JavaScript代碼時應遵循的14條規(guī)律,涉及javascript變量的定義,函數(shù)、表單、json的使用,邏輯運算與頁面元素操作技巧等,非常具有實用價值,需要的朋友可以參考下2016-06-06JS小功能(onmouseover實現(xiàn)選擇月份)實例代碼
這篇文章主要介紹了onmouseover實現(xiàn)選擇月份實例代碼,有需要的朋友可以參考一下2013-11-11