快手-主站-前端一面面经(55min)

8.15 16:00 ~ 16:55

1、自我介绍 面试官:问一些js的基础把

(题目顺序不分先后)

2、js的原型和原型链,这里也会出原型链的场景题,问你指向哪里

3、js的作用域和作用域链,这里会出全局变量的场景题

4、js的闭包,并举出具体的应用。这里会让你写一个闭包的例子,里面会涉及到自由变量寻找的问题

5、js的this指向问题,这里会涉及到一点call/apply/bind

6、js的事件循环,这里会接着问具体的宏任务和微任务有哪些?这里会有一道setTimeout的场景题

7、问项目: 因为我简历上有一个组件库的项目

问了一个场景:如果我是用户,想要用你的组件库的button组件,想要自己定制一套主题,如何实现?

这里我只说了通过外部的props传入和暴露内部的方法给用户调用,他说有没有了解过主流的组件库是怎么使用的?

这里没答出来,欢迎大佬们解答

8、有了解过打包工具吗? 有,用的比较多的是webpack,vite比较少用。答了webpack是将vue代码/react代码转化为js认识 的代码

9、 webpack如何将vue代码转化为html、css、js的?要答出来的是Vue模版编译原理,里面涉及到的AST底层都要答

这里问了模板编译的优先级和render函数的优先级哪个高?

10、对虚拟DOM的理解?为什么要用虚拟DOM?虚拟DOM比真实DOM好在哪?

这里会出场景题:

面试官:如果我只需要改其中一个DOM的数据,那我直接使用选择器将他选择出来,再用innerHTML改变里面的数据的 值,会引起整颗DOM树的重新渲染吗? 这里答的不会,那用虚拟DOM的好处在哪呢?(这里没答好)

11、在问webpack的时候,说了一个webpack会使用babel语法将高级的es语法转化为兼容的低级的js语法,这里问还有另外的 方式吗?(面试官提示了:polyfill)

12、说一下nextTick的原理以及为什么要用nextTick,这里会出相应的场景题

13、最后问了typescript的相关内容: 出了一道ts的API --- pick的场景题,让我手写实现一个pick(没写好)

面试官: 我这边没有什么问题要问的了

反问:

公司的业务是负责哪部分? 这个要看具体的组分工的工作

公司的技术栈? 百分之99是vue,极少数的老项目用的是react,新项目都用的是vue3,老项目都用vue2

面试官很好,很和蔼,就是我太菜了.....

欢迎评论区的佬帮我解答不会的问题,本人双非普本,24前端菜鸡一枚,有幸在广州一家大厂实习....

#牛客在线求职答疑中心##快手##秋招#
全部评论
佬在广州金山实习么?
1 回复 分享
发布于 2023-08-16 11:16 北京
二面了吗楼主
点赞 回复 分享
发布于 2023-08-30 17:20 北京
组件那个是不是还可以依赖注入捏,provide什么的
点赞 回复 分享
发布于 2023-08-18 15:21 湖南
主流的不就是也是传递props吗
点赞 回复 分享
发布于 2023-08-16 15:02 浙江
我昨天上午面的
点赞 回复 分享
发布于 2023-08-16 11:05 浙江
嗨!看到你的面试经历了,虽然你觉得自己菜鸡,但我觉得你已经很棒了!面试官也很和蔼,这是个很好的开始呢。不过,别太自责了,每个人都有学习的过程,只要你持续努力,相信你会越来越厉害的! 对于你提到的面试题目,我可以帮你解答一些。首先,关于js的原型和原型链,它们是js中非常重要的概念。原型是用来实现对象之间的继承关系的,而原型链则是通过原型的链接来实现属性和方法的查找。你可以通过使用`__proto__`属性或者`Object.getPrototypeOf()`方法来访问对象的原型。当你访问一个对象的属性或方法时,如果对象本身没有,它会通过原型链向上查找,直到找到或者到达顶层的Object.prototype。 关于闭包,它是指函数可以访问并操作其外部函数作用域中的变量。闭包在实际开发中有很多应用,比如可以用来创建私有变量、实现模块化等。一个闭包函数可以访问其外部函数的变量,即使外部函数已经执行完毕。你可以通过使用函数内部定义函数的方式来创建闭包。 关于this指向问题,this在不同的情况下会指向不同的对象。在全局作用域中,this指向全局对象(在浏览器中是window对象)。在函数中,this的值取决于函数的调用方式。如果是作为对象的方法调用,this指向该对象;如果是作为普通函数调用,this指向全局对象。此外,你也提到了call/apply/bind,它们是用来改变函数执行时的this指向的方法。 关于事件循环,它是js实现异步编程的一种机制。在js中,任务被分为宏任务和微任务。宏任务包括整体代码块、setTimeout、setInterval等,而微任务包括Promise、MutationObserver等。事件循环会按照一定的顺序执行这些任务。setTimeout的场景题可能是考察你对事件循环机制的理解。 关于webpack,它是一个非常流行的打包工具,用于将前端项目中的各种资源文件打包成可在浏览器中运行的静态文件。它可以将Vue代码转化为html、css和js,其中涉及到Vue模版编译原理和AST等底层知识。关于虚拟DOM,它是一种用js对象来表示真实DOM的方式,通过对比虚拟DOM的变化来最小化DOM操作,提高性能。 关于TypeScript,它是JavaScript的超集,提供了静态类型检查和更多的面向对象特性。你提到了一个ts的API——pick,它可以从一个对象中选取指定的属性。如果你对pick的实现不太熟悉,可以查阅一些相关的资料,多练习一下。 希望我能帮到你!如果你还有其他问题或者想要了解更多,可以继续和我聊哦。另外,如果你想要私信我,点击我的头像就可以啦!加油,相信你一定能找到理想的工作!😊
点赞 回复 分享
发布于 2023-08-16 10:39 AI生成

