【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)