一面水平垂直居中的实现方案如何页面适配（vw vh）forEach和map的区别深拷贝和浅拷贝的区别cookie sessionStorage和localStorage事件循环是什么手写url解析成对象手写字符串中查找单词出现次数二面css如何实现动态宽度vue中key的作用 原理vue中数组不能实现响应式，怎么弥补这个缺陷vue3中是怎么做的router.js怎么配置vue router原理组件通信方式，除了props和$emitnodejs洋葱模型node接口超时自己实现过webpack吗H5的首屏加载优化如何避免反射型XSS攻击三面为什么选前端对AI怎么看对百度怎么看看过框架的源码吗面完...

性能优化的方式请求头字段有哪些如何实现响应式布局性能优化的指标localStorage和sessionStorage的区别问题记得不全，第一次遇到这么新颖的面试方法，直接给一个网站，让考虑从前端后端全流程考虑如何实现，通过检查面板回答一些network和performance相关的内容。部门做的是全栈，很有意向，但是二面后就没后续了，现在看看好像还没挂，但是别人似乎也已经开奖了

一面：vue双向数据绑定 ✅为什么要用key 为什么不能用index作为key ✅watch和computed的区别 ✅defineProperty()实现的是浅层监听，如何检测到嵌套的下一层 vue和js分别是怎么实现的 ✅我理解是用Vue.set()/vm.$set/Object.assign()使用数据劫持后，data身上会带一些原型链上的属性，如何只获取data本身的属性 ✅有没有实现过自定义指令reactsetState的执行过程css说下BFC ✅回答思路：是什么 如何触发 用来解决什么问题用一个css画一个宽度为屏幕宽度50%的正方形✅知道哪些布局单位 ✅使用display: f...

一面webpack配置代理webpack Loader的执行顺序实现淡入淡出一面没有录音，只记下来几个答得不太好的问题，其他内容基本和牛客面经差不多，应该答得还可以，很快就约二面了。二面最开始四道题，题目应该是固定的输出题2+手写题2：作用域相关，4个小题，放在一起超容易混淆拓展运算符相关实现delay实现flattenReact相关react native为什么快一句话描述框架和原生开发的优势useEffect的依赖数组打印props的value，因为闭包陷阱不更新，怎么解决React.Memo和useMemo的区别什么是高阶组件webpack怎么查看打包的包大小vue正向代理和反向代理发布...

vuevue和react框架比原生的好在哪里vue实例怎么完成渲染v-model的理解父子组件的通信方式，面试官补充了provider和injectmixinreact如何实现数据的immutableuseLayoutEffect()react的合成事件useEffect的用法如果我在useEffect中return 会怎么样三道输出题+两道手撕[1, 2] + [2, 1]结果事件循环的一道题目，不算难手撕：最长回文子串实现eventbus()考察this指向这场面试非常有意思，因为我在十月中旬在牛客上刷到了另一位吐槽这位面试官的同学，对了一下，应该就是我这位面试官，原来不止我觉得很无语，非...

interface和type怎么选择浏览器常见的存储方式如何使用proxy来实现沙盒useEffect在render的时候会执行一次，如何使最开始的这一次不渲染？浏览器页面之间通信SSR具体的原理，我说提升了性能，其实是提高了首屏加载速度，描述的时候要准确性能优化的指标在写代码的时候如何减少重排问了很多nodejs相关最近没啥面试了，再来发发面经吧，之前携程线下走完了流程，这只是一面+二面中部分问题，有一些没有记住，现在回看当时甚至都不知道沙盒这个概念…到现在还在池子里泡着，虽然目前还在开，但是大概率泡不出来了（面试答得一般+本科学历不ok），发出来供大家查漏补缺吧~

放假在家效率不高，再整理下面经吧。为什么做前端css中常见的选择器以及优先级了解过rem布局吗typeof有哪些返回的值了解过Symbol吗slice和splice这两个方法会改变数组本身吗算法：判断回文串介绍一下原型和原型链0.1+0.2为什么不等于0.3vue中有哪些父子组件传参对axios进行二次封装，如何封装的项目用react native的原因是什么，还了解哪些跨端方法分享功能如何实现的cookie，LocalStorage，SessionStorage之间的区别选vue2没有选vue3是出于什么原因vue有哪些常见的生命周期美团实习中封装高效组件，高效在哪里平时怎么学习前端 ...

1、手写瀑布流布局（如图1）2、flex的使用场景和六个属性3、使用过哪些布局单位4、一个CSS输出题（如图2）        h2 选择器设置了字体大小为 2em，这里 em 是相对于其父元素的字体大小。由于 h2 是 .container 的子元素，em 将会相对于 .container 的字体大小，即 3rem 或 48px。所以 2em 等于 2 * 48px = 96px。        p 选择器设置了字体大小为 2rem，rem是相对于根元素的大小，所以应该是16 * 2 = 32px5、 在使用scoped之后，怎么在父元素中覆盖子元素的样式6、 js的数据类型有哪些7、 基本数据类型和引用数据类型的区别，说出b和c如何变化（如图3）8、深拷贝和浅拷贝9、事件循环机制10、js延迟加载的方式有哪些，async和defer的区别11、v-if和v-show的区别，如何选择12、computed和watch的区别，如何选择13、跨域的概念以及解决跨域的方法14、浏览器存储15、webpack的打包过程16、盒模型是什么 标准盒模型和怪异盒模型的区别是什么 Google用的是哪个盒模型#百度前端面经#

刚刚收到电话问可不可以去深圳研究牲根本去不了一点，大家还在被上海的前端部门捞吗，求求再捞捞我吧，上次推迟了面试时间直接流程已结束了