【202308】快手-主站-前端一面面經 · 大廠前端面試真題

[1、js的原型和原型鏈，這里也會出原型鏈的場景題，問你指向哪里？](1%E3%80%81js%E7%9A%84%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE%EF%BC%8C%E8%BF%99%E9%87%8C%E4%B9%9F%E4%BC%9A%E5%87%BA%E5%8E%9F%E5%9E%8B%E9%93%BE%E7%9A%84%E5%9C%BA%E6%99%AF%E9%A2%98%EF%BC%8C%E9%97%AE%E4%BD%A0%E6%8C%87%E5%90%91%E5%93%AA%E9%87%8C%EF%BC%9F.md) [2、js的原型和原型鏈，這里也會出原型鏈的場景題，問你指向哪里？](2%E3%80%81js%E7%9A%84%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE%EF%BC%8C%E8%BF%99%E9%87%8C%E4%B9%9F%E4%BC%9A%E5%87%BA%E5%8E%9F%E5%9E%8B%E9%93%BE%E7%9A%84%E5%9C%BA%E6%99%AF%E9%A2%98%EF%BC%8C%E9%97%AE%E4%BD%A0%E6%8C%87%E5%90%91%E5%93%AA%E9%87%8C%EF%BC%9F.md) [3、js的作用域和作用域鏈，這里會出全局變量的場景題](3%E3%80%81js%E7%9A%84%E4%BD%9C%E7%94%A8%E5%9F%9F%E5%92%8C%E4%BD%9C%E7%94%A8%E5%9F%9F%E9%93%BE%EF%BC%8C%E8%BF%99%E9%87%8C%E4%BC%9A%E5%87%BA%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F%E7%9A%84%E5%9C%BA%E6%99%AF%E9%A2%98.md) [4、js的閉包，并舉出具體的應用。這里會讓你寫一個閉包的例子，里面會涉及到自由變量尋找的問題](4%E3%80%81js%E7%9A%84%E9%97%AD%E5%8C%85%EF%BC%8C%E5%B9%B6%E4%B8%BE%E5%87%BA%E5%85%B7%E4%BD%93%E7%9A%84%E5%BA%94%E7%94%A8%E3%80%82%E8%BF%99%E9%87%8C%E4%BC%9A%E8%AE%A9%E4%BD%A0%E5%86%99%E4%B8%80%E4%B8%AA%E9%97%AD%E5%8C%85%E7%9A%84%E4%BE%8B%E5%AD%90%EF%BC%8C%E9%87%8C%E9%9D%A2%E4%BC%9A%E6%B6%89%E5%8F%8A%E5%88%B0%E8%87%AA%E7%94%B1%E5%8F%98%E9%87%8F%E5%AF%BB%E6%89%BE%E7%9A%84%E9%97%AE%E9%A2%98.md) [5、js的this指向問題，這里會涉及到一點call/apply/bind](5%E3%80%81js%E7%9A%84this%E6%8C%87%E5%90%91%E9%97%AE%E9%A2%98%EF%BC%8C%E8%BF%99%E9%87%8C%E4%BC%9A%E6%B6%89%E5%8F%8A%E5%88%B0%E4%B8%80%E7%82%B9call-apply-bind.md) [6、js的事件循環，這里會接著問具體的宏任務和微任務有哪些？這里會有一道setTimeout的場景題](6%E3%80%81js%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%EF%BC%8C%E8%BF%99%E9%87%8C%E4%BC%9A%E6%8E%A5%E7%9D%80%E9%97%AE%E5%85%B7%E4%BD%93%E7%9A%84%E5%AE%8F%E4%BB%BB%E5%8A%A1%E5%92%8C%E5%BE%AE%E4%BB%BB%E5%8A%A1%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F%E8%BF%99%E9%87%8C%E4%BC%9A%E6%9C%89%E4%B8%80%E9%81%93setTimeout%E7%9A%84%E5%9C%BA%E6%99%AF%E9%A2%98.md) [7、問項目：因為我簡歷上有一個組件庫的項目](7%E3%80%81%E9%97%AE%E9%A1%B9%E7%9B%AE%EF%BC%9A%E5%9B%A0%E4%B8%BA%E6%88%91%E7%AE%80%E5%8E%86%E4%B8%8A%E6%9C%89%E4%B8%80%E4%B8%AA%E7%BB%84%E4%BB%B6%E5%BA%93%E7%9A%84%E9%A1%B9%E7%9B%AE.md) [8、有了解過打包工具嗎？](8%E3%80%81%E6%9C%89%E4%BA%86%E8%A7%A3%E8%BF%87%E6%89%93%E5%8C%85%E5%B7%A5%E5%85%B7%E5%90%97%EF%BC%9F.md) [9、 webpack如何將vue代碼轉化為html、css、js的？](9%E3%80%81webpack%E5%A6%82%E4%BD%95%E5%B0%86vue%E4%BB%A3%E7%A0%81%E8%BD%AC%E5%8C%96%E4%B8%BAhtml%E3%80%81css%E3%80%81js%E7%9A%84%EF%BC%9F.md) [10、對虛擬DOM的理解？為什么要用虛擬DOM？虛擬DOM比真實DOM好在哪？](10%E3%80%81%E5%AF%B9%E8%99%9A%E6%8B%9FDOM%E7%9A%84%E7%90%86%E8%A7%A3%EF%BC%9F%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E7%94%A8%E8%99%9A%E6%8B%9FDOM%EF%BC%9F%E8%99%9A%E6%8B%9FDOM%E6%AF%94%E7%9C%9F%E5%AE%9EDOM%E5%A5%BD%E5%9C%A8%E5%93%AA%EF%BC%9F.md) [11、在問webpack的時候，說了一個webpack會使用babel語法將高級的es語法轉化為兼容的低級的js語法，這里問還有另外的方式嗎？（面試官提示了：polyfill）](11%E3%80%81%E5%9C%A8%E9%97%AEwebpack%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E8%AF%B4%E4%BA%86%E4%B8%80%E4%B8%AAwebpack%E4%BC%9A%E4%BD%BF%E7%94%A8babel%E8%AF%AD%E6%B3%95%E5%B0%86%E9%AB%98%E7%BA%A7%E7%9A%84es%E8%AF%AD%E6%B3%95%E8%BD%AC%E5%8C%96%E4%B8%BA%E5%85%BC%E5%AE%B9%E7%9A%84%E4%BD%8E%E7%BA%A7%E7%9A%84js%E8%AF%AD%E6%B3%95%EF%BC%8C%E8%BF%99%E9%87%8C%E9%97%AE%E8%BF%98%E6%9C%89%E5%8F%A6%E5%A4%96%E7%9A%84%E6%96%B9%E5%BC%8F%E5%90%97%EF%BC%9F%EF%BC%88%E9%9D%A2%E8%AF%95%E5%AE%98%E6%8F%90%E7%A4%BA%E4%BA%86%EF%BC%9Apolyfill%EF%BC%89.md) [12、說一下nextTick的原理以及為什么要用nextTick？這里會出相應的場景題](12%E3%80%81%E8%AF%B4%E4%B8%80%E4%B8%8BnextTick%E7%9A%84%E5%8E%9F%E7%90%86%E4%BB%A5%E5%8F%8A%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E7%94%A8nextTick%EF%BC%9F%E8%BF%99%E9%87%8C%E4%BC%9A%E5%87%BA%E7%9B%B8%E5%BA%94%E7%9A%84%E5%9C%BA%E6%99%AF%E9%A2%98.md)