欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript簡(jiǎn)單性能問(wèn)題及學(xué)習(xí)筆記

 更新時(shí)間:2014年02月04日 18:55:43   作者:  
最近在看一本書(shū):《高性能javaScript》,發(fā)現(xiàn)自己平時(shí)寫(xiě)js存在很多小細(xì)節(jié)上的問(wèn)題,雖然這些問(wèn)題不會(huì)導(dǎo)致程序運(yùn)行出錯(cuò),但是會(huì)導(dǎo)致界面加載變慢,用戶體驗(yàn)變差,那么我們就來(lái)細(xì)細(xì)數(shù)一下應(yīng)該注意的地方吧

1、<script>標(biāo)簽應(yīng)越少越好(雖然有多個(gè)也不會(huì)導(dǎo)致程序報(bào)錯(cuò)),因?yàn)槊總€(gè)<script>標(biāo)簽初始下載時(shí)都會(huì)阻塞頁(yè)面渲染
2、<script>標(biāo)簽盡量不要放在頁(yè)面上方,盡量放在<body>內(nèi)的最下面,因?yàn)槊總€(gè)<script>在執(zhí)行的時(shí)候,都會(huì)下載對(duì)應(yīng)的js文件,瀏覽器會(huì)等待所有js/css下載完成才顯示出頁(yè)面
3、當(dāng)需要導(dǎo)入多個(gè)js文件的時(shí)候,一般情況下我們都是寫(xiě)兩個(gè)<script src="..." />,實(shí)際上是支持一次性導(dǎo)入多個(gè)的,例如:<script src="file1.js&file2.js" />
4、<script>標(biāo)簽中有一個(gè)屬性:defer,該屬性指明本元素所含的腳本不會(huì)修改DOM,因此代碼能安全地延遲執(zhí)行,但是該屬性只有IE4+和Firefox3.5+瀏覽器支持,希望大家使用的時(shí)候注意,如果其他瀏覽器,則會(huì)被直接忽略,使用例子:

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

,測(cè)試驗(yàn)證defer屬性示例:

復(fù)制代碼 代碼如下:

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

這段代碼在我們正常理解下執(zhí)行順序應(yīng)該是:defer、script、load,但是如果在支持defer的瀏覽器上順序則是:script、defer、load,這里需要注意的是:defer不是跟在script后面執(zhí)行,而是在onload事件處理之前被調(diào)用。

時(shí)間有限,今天先記錄這么多吧

相關(guān)文章

最新評(píng)論