《拼多多前端面经》专题

暑期一共投了 4 家，终于过了一家 இ௰இ，团子是四月初投递的。和预期的暑期情况有落差，大佬太多了，八股熟练度和项目深度有待提高。 📕 一面 一面分三个部分考察。计算机基础，前端，算法。 面完没有及时记录，有些已经忘记，记了一些有印象的。 计算机基础 关系型数据库和非关系型数据库有什么区别 Mysql char 和 varchar 的区别 平常有在用数据库么，具体怎么使用 TCP/IP 网络模型

背景： 目标院校20届非科班，半路转行2年经验。 一、机考 380分 两道简单，一道中等，简单题没什么难度，第一道是在一个从小到大的数组中按照顺序插入一个数，输出该数应该在的索引。第二道是排序问题，根据重要性占比，所得分数，对5个数据进行排序。中等题是栗栗姐给的一道原题：学生重新排队，我没看过也没做过，取巧拿了些分。 二、综测 无建议，可看其他面经或者栗栗的攻略 三、hr面 24岁本科毕业的原因。

人生第一次面试。 一面 （差不多50分钟） 顺序是乱的，无手撕无算法 1. 自我介绍 2. 怎么学的前端 3. 了解最新技术 4. 介绍项目，难点：私聊功能；接收者不在线情况；登录鉴权，token存在什么地方 5. vuex与pinia 6. ES6特性 7. 闭包 8. 跨域，子域名不同算不算跨域，预检 9. String与string的区别 10. vue2与vue3区别，喜欢用哪个 11.

投递时间8.30 一面9.5 1.怎么学习前端 2.影响最深刻的项目(低码平台体验，如果让你来怎么设计) 3.http和https区别 4.数组的方法 5.口头说reduce和promise.all实现 6.说下flex 7.vue2/3响应式原理区别 8.前端性能优化 9.层序遍历 反问:vue技术栈，c端

1.浏览器渲染原理 2.输入url发生了什么 3.用户出现白屏该怎么办，如何排查 4.闭包 5.小程序项目结构 6.webpack babel关系，都是干什么的 7.vue2 vue3区别，关系，响应式原理 8.拷打项目 手撕 01背包，lc394

一面 时长：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.手撕