javascript簡(jiǎn)單性能問題及學(xué)習(xí)筆記
1、<script>標(biāo)簽應(yīng)越少越好(雖然有多個(gè)也不會(huì)導(dǎo)致程序報(bào)錯(cuò)),因?yàn)槊總€(gè)<script>標(biāo)簽初始下載時(shí)都會(huì)阻塞頁面渲染
2、<script>標(biāo)簽盡量不要放在頁面上方,盡量放在<body>內(nèi)的最下面,因?yàn)槊總€(gè)<script>在執(zhí)行的時(shí)候,都會(huì)下載對(duì)應(yīng)的js文件,瀏覽器會(huì)等待所有js/css下載完成才顯示出頁面
3、當(dāng)需要導(dǎo)入多個(gè)js文件的時(shí)候,一般情況下我們都是寫兩個(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)文章
概述javascript在Google IE中的調(diào)試技巧
本篇文章主要是對(duì)javascript在Google IE中的調(diào)試技巧進(jìn)行了介紹,需要的朋友可以過來參考下2016-11-11
javascript sudoku 數(shù)獨(dú)智力游戲生成代碼
javascript sudoku 數(shù)獨(dú)智力游戲生成代碼,喜歡的朋友可以參考下。2010-03-03
JavaScripts數(shù)組里的對(duì)象排序的24個(gè)方法(最新整理收藏)
文章介紹了24種在JavaScript中對(duì)數(shù)組進(jìn)行排序的方法,每種方法都有具體的示例和應(yīng)用場(chǎng)景,適合不同情況下的排序需求,感興趣的朋友跟隨小編一起看看吧2025-01-01
javascript實(shí)現(xiàn)label標(biāo)簽跳出循環(huán)操作
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)label標(biāo)簽跳出循環(huán)操作,感興趣的朋友可以參考一下2016-03-03
JavaScript函數(shù)重載操作實(shí)例淺析
這篇文章主要介紹了JavaScript函數(shù)重載操作,結(jié)合一次面試經(jīng)歷分析了JavaScript函數(shù)重載相關(guān)原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法
這篇文章主要介紹了原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了JavaScript針對(duì)頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-09-09
正則表達(dá)式基本語法及表單驗(yàn)證操作詳解【基于JS】
這篇文章主要介紹了正則表達(dá)式基本語法及表單驗(yàn)證操作,較為詳細(xì)的分析了正則表達(dá)式的基本語法以及基于JS實(shí)現(xiàn)的表單正則驗(yàn)證操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04
Js中forEach修改原數(shù)組與sort排序經(jīng)典場(chǎng)景詳解
forEach是沒有返回值并且不直接改變?cè)瓟?shù)組的,今天發(fā)現(xiàn)是不能直接改變,下面這篇文章主要給大家介紹了關(guān)于Js中forEach修改原數(shù)組與sort排序經(jīng)典場(chǎng)景的相關(guān)資料,需要的朋友可以參考下2022-05-05
關(guān)于JS中一維數(shù)組和二維數(shù)組互轉(zhuǎn)問題
這篇文章主要介紹了js中一維數(shù)組和二維數(shù)組互轉(zhuǎn),本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-04-04

