摘要：在頁(yè)面上進(jìn)行各種操作，模擬用戶的使用情況。如果內(nèi)存占用基本平穩(wěn)，接近水平，就說明不存在內(nèi)存泄漏。還從來沒操作過。。。。內(nèi)心一度崩潰，真的是為了面試而面試。。建議大家不要裸辭。。如果覺得本文對(duì)你有所幫助，就一下吧大傳送之術(shù)我的博客

// 意外的全局變量
functuon foo () { bar = 1} //函數(shù)里直接對(duì)未定義的變量賦值，導(dǎo)致變量存在頂部Window中，內(nèi)存垃圾無(wú)法回收

//閉包變量被引用導(dǎo)致無(wú)法被回收
function f() {
    var obj = { a: 2 }
    return obj;
}    
var a =  f()

//被遺忘的定時(shí)器

function Test()  {  
    this.obj= {};
    this.index = 1;
    this.timer = null;
    var cache = []; // 內(nèi)部變量，內(nèi)存隱患...
    this.timer = window.setInterval(() =>{
        this.index += 1; 
        this.obj = {
            val: "_timerxxxxxbbbbxx_" + this.index,
            junk: [...cache]
        };
        cache.push(this.obj);
    }, 1);  
    console.warn("create Test instance..");
}  
test = new Test(); // JS對(duì)象開啟定時(shí)器不斷分配內(nèi)存


...

參考文章：

https://juejin.im/post/5a8e7f...

https://github.com/wengjq/Blo...

googol控制臺(tái) 》 performance 面板 > 勾選 Memory
點(diǎn)擊左上角的錄制按鈕。
在頁(yè)面上進(jìn)行各種操作，模擬用戶的使用情況。
如果內(nèi)存占用基本平穩(wěn)，接近水平，就說明不存在內(nèi)存泄漏。反之，就是內(nèi)存泄漏了。

console.log(process.memoryUsage()); //node

typeof Vue
typeof React
typeof jQery    

function github Vue

object github React

function github Jquery

ps：話說我寫了這么久Vue。還從來沒操作過typeof vue。。。。

class F {
  init () {
        console.log（1）
  }
}
var f = new F()

F.prototype.init = function () {
  console.log(2)
}

f.init() //2

頭部：unshift / shift

中部：splice / concat

尾部： push / pop

參考：https://developer.mozilla.org...

function throttleAndDebounce(fn, delay, isThrottle) {
  let lastCallTime = 0, timer = null;
  return  (...args) => {
    if (isThrottle) {
      const now = Date.now()
      if (now - lastCallTime < delay) return
      lastCallTime = now
      fn(...args)
    } else {
      if (timer) clearTimeout(timer)
      timer = setTimeout( () => {
        fn(...args)
      }, delay)
    }
  }
}

var arr = [1,2,1]

arr.filter( (it, idx, arr) => {
  return arr.indexOf(it) === idx
})

// reduce
var reducer = (arr, cur) => {
  if ( arr.length === 0 || arr[arr.length - 1] !== cur) {
    arr.push(cur)
  }
  return arr
}
arr.sort().reduce(reducer, [])

var file = document.getElementById("file").files[0]
var reader = new FileReader()
    reader.onload = function (e) {
      $.post("/upload" , { "base64": e.target.result } , function () {})
    }
    reader.readAsDataURL(file)

參考： https://segmentfault.com/a/11...

ps：這也算?。?？瀏覽器打開。。。內(nèi)心一度崩潰，真的是為了面試而面試。。

參考：

https://www.jianshu.com/p/43d...

https://developer.mozilla.org...

參考：https://zhuanlan.zhihu.com/p/...

有些問題 我沒給出答案，只給出一些參考鏈接，主要是才疏學(xué)淺，不能給出一個(gè)絕對(duì)完美的答案；或者答案的內(nèi)容量可以再寫一篇深入專研的文章，大家有什么好的意見或者文章錯(cuò)誤可以留言補(bǔ)充；歡迎技術(shù)交流

ps：一年沒面試了第一次做這種筆試題，我表示一個(gè)筆都好久沒握過的人瑟瑟發(fā)抖。。。建議大家不要裸辭。。這個(gè)夏天有點(diǎn)冷。。。

如果覺得本文對(duì)你有所幫助，就star一下吧～大傳送之術(shù)！ 我的博客Github