懂车帝 日常前端实习一面

本🐭的第一场面试，结果上来就是重量级，这个时候很多概念都不清晰，很多简单题回答不好，面完后狠狠复盘了一番～写了一些问题总结。1.背景介绍：自我介绍2.怎么看待前端可能被AI取代3.为什么学Vue没有学React技术问题：4.Vue的响应式是怎么实现的5.Vue组件是怎么通信的6.用pinia做全局的状态管理，跟直接写这种组件，比如说vue自带的一些状态的管理，他们的区别是什么7.为什么我们要用Promise- 追问：那你对这种异步编程是怎么理解的？为什么我们需要这种异步编程？它异步在哪里？8.那你觉得Promise和回调函数的区别是什么- 追问：比如说你请求一个接口，请求完之后可以传一个回调函数进去，让他接着处理后面那些逻辑。而Promis使用.then.catch这种方法。你觉得promise这种方法和回调函数直接把逻辑传进去最大的区别是什么9.讲讲XHR、fetch、axios的区别讲XHR是底层、fetch是更新用法、axios是封装- 追问：axios还有一个很明显的跟另外两个的区别- 没有回答出来，我说axios是基于promise的，面试官说fetch也是…- 正确答案：axios是浏览器和服务端都能用，fetch和XHR主要是在浏览器上用10.刚刚提到HTTP，那HTTP可以大概介绍一下吗？回答了TCP相关内容……面试官说http是基于TCP的封装，有自己的一套东西，比如说get、post这些http方法，比如说header这样的一个请求头的组成这些11.讲讲CSS的盒模型一顿输出，跑题了。12.讲讲inline-bolck和block的区别回答内部展示inline特性，外部展示block特性，宽高都可以设置。问宽度也可以设置？回答可以。13.flex和bolck的区别甚至忘记了“弹性盒”这个词，还在说什么主轴、纵轴14.CSS选择器有哪些？优先级是怎么样的？同时使用很多个选择器，优先级是怎么判断的15.JS有哪些数据类型？这些数据类型怎么在代码中进行判断？16.判断类型有哪些方法？17.es6相比es5多了有哪些语法18.箭头函数和普通函数的区别是什么回答1书写方式 2this指向- 19追问：似乎想让我说的是其他部分，难受我操的- 20追问：如果想改变普通函数的this指向，有哪些方法：call，apply，bind，有什么不同，bind的用法忘了- 21追问：箭头函数和普通函数还有一个比较重要的区别：没答上来，答案是箭头函数不能用作构造函数（忘记了。。。）22.常用的数组的方法有哪些？手撕：两数相加 梦的起点leetcode 1用对象（object/set）的话，可以把值当作key，先循环一次把数据存到对象里，key和value可以设成一样的值。然后再遍历一次，用目标值减去当前值，比如把2、7、11、15存到对象里后，遍历的时候计算9 - 2是否等于7，再去对象里用这个差值作为key查找，就能知道结果了。反问改进：因为你学习前端的时间比较短，目前很多概念理解得还不够深入，有些都混淆了。而且从刚刚答题情况看，你JS代码写得可能也比较少，像刚才那道题，JS写得多的话应该很快就能想到用对象来优化。所以我建议你先沉淀一下，不要着急练习项目。现在才刚起步，要把基础打牢。另外，我不太建议你现在学Vue，更推荐学react。像字节跳动，整个集团都主要用react开发，而快手、美团这些公司可能Vue用得更多，你可以根据自己未来想去的公司来选择。还有HTTP相关知识，和TCP的区别比较大，你要再多看看。剩下的就是建议你多看书，系统地学习，很多概念你还没抓住重点，回答问题时有时没讲到关键内容，却回答了一些边缘问题，之后可以复盘总结一下。

可参考项目：https://github.com/wjywy/miniAntd；笔者两年前参加字节青训营编写的项目，刚学前端几个月，稍显丑陋 项目描述  实现组件库的打包和发布，适应npm、pnpm、yarn等多个平台，支持ESM、UMD等多种模块导出方式 支持样式与逻辑的按需引入，结合 ESM 的 TreeShaking 特性，优化引入组件库时的代码体积与加载性能 实现灵活的样式管理机制，提供组件库主题切换与局部样式按需覆盖方式，提升使用者的开发体验 实现 Message 组件的函数式调用方式，支持动态创建/销毁实例，并自动计算垂直偏移量解决消息堆叠问题 使用 Vitest 结合 TDD 模...

时长45分钟 欢聚集团1.什么是盒子模型2.日常开发中使用过什么选择器3.伪元素和伪类的区别（css 问题到此为止）4.讲讲什么是闭包，闭包有什么优点，会出现什么问题5.讲讲 this 的指向问题6.讲讲原型和原型链7.原型链有什么用8.讲讲类型断言和类型解释（typeof,instanceof）的区别9.我看你使用过 typescript,讲讲你为什么使用 typescript10.讲讲你对 js 和 ts 的区别的理解11.讲讲你对明明使用静态语言却还用 any 的看法12.你在代码中会用 any 吗（我说一般会定义 interface)13.讲讲定义 interface 和 any 之间的区别（js/ts 的问题应该是到此为止，可能还有但不记得了）14.讲讲你对 hooks,函数式组件，类式组件的区别（本人从生命周期的角度回答）15.你认为 hooks 有什么缺点（本人说只能在外部使用，在 if 和 while 不可使用，可能不是很灵活）16.你知道为什么 hooks 不能在外部使用吗？17.如果我有在 if 和 while 中使用 hooks 有什么解决方案吗（人麻了）18.如果是你，你会根据什么角度来选择使用 useEffect 和 useLayoutEffect19.讲讲你对 useContext 的理解20.useContext、zustand 和 Redux 的区别因为腾讯会议时长只约了 30 分钟，到这里应该 30 分钟了，可能还有一些问题但是我忘了（悲）你的项目中有什么亮点吗，可以和我说一下（现场看我简历，于是延长了 15 分钟。。。）21.讲讲你项目中的一些功能22.我看你会做一些性能优化，你是怎么实现的呢23.你为什么会想着去优化压缩项目体积呢24.你说你使用了 http/2,为什么 http/2 能比 http/1.1 更加节省资源呢25.怎么看到资源更加节省了呢26.你对虚拟列表的原理有了解吗27.你的项目中是一开始就使用了 vite 吗28.为什么会想着做一个中间件呢29.你提到你了解 NodeJS,有使用过吗30.讲讲 useCallback,useMemo31.具体讲讲 useMemo反问环节45 分钟全是八股，人麻了时长 45 分钟 中科紫东太初1.我对你的第一个项目比较感兴趣，有在线网址吗2.你的动画挺好看，使用了哪些库3.讲讲中间件的功能4.查询准确率只有 85%，可是对于后端这样需要准确率较高的场景会不会有什么问题5.是怎么记录首屏加载时间的6.你是怎么实现 CI/CD 的手撕题：React todolist 面试官人很温柔，基本一直在提醒，看我在思考，还写了一段代码给我看（感动）## 总结一天两场面试，累倒也没有，还是有得到锻炼发现了自己的不足

05-22 面试小哥平易近人 但是看背景应该是在自己工位上面试的 在牛客平台面试的 面试时长：30mins左右  自我介绍 怎么接触前端的？ 然后写了一段js代码实现函数,比较常规 问我react和vue哪个更熟悉一些，我说最近看React多一些 之后面试官又写了一段React代码，关于父子组件通信的，让分析 Npm, yarn , pnpm的区别 拷打实习的项目，各种细节 然后就是闲聊了，问了问平时的学习情况一类的 反问  后续没消息了，应该是挂了