摘要:前幾天在幫后端排查一個的問題的時候發現的一些小坑特此記錄的本質是出于安全原因,瀏覽器限制從腳本內發起的跨源請求。排查發現訪問失敗的都是需要用戶的登錄態的。 前幾天在幫后端排查一個cors的問題的時候發現的一些小坑特此記錄 ** cors的本質是出于安全原因,瀏覽器限制從腳本內發起的跨源HTTP請求。 例如,XMLHttpRequest和FetchAPI遵循同源策略。 這意味著使用這些A...
摘要:合并請求這里的合并主要針對當前頁面上訪問的資源文件,比如圖片等。為甚么要合并請求有人會很奇怪,現代瀏覽器都可以并發請求資源了,為什么還要這么做我只能說你還了。 DNS預熱 一次DNS解析耗時20-120ms, 當網頁中使用的域名較多時,DNS預熱節省的時間還是非常可觀的 先看效果 showImg(https://segmentfault.com/img/bV0A1g?w=982&h=9...
摘要:第四行是為了保存當前語境下的,事實上在瀏覽器的調試工具中直接運行這些代碼的時候,這個指向的就是全局對象,所以去掉這一行,將下面的改成,程序的運行結果是一模一樣的。 在騰訊的AlloyTeam的Blog上發現了這樣的一款工具:AlloyLever(原blog地址:http://www.alloyteam.com/2016...),覺得非常有趣且實用。尤其是其實現的原理也并不復雜,卻可以給...
摘要:各瀏覽器下表現總結做前端錯誤上報,必然離不開,但在不同設備上表現并不一致,瀏覽器為避免信息泄露,在一些情況下并不會給出詳細的錯誤信息,本文的目的就是通過跑一些簡單的小例子,驗證在不同瀏覽器下的具體表現。 window onerror 各瀏覽器下表現總結 做前端錯誤上報,必然離不開window onerror,但window onerror在不同設備上表現并不一致,瀏覽器為避免信息泄露,...
摘要:情況如果一個函數中有,這個函數有被上一級的對象所調用,那么指向的就是上一級的對象。 首先必須要說的是,this的指向在函數定義的時候是確定不了的,只有函數執行的時候才能確定this到底指向誰,實際上this的指向的是最終調用它的對象。 函數調用模式 例子1 function a(){ var user = username; console.log(this.user)...