懂车帝 日常前端实习一面

体感是面试官会等你说完之后，会再问一句，还有呢？或者针对你刚说的答案再追问一些细节点，有点刨根问底的意思一面登录验证怎么做的TokenRBACCSS预处理器CSS隐藏元素的方法Transition和animationFlex布局元素垂直居中两栏布局Es6新增属性箭头函数和普通函数区别Map的方法Weakmap和map的区别在js数组中找某一项的值怎么做事件循环宏队列任务有哪些手撕 深拷贝js中同步和异步的区别Promise 解决了什么问题，有几种状态Vue3和vue2比新增了什么特性双Token机制（token是短期的，不想让用户频繁登录，怎么做？）跨域以及实现方式打包工具及区别Vite为啥比webpack快Webpack中怎么保证资源是最新的（哈希）输入url到渲染的整个过程浏览器缓存强缓存和协商缓存区别，以及什么时候使用手撕 数组去重二面为什么去学前端学习前端知识的方式平时学习前端的网站CSS中的animation给一个loading的图片，怎么用动画实现加载的动画三栏布局（得说出来每个值怎么设置浏览器的回流和重绘回流对浏览器的性能影响怎么查看给一万条数据，渲染到页面，怎么做才能让性能最优优化前后的性能怎么查看和比较Cookie localstorage sessionstorage想把cookie设成前端取不出来，怎么设AI相关手撕 返回字符串第一个不重复的元素的下标 

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

本🐭的第一场面试，结果上来就是重量级，这个时候很多概念都不清晰，很多简单题回答不好，面完后狠狠复盘了一番～写了一些问题总结。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的区别比较大，你要再多看看。剩下的就是建议你多看书，系统地学习，很多概念你还没抓住重点，回答问题时有时没讲到关键内容，却回答了一些边缘问题，之后可以复盘总结一下。

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