重學javascript以外部引入js順序問題

當咱們在頁面中調用js代碼的時候，一般將js的引入放在body標籤後面，這是由於要保證dom元素（html）渲染完成以後再調用js代碼，不然可能會帶來錯誤，可是相應的若是dom元素過多，會形成顯著的性能損耗。這對於網站的運行有很大的缺陷。 所以咱們用能夠使用async，使dom和js異步加載

但當咱們引入多個script標籤時，如：

須要先加載jquery.js，這時候咱們能夠使用defer ，使其按照順序加載和運行。 所以： 若是腳本無需等待頁面解析，且無依賴獨立運行，那麼應使用 async。 若是腳本須要等待解析，且依賴於其它腳本，調用這些腳本時應使用 defer，將關聯的腳本按所需順序置於 HTML 中。