博客 / 列表

林一一 - 刨析 JS 中的forEach、for in、for of三類循環原理和性能

大家好，我是林一一，這是一篇比較 JS 中三類循環的原理和性能的文章，希望能給你帶來點幫助 😁 性能比較 for 循環和 while 循環的性能對比 let arr = new Array(999999).fill(1) console.time('forTime') for(let i = 0; i arr.length; i++){} console.timeEnd('forTime

foreach , arguments轉換成數組 , 前端 , Javascript

林一一 - 瀏覽器原理-瀏覽器緩存和本地存儲篇

大家好，我是林一一，這是一篇關於瀏覽器 緩存原理 和 本地存儲 的文章，後續回持續推出關於，瀏覽器原理的文章。 一、瀏覽器的緩存篇 思維導圖 所謂瀏覽器的緩存，就是瀏覽器通過 HTTP 請求網絡資源後將資源留在本地的一種行為。在頁面上點擊 返回和前進的按鈕 就是利用瀏覽器的緩存。 瀏覽器的緩存分為兩種 強緩存 和 協商緩存。 瀏覽器緩存資源的位置放置四個地方 Service W

瀏覽器原理 , webstorage , cookie , 瀏覽器緩存

林一一 - 編寫 loader 和 plugin

原文地址 編寫 loader 和 plugins github 一、loader 1.loader 介紹 loader 是什麼 loader 其實是一個函數，對匹配到的內容進行轉換，將轉換後的結果返回。 loader 作用 在 webpack 中 loader 就像是一位翻譯官。webpack 只認識 JavaScript 這們語言，對於其他的資源通過 loader 後可以轉化做預處理

loader , plugin , webpack , Javascript

林一一 - 面試 |call, apply, bind的模擬實現和經典面試題

推薦閲讀地址 掘金 歡迎 Start 思維導圖 大家好，我是林一一。下面的這一篇是關於 JS 中 call，apply，bind 原理和模擬實現和場景的面試題文章，一起開始閲讀吧。🧐 call，apply，bind 都可以改變 this 的指向 關於this 指向問題可以看看這篇 面試 | 你不得不懂的 JS this 指向 一、call 格式 [function].call([t

call , apply , bind , 前端 , Javascript

林一一 - 面試 | JS 經典面試題初篇(this, 閉包, 原型...)含答案

推薦閲讀地址 掘金 github 變量提升 做題前建議先閲讀一遍 徹底解決 JS 變量提升的面試題 面試題 1. 問下面輸出結果 if( !("a" in window) ){ var a = 12 } console.log(a) // undefined 無論條件是否成立都會變量提升，全局下的 var 相當於給 window 設一個屬性 window.a = undefi

閉包 , this的用法 , 原型鏈 , 前端 , Javascript

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言：大家好，我是林一一，這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點，this 難嗎？好像挺簡單的。看完下面這一篇文章，還不會的話，你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話，函數體中的 this 就指向前面的對象，沒有就指向 window，嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript