《前端面经》专题

一面 时长：70min 平台：腾讯会议 自我介绍 垂直水平居中 如何实现响应式布局 大屏响应时缩放过大如何处理 ES6 用过哪些 箭头函数有什么特性 说一说本地缓存方案 代码题：实现节流防抖 代码题：深拷贝 页面 url 过程 如何实现一个事件的订阅和消费 跨域的实现方式，后端代理如何实现 前端安全介绍与防护 http 状态码 介绍下 ETag Vue 路由守卫原理 Vue 组件通信 Pinia

base：武汉 平台：赛码网 一面 时长：27min 自我介绍 实习、负责内容与收获 挑一个能体现能力的需求说 为什么换实习、不转正 如何学习前端 项目是否上线、人员配比 说说原型和原型链 Object.porotype 的父级是什么，porotype 上有什么属性 跨域问题如何解决 TS 内置映射类型用过哪些 一个类型要取出某些字段如何实现 说说 TS 的泛型 说说哈希表，什么情况使用 对顺丰的

电话面 时长：16min 自我介绍 三栏布局如何实现 url 输入到渲染 个人技术栈 说说闭包 js 数据类型 Vue 的 diff 实现原理 index 的作用 讲一个实习产出 一面 时长：85min 平台：腾讯会议（未开摄像头） 自我介绍 细讲一下秒发方案 首屏渲染速度是如何优化的，咋量化 详细说一下轮播图预加载实现思路 如何将其封装成一个通用逻辑组件 Vue3 比较大的更新有哪些 Vue 数

🤭，🙇‍感谢东子收留~(￣▽￣)~*。 一面 时间：6/29 面试内容 项目 介绍一下脚手架项目 ✅ 在学校里面做过协作项目么 ✅ 移动端 了解Taro吗 ✅ 多端适配怎么做 ✅ 移动端适配怎么做 ✅ 偏工程化如何做字体大小的适配 ✅ TypeScript TypeScript 学到什么程度 ✅ 高级的会用么，比如说我想用一个其他人的类型，但是我只想要使用其中的部分属性/类型 ✅ HR面 时间

react router有几种实现方式？ position的定位方式有哪几种？ 跨域问题怎么解决？后端是怎样配置CORS？ 你所了解的webpack是什么？ 用webpack打包，减少包的体积，应该怎么做？ 了解微前端吗？ node 代码题：去重

#凉经 1.自我介绍 2.介绍项目 3.使用hooks遇到的问题 4.项目后端用什么写的 委培抹额选择node 5.移动端适配方案 项目中用vw多还是vh多（不懂） 6.useref了解吗 一般怎么使用 放到副作用函数依赖中ref的值变了副作用函数会重新执行吗 7.深拷贝 8. token持久化 9.三行布局 中间自适应 10.flex：1 11.组件是怎么更新dom的 12.反问 下次再战

1.自我介绍 2.介绍一下项目 3.介绍es6新特性 数组新增加的方法 4.map  forEach的区别 5.会改变原数组的方法 6.promise和async/await的区别 7.假如页面需要请求两个数据才可以成功渲染，用promise和async/await 哪种方法更好 用async有什么好处  8.介绍一下mobx action那个方法你平时怎么用 异步操作除了用action还有什么解

base.上海 1.对数组有那些操作， 2.map和foreach的区别 3.css渲染 4.flex:1 5.flex三个值代表什么 6.promise的应用场景promise三个状态7.闭包 8.asyc和defer 9.css渲染阻塞 10.父组件调用子组件的方法 11.怎么封装 12.计算属性和方法的区别 13.渲染用过那些 14.数组如何去重 15.set和map的原理是什么 16.事件

一面： 1、手写左侧固定右侧自适应，尽量多方法 2、类型判断有哪些方式， typeof typeof typeof null 返回什么 3、addEventListener的第三个参数是什么，手写ul里有n个li，实现点击li能console.log对应li，什么是事件委托，什么是冒泡 4、手写一个简版搜索框组件，要求考虑可复用性 5、算法：两个有序数组合并 二面： 1、css的颜色有哪些形式，r

第一次面试大厂，没有经验，虽然面前看了两天的面经，但是还是败给了当初被我抛弃的算法（大一下退出算法跑去开发） 一面（60min）： 1.自我介绍 2.在平常开发中遇到过哪些问题？怎么解决的？ 3.sso单点登录怎么实现的？ 4.离职原因？ 5.整个软件开发的流程是怎样的？ 6.set和map的区别 7.object和map的区别 8.了解promise.all,promise.race吗 9.手撕

现在越来越敷衍的写面经复盘了 八股问的很少，更多的想看你技术有多深，说一个基础就往更深的带入 vue的原理，vue3更新 浏览器原理+js一些底层(菜鸡不太懂，没细看) 网络安全? 问问项目 再问问一个算法题和思想，复杂度 (面试官不会看牛客吧，感觉自己菜菜)

全程没有问八股，上来就是叫你用react脚手架去创建一个react项目，写todolist，并按照他的一些需求在上面更改。 真的遭不住，因为好久没写react代码了，非常生疏了 但多多少少还是有点收获的～ #我的失利项目复盘#

投递的是前端移动端方向，部门是网约车 一面（1h） 问实习 html语义化标签和作用 SEO方案，白帽和黑帽？ eslint插件原理 CSS变量（不会） 实现换肤功能的思路？ 伪类和伪元素的区别 如何理解原子化CSS，优劣？ 虚拟dom 如何将对象转为JSON？如何让这个JSON格式化？ Array(100).map(i=>1)的输出 vue的事件队列机制（异步渲染） 反转字符串和打乱字符串 ht

1. 自我介绍 2. 项目中路由用的是hash还是history 3. 样式less scss 4. 浏览器缓存策略 5. 有没用过rem vw 6. react项目用到的hook 7. keep-alive 8. 有没用到节流防抖，在哪里用到 9. 项目里跨域怎么处理 10. 跨域是怎么出现的 11. cookie localStorage的区别 12. Promise 和 async awai

1.先自我介绍一下吧 2.vue怎么实现v-model,vue2和vue3的区别？ 3.vue怎么实现路由拦截 4.vue3的composition的api有什么好处 5.浏览器的cooike, sessionStorage,localStorage有什么区别 6.从输入一个url到显示页面的整个过程 7.webpack怎么打包组件的 8.vue和uview有什么区别？和n in view有什么区