《前端笔试》专题

补一下之前的面经，现在已经上岸啦😀。 一面 时间：2023年06月29日 时长：30min 面试内容 自我介绍 （✅） 项目 介绍一下脚手架项目 （✅） 介绍一下组件库项目 （✅） 如果你的组件库改用上面的脚手架成本大不大 （✅） 你的组件库和常见的开源组件库有什么区别 （✅） 组件库主题适配方案 （✅） 计网 浏览器缓存 （✅） 跨域如何解决 （✅） 浏览器传递Cookie （✅） Vue V

25min~ 自我介绍 问项目： 项目难点 小程序页面通信相关 场景题： node后端的防攻击 秒杀按钮倒计时如何更精准 还有的问题记不清了 反问

1.自我介绍，项目 问了很多 2. $set 3. vuex 4. css垂直居中 5. css权重(完全不了解) 6. 事件循环 7. 微任务和宏任务 6.7是英文问答 8. 跨域请求 其他的记不清了，面了一小时 手撕： 有序数组合并

哇哇哇，第一次面大厂诶，真的感觉不一样，面试官人也好好，而且真的非常有水平 面试过程： 面试官自我介绍 我的自我介绍 问是如何学习前端的，以及为什么我人工智能专业要做前端 谈谈项目 对Vue3的了解（我说了响应式，Diff算法，还看了点渲染器） 让我自己说说Diff算法（我把简单Diff算法，双端Diff算法，快速Diff算法都说了一遍，认真学习一下《Vue.js设计与实现》真的很有用） 面试官说

一面让我手写了listMap，二面全程就问了一道题，手写一个LRU。。写完直接给我过了。

迟来的面经~ 给有需要的友友们参考了#我的实习求职记录# - 请说出 ES6 当前有哪些基础数据类型； - 请使用 JS 实现一个函数 getType，他能识别所有的基础、复杂数据（数组、对象）等的数据类型； - 请查看下面的几行代码，并且做出回答； const arr1 = [1,2,3]; const arr2 = [1,2,3]; console.log(arr1 === arr2);//

还是礼拜一的时候面的，离谱的是竟然是电话面，当时就很怀疑是kpi了。 结果真差不多，全答出来了也没二面。。。 - 介绍一下bfc - flex的一些属性 - 数组的遍历方法，哪些可中断，哪些不会改变原数组 - 原型链 - 深浅拷贝 - 闭包 优点缺点 - 了解哪些缓存策略 - reacthook - if语句不能写hook的原因 - ts中泛型了解吗 - webpack和vite介绍一下 #我的实

论文胶定后玩了大半个月，什么也没有看。突然来个电话告诉我面试，好懵感觉是kpi，好像是我秋招投的。真没有一点印象。 #如何判断面试是否凉了# 今天早上9点多面的，一共20分钟吧 1、布局，flex的一些属性 2、选择器，权重之类的 3、介绍bom、dom，说一下api 4、const与引用类型，作用域之类的 5、http304 6、样式穿透 7、vue的虚拟dom 总结一下，基本都是基础题，124

- 实现的项目难点（感觉对面试官来说也不是难点，没有半点营养的感觉） - WebSocket协议以及怎么建立连接的 - 为什么要使用WebSocket协议，轮询不行吗？什么是长轮询？ - 介绍一下jwt - token为什么要用cookie或者localStorge存储，为什么不考虑session？ - 一些常见的网络攻击 - 介绍react hook - 介绍一下redux以及为什么会考虑到使用

hr说还在排序，大概率是无了。 发面经攒好运。二面大部分围绕项目来问，还有两道输出题，两道手写题 1.技术栈选用原因 2.虚拟列表减少多少加载时间 3.token相关 4.请求封装怎么做的 5.websocket怎么做的 6.输出题 7.改变原来数组的方法 8.手写题 9.浏览器缓存 10.反问 #快手信息集散地##我的实习求职记录#

- 防抖节流 - 介绍盒模型 - 实现水平垂直居中 - 用flex怎么实现使一个元素在右下角 - 介绍一下相对定位和绝对定位 - 行内元素和块级元素的区别 - 对它们使用margin padding有什么差异 - 介绍promise，以及其方法 - 发起接口请求怎么发起 - fetch 和 axios的区别以及它们都是基于什么的封装 - 介绍事件流 默认的事件流是怎么样的 - addEventLi

百度前端二面，全程拷打项目中用到的技术的细节，组件库暗黑模式怎么实现，cookie在哪种场景下比localStorage更好，服务端会保存哪个，怎么开启GPU加速，不同后缀的图片的区别，无损压缩和有损压缩，canvas和Svg的区别，有1万张图片做轮播图，然后怎么优化，如果用户疯狂点击切换，图片又很大，怎么优化……总之，问到的细节特别多特别深，我真的人麻了，被吊打了

腾讯一面完结，最后让我手写PromiseAll方法，我想这不是轻松拿捏，结果我是用数组的push，经过面试官提醒我才知道我用错了，直接通过下标赋值就行了，这个之前写过，但是没注意，我真服了呀，这么简单的手写，我耽误了一点时间，我哭死😭😭😭 最后面评：基础挺好的，实际做过挺多东西，下周内给结果

5.30一面（手撕了3题，异步输出题，打包工具，git，跨域，异步，xss，还有一些基础的问题） 6.1 二面（webpack，模块化，this指针等，手撕fetch-用promise.race） 6.6 三面（问的问题好难答，跟项目前端关系不大，问的各个专业课） 说是本周就会出结果～ 🙏好运来 #我的实习求职记录# #百度信息集散地# #我的实习日记#

1.项目（简历两个项目都问了，一个react和一个vue的） 2.vue合集： vue-if和vue-show区别 vue2和3的变化 vue和react的区别 vue中methods怎么传递数据 vue的props相关，记得不清楚了 compute和watch区别 vue里面的api $nextTick 3.react合集： state和props setState 类组件和函数组件 hook谈