相关推荐

上学十余载,今年终到头我的学生时代即将圆满结束。所谓圆满就是不断遇到困难并战胜困难步步为营的这种状态。我的大学和硕士七年时光,我可以看到我在一直进步。大学时候因为自己是民办本科,一直没有自信。大学觉醒势必要通过学习改变命运,考研时候是我第一次认真对待学习全力以赴的状态。要我在经历一次考研吧?算了算了,怕了。那时候回想起来真的不知道自己当时那么大的拼搏精神,要我现在再来一次,我没有那么大的动力了。感谢那个为四六级和考研奋斗的我。读研时同样很精彩啊!印象最深的事情就是有三个。第一是实习,孤身一人到北京,体验打工人生活。很刺激很辛苦,到现在回想起来还是不错的。迟到,摸鱼,早退的人是我。加班干项目到十点的人也是我。第二是论文,开题没过让我怀疑自己。自那次起,全身心投入规范自己。在实验室朝九晚十的干。很枯燥也很单纯没有别的杂事,只按着进度把当下工作完成就好。既单纯又充实。第三是秋招,跑了十多个招聘会,投了上千次简历,面试十多家。从激动兴奋,到疲惫麻木,再到拿到offer时的舒畅。很精彩啊,真的很精彩。这些年,感谢我一直在马不停蹄,走走停停。当然,毕业只是另一种开始,今后希望自己继续保持青春斗志,奋发向上。也要爱自己爱的人,也要注重感恩,也要提高情商,成为想成为的人,活成自己喜欢的样子。
好好告别我的学生时代
点赞 评论 收藏
分享
06-05 15:30
中山大学 Java
大学期间,我的成绩始终处于中游水平,但对实战项目抱有浓厚兴趣。尤其幸运的是,在导师的带领下参与了两个与外部研究院合作的实际科研项目,这段经历让我初次体会到理论落地的挑战与成就感。大四阶段,除了短期实习的积累,今年三月进入北京大学王选所实验室学习的经历,彻底改写了我的职业轨迹。初入实验室,我便被 “大神云集” 的氛围震撼:身边既有高中保送的学术新星,也有直博生和保研至北大的佼佼者。当被问及 “是否保研留组” 时,我坦言 “正在求职” 的瞬间虽显尴尬,却真切感受到顶尖学府的独特气场 —— 这里的学习节奏是朝九晚九的专注,是连优秀者都在拼命奔跑的赛道。对比从前在宿舍每天勉强学几小时就松懈的自己,我突然意识到:环境的力量足以重塑一个人的成长速度。在实验室的两个月里,我全身心投入春招备战:白天跟着团队参与技术讨论,晚上复盘算法题与 Java 核心知识。当看到凌晨仍亮着灯的工位、听到前辈们交流时迸发的技术洞见,“摆烂” 的念头再无容身之地。这份沉浸式的学习体验,不仅让我补足了知识盲区,更重塑了对待职业规划的态度 —— 不是 “差不多就行”,而是 “要做就做到极致”。如今回顾这段历程,春招的结果或许是最好的注脚:我陆续收获了恒生电子、卓望数码、平安产险科技、快手、东方财富等企业的 Java 开发岗 offer。这些机会的背后,既是项目经验与技术储备的积累,更是北大实验室那段 “与光同行” 的日子,让我真正明白:当你置身于一群努力奔跑的人中间,自然会看见更辽阔的成长天空。
点赞 评论 收藏
分享
评论
9
42
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务