大家好,我是林一一,這是一篇比較 JS 中三類循環的原理和性能的文章,希望能給你帶來點幫助 😁 性能比較 for 循環和 while 循環的性能對比 let arr = new Array(999999).fill(1) console.time('forTime') for(let i = 0; i arr.length; i++){} console.timeEnd('forTime
大家好,我是林一一,這是一篇關於瀏覽器 緩存原理 和 本地存儲 的文章,後續回持續推出關於,瀏覽器原理的文章。 一、瀏覽器的緩存篇 思維導圖 所謂瀏覽器的緩存,就是瀏覽器通過 HTTP 請求網絡資源後將資源留在本地的一種行為。在頁面上點擊 返回和前進的按鈕 就是利用瀏覽器的緩存。 瀏覽器的緩存分為兩種 強緩存 和 協商緩存。 瀏覽器緩存資源的位置放置四個地方 Service W
原文地址 編寫 loader 和 plugins github 一、loader 1.loader 介紹 loader 是什麼 loader 其實是一個函數,對匹配到的內容進行轉換,將轉換後的結果返回。 loader 作用 在 webpack 中 loader 就像是一位翻譯官。webpack 只認識 JavaScript 這們語言,對於其他的資源通過 loader 後可以轉化做預處理
推薦閲讀地址 掘金 歡迎 Start 思維導圖 大家好,我是林一一。下面的這一篇是關於 JS 中 call,apply,bind 原理和模擬實現和場景的面試題文章,一起開始閲讀吧。🧐 call,apply,bind 都可以改變 this 的指向 關於this 指向問題可以看看這篇 面試 | 你不得不懂的 JS this 指向 一、call 格式 [function].call([t
推薦閲讀地址 掘金 github 變量提升 做題前建議先閲讀一遍 徹底解決 JS 變量提升的面試題 面試題 1. 問下面輸出結果 if( !("a" in window) ){ var a = 12 } console.log(a) // undefined 無論條件是否成立都會變量提升,全局下的 var 相當於給 window 設一個屬性 window.a = undefi
推薦閲讀地址 掘金 前言:大家好,我是林一一,這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點,this 難嗎?好像挺簡單的。看完下面這一篇文章,還不會的話,你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話,函數體中的 this 就指向前面的對象,沒有就指向 window,嚴格模式下指向 undefined。這句話特