最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript簡單性能問題及學習筆記

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

1、<script>標簽應越少越好(雖然有多個也不會導致程序報錯),因為每個<script>標簽初始下載時都會阻塞頁面渲染
2、<script>標簽盡量不要放在頁面上方,盡量放在<body>內(nèi)的最下面,因為每個<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事件處理之前被調(diào)用。

時間有限,今天先記錄這么多吧

相關文章

最新評論

德令哈市| 科技| 鄱阳县| 定襄县| 讷河市| 罗田县| 台北县| 二连浩特市| 淮滨县| 岳阳市| 咸阳市| 五指山市| 邯郸县| 黔西| 镇沅| 永济市| 桃园县| 南部县| 抚州市| 卫辉市| 沙雅县| 略阳县| 荃湾区| 兴海县| 蒙阴县| 金山区| 蒙自县| 呼玛县| 成都市| 阳曲县| 潢川县| 花莲县| 嘉黎县| 湖北省| 驻马店市| 太仆寺旗| 济源市| 夹江县| 长阳| 大洼县| 内江市|