課程
/前端開(kāi)發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap(基礎(chǔ))
為什么jQuery和bootstrap的JS要放在最下面 求解
2016-04-13
源自:玩轉(zhuǎn)Bootstrap(基礎(chǔ)) 1-3
正在回答
js文件放在底部原因很簡(jiǎn)單,因?yàn)闉g覽器在解析dom和渲染的時(shí)候是單線程,如果遇到j(luò)s下載緩慢的情況,會(huì)造成頁(yè)面阻塞,用戶看不到頁(yè)面的東西,造成不好的體驗(yàn),一但js加載失敗,那瀏覽器就會(huì)一直不停地加載,頁(yè)面就一直顯示不出來(lái),放在底部的話,就算js加載緩慢或者加載不出來(lái),但是因?yàn)閏ss和其他html文檔都加在完畢了,至少可以讓用戶看到完整的界面從而提高用戶體驗(yàn)和性能。希望對(duì)你有幫助。
LoDog 提問(wèn)者
因?yàn)闉g覽器在加載js后會(huì)立刻執(zhí)行,可能會(huì)堵塞整個(gè)頁(yè)面,造成頁(yè)面顯示緩慢。而CSS 是整個(gè)加載完后才,開(kāi)始對(duì)頁(yè)面進(jìn)行渲染,所以放在前面。
這是因?yàn)橐染W(wǎng)頁(yè)把你寫(xiě)那部分內(nèi)容先加載完整,它才能觸發(fā)你的JQuery或js事件。
不一定非要那樣做,第一種你可以把JQuery和js放在頭部header里面,第二種是把JQuery和js放在你寫(xiě)的要觸發(fā)事件的div后面,這是一對(duì)一的情況,第三種也就是你所說(shuō)的放在的最下面。建議采用第一或第三種。
舉報(bào)
告訴你使用Bootstrap,并且能夠獨(dú)立定制出適合自己的Bootstrap
4 回答bootstrap的js文件引用只有放在最開(kāi)頭才能被使用,放在底部的話bootstrap的樣式還有jQuery庫(kù)都不能使用
2 回答源代碼bootstrap在哪里查看,求解
3 回答?bootstrap為什么要把副標(biāo)題line-height設(shè)置為1? 不解
4 回答BootStrap中的list-inline中為什么要margin-left: -5px;
3 回答最下面js語(yǔ)句中,為什么設(shè)置keyboard屬性時(shí)后面不能加分號(hào)?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-04-17
js文件放在底部原因很簡(jiǎn)單,因?yàn)闉g覽器在解析dom和渲染的時(shí)候是單線程,如果遇到j(luò)s下載緩慢的情況,會(huì)造成頁(yè)面阻塞,用戶看不到頁(yè)面的東西,造成不好的體驗(yàn),一但js加載失敗,那瀏覽器就會(huì)一直不停地加載,頁(yè)面就一直顯示不出來(lái),放在底部的話,就算js加載緩慢或者加載不出來(lái),但是因?yàn)閏ss和其他html文檔都加在完畢了,至少可以讓用戶看到完整的界面從而提高用戶體驗(yàn)和性能。希望對(duì)你有幫助。
2016-04-13
因?yàn)闉g覽器在加載js后會(huì)立刻執(zhí)行,可能會(huì)堵塞整個(gè)頁(yè)面,造成頁(yè)面顯示緩慢。而CSS 是整個(gè)加載完后才,開(kāi)始對(duì)頁(yè)面進(jìn)行渲染,所以放在前面。
2016-04-13
這是因?yàn)橐染W(wǎng)頁(yè)把你寫(xiě)那部分內(nèi)容先加載完整,它才能觸發(fā)你的JQuery或js事件。
不一定非要那樣做,第一種你可以把JQuery和js放在頭部header里面,第二種是把JQuery和js放在你寫(xiě)的要觸發(fā)事件的div后面,這是一對(duì)一的情況,第三種也就是你所說(shuō)的放在的最下面。建議采用第一或第三種。