1摊滔、js在瀏覽器中的阻塞
常規(guī)理解就是瀏覽器在加載js時(shí)候會(huì)阻塞瀏覽器的渲染操作，但頁(yè)面性能決定不希望我們?cè)诩虞djs的時(shí)候影響頁(yè)面的渲染槐脏，所以我們經(jīng)常會(huì)把js文件放到</body>之前去加載喉童。而不會(huì)把它放在head里去阻塞頁(yè)面的渲染。那么問(wèn)題來(lái)了顿天，如果我們把js放在head里堂氯，瀏覽器是怎么去執(zhí)行它的呢，是按順序加載還是并行加載呢牌废？
其實(shí)在舊的瀏覽器下咽白，都是按照先后順序來(lái)加載的，這就保證了加載的js依賴不會(huì)發(fā)生問(wèn)題鸟缕。但是新的瀏覽器已經(jīng)開(kāi)始允許并行加載js了晶框，也就是說(shuō)我可以同時(shí)下載js文件，但是還是按先后順序執(zhí)行文件的懂从。
2授段、如何實(shí)現(xiàn)js非阻塞
1.在html5中，script新增了async的屬性番甩，script添加了該屬性之后侵贵，下載腳本時(shí)將可以與頁(yè)面其他內(nèi)容并行下載，但是該屬性必須在ie9以上的瀏覽器中才可以使用缘薛，并且只能用于加載外部js腳本窍育。
2.同樣，在html4中也有一個(gè)defer屬性掩宜，該屬性的兼容性更好一點(diǎn)蔫骂，但是與async一樣，可以讓js腳本實(shí)現(xiàn)異步加載牺汤，同樣只能用于加載外部js腳本辽旋。
備注：
asyc與defer屬性的不同點(diǎn)是，async會(huì)讓腳本在加載完可用時(shí)立即執(zhí)行，并且使用async的<script>標(biāo)簽是不按他們?cè)贖TML中的排列順序執(zhí)行的补胚；
而defer腳本則會(huì)在dom加載完畢后執(zhí)行码耐，defer腳本的執(zhí)行會(huì)在window.onload之前，其他沒(méi)有添加defer屬性的script標(biāo)簽之后溶其。使用defer的<script>標(biāo)簽是按照他們排列的順序執(zhí)行的
當(dāng)defer和async同時(shí)存在時(shí)骚腥，會(huì)忽略defer而遵循async。且使用defer和async的腳本禁止使用document.write方法哦瓶逃。
3.動(dòng)態(tài)加載js束铭，通過(guò)appendChild(script)這種方式去異步加載js了
