拼多多前端面经

投了一年的简历不知道为什么被捞起来。。。离谱的文本在线编辑，纯记事本手搓代码体验三道选择1.微任务宏任务执行结果2.CDN回源策略3.渲染阻塞资源三道编程1.实现一个函数loadResouces（urls），按序依次加载资源（通过fetch）。编写promise。2.实现节流3.给定dom树树中一个节点，返回节点相邻前序同层级节点

9.15 一面（50min）：   （连不上网绝了，让面试官等着我上线）   1.自我介绍   2.做了两道题，笔试里面的   3.统计 DOM 元素的叶子节点的数量，绝了，先是理解不了题意，后面就是死活写不出来   （从这里就想放弃了……）   4.const, let 和 var 的区别   5.从 js 对象中查找属性是根据什么查找的（才意识到，好像是在问原型链）   6.原型链了解吗   7.this 了解吗   8.了解什么 ES6 的语法   9.对一个元素做垂直居中有什么方式   10.position 有哪些值   11.Vue 中组件的生命周期   12.常用哪些生命周期做哪...

一面 面试官：先来个布局的吧！如何让一个元素垂直居中 我：行内元素就line-height、块级元素就flex、grid、table-cell布局都可以，还有定位+translate，这个兼容性较好。 面试官：了解过新的css属性？比如layer 我：没有 面试官：说一下this 我：this是运行时上下文，是函数内为了访问类的属性而存在，其中箭头函数的this就是其定义时外部的this，而bind、call、apply都可以改变函数内this的指向。 面试官：箭头函数的this可以改变吗？ 我：没试过 面试官：做道题吧，深拷贝 我：知道，但是没写过 我：写了个递归+复制对象的属性 面试官：如...

只面了15分钟左右，面试官说，也问了你挺多问题的，来写写代码吧。我在想，很多吗？十几分钟就决定放弃我了？问的也是比较深。jsBridge通信原理，详细说，问得一个比较细的问题，原生处理完了怎么回调，通知相应的函数。react钩子，useLayoutEffect和useEffect区别，解决了什么问题，怎么用这些钩子模拟生命周期。初次渲染不执行，数据更新再执行要怎么做。图片预加载怎么做的和script中prefetch、preload，都是预加载有什么区别。协商缓存那一些请求头，原理，no-store,no-cache,Etag值生成算法。手撕：实现一个控制最大并发数max的fetch函数。反问...

一面（4.19）   1.项目 2.组件自适应 3.手写防抖 function debounce(fn,delay) { let timer return function () { let args = Array.prototype.slice.call(arguments)  clearTimeout(timer) timer = setTimeout(()=>{  fn.apply(this,args)  },delay)  } }  然后追问如何改写才能使得3次then获得相同的结果 我想不到，此处要@一个大佬 const fun = debounce() fun().then...

楼主社招，一年工作经验。   一面   1.防抖与节流原理   2. 防抖与节流算法   3.算法：   例子：[[1,3],[2,6],[9,10]]=》6-1+10-9=6 求最大长度   4.Reat中纯函数的特点，如果里面用setTimeout自加算不算纯函数，有没有副作用。   5.Reat高阶函数   6.hook介绍（Reat）   7.Reat生命周期   8.Vue生命周期   9.Vue双向绑定原理   10.Redux与mobx的区别   11.vue中可以用mobx吗？   12.四次挥手   13.介绍下贪心算法   14.介绍动态规划   15.es6与ts区别  ...

7.25笔试      一面 8.5   自我介绍 学了多久前端   js类型 数组的一些api 继承的理解 手写promise.race() 手写isPromise 手写vue数据双向绑定 跨域的原理   （问了好久 为难死我了QAQ  压力面或许？ 面到一半都不想面了  问啥啥不会）      二面8.7   自我介绍 学了多久前端 css优先级排序 伪元素 跨域 同源  千分位逗号分割 原地合并两个有序数组 删除链表结点 第一道题str和数组转换浪费时间了 api太不熟悉了  都是超级基础的手撕 感觉pdd喜欢考api = =    三面8.10   面试官没准备问题 就让你自己说 什么...

一面（50min+）   1． 问项目，      2． 怎么实现登录的，怎么知道登陆后的后续操作是那个用户   3． Localstorage、sessionstorage、cookie的区别   4． 除了redux还有哪些方法可以实现对状态的统一管理   5． 怎么判断数据类型   6． 怎么判断undifind 和null   7． 怎么判断null 和Object(啊拍断大腿脑壳短路，写复盘的时候才想起不会是想考 (Object.prototype.__proto__ === null)   8． Promise.all 和promise.race   9． Promise.all是...

    1. transition和animation有什么区别？（简历上的）     2. 对于循环的动画，要用什么属性？     3. 图片预加载？（简历）     4. Vue生命周期     5. Vue通信方式（我说了父子之间、兄弟之间）     6. vue双向绑定     7. vue自定义指令，实现<input v-focus> （不会，没写上来）     8. 写一个组件，往下滑动更新数据，类似于微博     9. 用setTimeout实现setInterval     10. promise输出     11. 实现sleep     async main()...

3月29日前端实习一面   热乎的热乎的……攒人品辣！   八股文     讲讲浏览器缓存     强缓存协商缓存，    分别都有两个属性，哪个优先级高为什么       讲一下dns     域名解析的过程    给实例：www.baidu.com讲下整个解析成ip地址的过程       前端性能优化(多说点)    提到了gzip，它具体是如何操作的(面试前刚看的，具体操作没答好)    提到了cdn除了缓存还有什么功能，“距离用户最近”它是怎么判断的(母鸡)    event loop    csrf如何产生如何处理    简单智力题     给个时间，计算出时针分针夹角，怎么算的(听...

一面 8月3日，时长55分钟左右  你觉得Vue有哪些特色，详细说一下（说了双向数据绑定） 说一下Vue组件，组件间的通信方式 使用Vuex来进行数据管理整体的使用流程 当Vuex中的action或其他一些操作包括异步过程怎么办 手撕代码（限时15分钟）：模拟电商网站用户日志统计，日志包含用户id和操作时间time，实现一个函数，统计用户的操作分布，结果按照cnt进行降序排序；函数接受两个数组类型参数，第一个数组是日志，第二个数组是给定的时间范围 日志：logs = [ {id: 1, time: 1}, {id: 2, time: 3}, {id: 1, time: 5}, {id: 1, ...

1.DOM树   2.作用域   3.CSS优先级   4.实现promise串行和并行   5.实现扫码登陆