javascript簡(jiǎn)單性能問(wèn)題及學(xué)習(xí)筆記
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屬性示例:
<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)文章
JS運(yùn)動(dòng)特效之鏈?zhǔn)竭\(yùn)動(dòng)分析
這篇文章主要介紹了JS運(yùn)動(dòng)特效之鏈?zhǔn)竭\(yùn)動(dòng),結(jié)合實(shí)例形式分析了javascript鏈?zhǔn)竭\(yùn)動(dòng)的原理與具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-01-01微信小程序?qū)崿F(xiàn)頁(yè)面浮動(dòng)導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)頁(yè)面浮動(dòng)導(dǎo)航,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01baidu博客的編輯友情鏈接的新的層窗口!經(jīng)典~支持【FF】
baidu博客的編輯友情鏈接的新的層窗口!經(jīng)典~支持【FF】...2007-02-02JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊箭頭旋轉(zhuǎn)180度功能
這篇文章主要介紹了JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊箭頭旋轉(zhuǎn)180度的效果,通過(guò)點(diǎn)擊三角按鈕旋轉(zhuǎn)180度,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2024-02-02微信小程序云開(kāi)發(fā) 搭建一個(gè)管理小程序
這篇文章主要為大家詳細(xì)介紹了微信小程序云開(kāi)發(fā),搭建一個(gè)管理小程序,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-05-05js單獨(dú)獲取一個(gè)checkbox看其是否被選中
這篇文章主要與大家分享js獲取一個(gè)checkbox看其是否被選中的具體實(shí)現(xiàn),很簡(jiǎn)單,但很實(shí)用,需要的朋友可以參考下2014-09-09【經(jīng)驗(yàn)總結(jié)】編寫(xiě)JavaScript代碼時(shí)應(yīng)遵循的14條規(guī)律
這篇文章主要介紹了編寫(xiě)JavaScript代碼時(shí)應(yīng)遵循的14條規(guī)律,涉及javascript變量的定義,函數(shù)、表單、json的使用,邏輯運(yùn)算與頁(yè)面元素操作技巧等,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2016-06-06JS小功能(onmouseover實(shí)現(xiàn)選擇月份)實(shí)例代碼
這篇文章主要介紹了onmouseover實(shí)現(xiàn)選擇月份實(shí)例代碼,有需要的朋友可以參考一下2013-11-11