我們常常利用chrome強大的控制台sources下面進行**斷點除錯，但是通過$.getscript等非同步載入js的方式在sources裡面就是找不到，那如何進行debug斷點除錯呢？
這是我們用sources斷點除錯的例項圖：
圖中我們可以看到，在index.js中我們通過$.getscript引入test.js，看看表現如何：
我們在network中看到test.js已經成功引入，但是它卻屬於xhr類請求，這樣我們在sources必然找不到它。
不出所料，sources裡果然沒有發現test.js的蹤跡！高潮來了，那還怎麼進行斷點除錯呢？？？
我知道兩個方案，先來最簡單的：
方案一： 在test.js**的頭部或者尾部加上//@ sourceurl=test.js，然後在(no domain)裡面找到它進行除錯，看看結果：
方案二： 把$.getscript這種非同步的方式換成建立script標籤同步載入的方式，直接上圖：
控制台斷點對我們進行**檢查、功能檢測、資料檢視等等需求太有用了，我們盡量用斷點替換那煩人的console.log吧，不要告訴你不會用哦！
如何除錯非同步載入的js檔案
最近在乙個新的web專案中開發功能。這個專案的管理介面有乙個特點，框架是固定的，不會重新整理，每次點新的頁面僅僅重新整理乙個div。div裡面不是套的iframe，於是導致了乙個問題，用瀏覽器無法除錯非同步載入頁面裡包含的js檔案。簡單的說就是在除錯工具裡面看不到非同步載入頁面裡包含的js檔案。網上...
js的非同步載入
今天被問到了如何非同步載入js，聽到這句話我內心是拒絕的，啥玩意兒？js也要用非同步載入不是引入了就行了，也沒見速度變慢啊。後來仔細查詢了一下，才發現自己原來還是太年輕了。因為之前自己寫的載入的都是本地js，或者是並沒有複雜邏輯運算的js,導致看不出來太大問題，查完資料後，要將不會的記在這裡，當作學...
JS的非同步載入
自覺自己基礎不紮實，不應該心猿意馬，所以很久沒有更新效能優化專欄，回顧總結了一段時間後再來一發吧 在學習前端開發的最開始，就可能有人告訴你，在 body 的末尾再引入 script 標籤 收到依賴的jquery更適合放在前面 書寫js 就提高效率，這到底是為什麼呢？先看乙個不好的例子 class p...