《拼多多前端面经》专题

base: bj 今天下午脑子昏昏沉沉的, 头晕... 一面 自我介绍 Webpack 和 Vite 在配置上有很大差异, 你如何实现一个自动化工具, 将 Webpack 项目批量迁移到 Vite 假如你要对老旧项目的 eslint 进行升级, 你如何排查 eslint 因为配置或版本更新可能出现的报错 假如你要开发一个非常庞大的多级多选框组件, 你如何实现数据的异步加载? 🙌🌰: 页面上有三

1、React的Fiber的原理，知道怎么实现的吗，是否了解Hook的实现原理 2、聊了一下Redux和React-Redux 3、对函数式编程了解说一下 纯函数，偏应用，柯里化，compose 分别是什么 4、Koa和Express的区别，以及Koa中间键的原理 5、长列表渲染的方法 6、虚拟滚动（列表）的实现原理 7、什么是闭包，什么是立即执行函数，它的作用是什么，可不可以举一下闭包的使用场景

给俺双非一个offer把，已经挂了，一直没写面经，二面完那天我就猜到了，两次群面我都不知道我在干嘛，尤其是第二次跟产品的一块，被产品完爆 一面： 群面就不说了，大家都是技术，一开始大家也一直没说话，氛围还是很peace的 单面如下 html语义化 事件循环，宏任务、微任务有哪些 http请求头字段有哪些（user-agent、accept等等很多） https加密 xss攻击 浏览器缓存策略 还问

春招时候的面经，第一次的挂面。上来就是做题。 1. 实现浮点数运算 回答：只了解IEEE754浮点数会导致溢出 正确：使用big.js add(0.1 + 0.2) => 0.3 subtract multiply divide 2. 实现节流函数 支持immediate 回答：实在是不记得是啥了。。。说一下实现思路，结果回答成了防抖。。。 3. 看一段代码有什么问题 给了点提示，面试官说了可能涉

面试平台：腾讯会议 面试问题： 自我介绍（标准开头） 项目的一些问题（比如移动端如何适配，一些特定效果怎么做等等比较琐碎的问题，不具体列举了，基本就是看简历发问，我觉得只要是自己做的项目应该都能回答上来） 实习相关的问题（这些比较隐私，就不说明了🤪） 实习公司的开发流程 实习期间遇到的难点有哪些 实习最大的收获是什么  4. 八股文（而且还是老掉牙的那种😌） 浏览器输入url会发生什么（答了缓

1 自我介绍 2 项目中的重点介绍 3 浏览器缓存 强制缓存 协商缓存 4 Etag的优势 5 代码题 LeetCode 20 6 Promise async await 代码输出题 7 flex布局 说出父元素和子元素上的属性 8 网络安全 9 原型 构造函数 实例 10 反问 每次回答结束之后，面试官都是说”好的，下一个xxx"。网络安全那里，我说完XSS和CSRF，面试官说我XSS理解不深刻

重要的写在前面 在准备面试的过程中，大部分的时间都花在了JS基础和框架方面，弱化了HTML和CSS的学习。所以如果有小伙伴也是这样在准备面试，那么请立刻去补上HTML和CSS的基础内容。 本次面试最大的感悟在于：平时没有刻意去练习页面结构和CSS相关的内容，所以导致本次面试体验感不佳（当然纯粹是因为自己的原因）。 面试内容： 1 自我介绍 2 整个过程没有提到任何项目相关的内容 3 CSS 优先级

投递 7.29 基本情况：内推投递 非直通部门 非科班 没实习和高大上项目 没想过提前批简历能过~ 一面 8.17 自我介绍 看了什么书 写编程题三道：很简单的斐波那契数列、括号匹配、二叉树剪枝 做剪枝之前问了熟悉什么算法 ES6新特性 promise说一下，API说一下 利用promise实现xx秒返回value react生命周期 同步异步 事件循环等 基本你回答到XX点面试官就会打断你说可以

自我介绍 为什么学前端？（我本科专业是物联网的） 项目问题（此处省略20分钟） 输入 url 到渲染出页面的过程 引申出怎样将html文件渲染到页面上（不太会答） BFC css垂直居中 用到哪些浏览器存储方式？答：localStorage、sessionStorage 还有吗？ （不太清楚了） localStorage的应用场景 es6了解吗？ Promise的出现是为了解决什么问题的？答：回调

8.22 一面 状态码301 302 强缓存协商缓存 原型原型链 Object.__protot__ Function.__proto__ 原型链终点 防抖与节流 代码 大数相加 转对象 数组扁平 用reduce 链表反转 二面 上来直接三道题 js+html 验证url css三饼（float、position、flex三种） 凉凉

一面 8.24 16:00 讲实习 水平垂直居中 position有哪些值 static absolute relative fixed sticky 说一下BFC js基本数据类型 instanceof 原理 说一下ES6新增 for in 和for of区别 Object.defineProperty 定义的对象的属性有哪些 https://developer.mozilla.org/zh-C

一面： 主要是做了三道题，其他没太问（做太久了后面没时间了） 二分查找（如果排序是逆序怎么处理） 实现 instanceof （null、undefined 怎么处理） 实现水波跳动效果  二面： key 的作用 -- 虚拟 dom 的构建 key 是虚拟 dom 对象的标识，当状态中的数据发生变化时，react 会根据新数据会生成新的虚拟 dom ，之后进行新旧虚拟 dom 的对比。 旧虚拟 d

一面 面完过了一周约二面 css position属性有哪些 css选择器有哪些 css bfc？ 给一个css场景让算一下margin，实际上就是margin合并问题 css会阻塞dom渲染吗，dom解析呢 如何理解typescript？在开发中有什么作用？ type和interface区别 js阻塞dom解析如何解决 跨域的作用？如何解决？jsonp的优缺点 浏览器的缓存？etag的优缺点 j

一面 主要讲实习经历，基本上无八股 手撕：最长公共子串 二面 主要也是实习经历和项目 手撕： 1. 变量作用域和this指向问题,说输出 var bar = 'window' function say() { var bar = '111' console.log(bar) console.log(this.bar) } const obj = { bar: '222', say() { cons

1.自我介绍（要求介绍自己的项目） 2.盒模型 3.行内元素、块级元素，二者的转换 4.图片垂直水平居中、文字垂直水平居中 5.JS数据类型 6.map、forEach区别 7.css实现文字超出部分...显示 8.css选择器权重 9.get、post区别及其优缺点 10.let、const、var的区别 11.箭头函数与普通函数的区别 12.vue生命周期 13.watch和computed