《前端》专题

主打聊天向 自我介绍 前端学习路线 前端框架学习路线 实习详问 时针和分针夹角 智力题 对于部门业务了解情况 感兴趣吗 为啥 如果给你发offer你会来吗 开泡！ #前端#

1.上来就手撕两道 第一道：删除链表重复节点 第二道：给两个字符串的版本号，判断版本号关系 2.js新特性 3.promise await延时1秒怎么实现？ 4.TS了解吗 5.React的diff算法会导致子组件重新渲染吗？有哪些方法可以阻止子组件的渲染？ 6.vue2与vue3的区别？ 7.vue2的生命周期 8.用Node写过项目吗？ 9.webpack的loader和plugin？plug

先吐槽一下，下午三点面淘天，五点面快手，七点百度。。我我要麻了，全是一天，还都是连着的 面试的话一上来是三道输出题和两道算法题。输出题嘛，就是经典的this, 变量提升，还有异步输出 算法题，一道找最长的连续相同字符子串和一道字符串转数字 然后是问了下项目难点，奈何本人项目无难点，10min草草结束。然后大概问了10min八股，一面结束

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

自我介绍 list2tree 写的有问题吗 优化下 介绍下你印象最深刻的一个项目 SSR原理 SSR hydrition原理 SSR获取数据原理 获取数据为什么要提前获取 diff底层原理 从源码层面说 concurrent setState相关 18 18之前 实习项目介绍 useeffect uselayouteffect区别 uselayouteffect在ssr能用吗 虚拟列表不定宽高咋做

刚面完。。 项目相关，怎么解决遇到的问题 JS判断数据类型的方法 懒加载的实现原理 获取滚动高度不断获取dom元素，怎么优化? 防抖如何实现 vue2和vue3的区别 浏览器本地存储的方式有哪些？区别及应用场景？ Object.prototype.toString.call()的原理 首屏加载慢的解决方法 浏览器的渲染流程 浏览器中js会阻塞渲染吗？如何解决？ 最近记性不太好可能有遗漏~

秋招的第一次面试，面试官态度真的很好，全程跟聊天一样，想到啥就问啥 自我介绍 代码管理工具 是否有git账号，用过哪些指令 git rebase 是否用过原生js html4 html5 vue2，vue3区别 proxy与defineproperty的区别 defineproperty是否能监听整个对象，怎么监听的 问的越来越深 项目中遇到的难点 electron项目怎么实现的单选与框选 怎么写

泪目了，鼠鼠居然也有AK的一天，选择题基本都是数据结构的题目和JS的题目 编程题就两道， 第一题判断一个字符串中长度为K的伪回文串的个数，伪回文串就是修改一位就可以成为回文串的字符串。数据范围都很小，鼠鼠直接递归做了，根据字符串的长度来进行返回[是否是伪字符串，是否是真回文串],递归判断 第二道，求字符串的极值，极值是尽可能长的字符相等的子串的个数，比如aabbc，极值为3，aa,bb,c，然后进

一面50min 1. 项目 2. websocket和http 3. 手写 发布订阅 4. 手写 并发控制 二面 70min 1. 项目 2. token怎么生成的？被截取了怎么办？怎么增加token的安全性 3. websocket怎么传递数据？数据丢失了怎么办？连接断了怎么保持数据正确性？websocket帧都有哪些字段？ 4. 手写 字符串去重 5. 手写 接着上一题找出重复的字符 6. 手

1.为什么选择前端 2.元素居中 3.如何实现将一个div放在页面左下角 4.js数据类型 5.原型、原型链 6.作用域链 7.this 8.type of /instance of 9.new操作符做了什么 10.React组件间的通信 11.React 类组件和hooks组件区别 12.对js异步的理解 13.看代码，事件循环的输出 14.反问： 技术栈：现在是vue，但是慢慢在往react靠

面试官先介绍部门情况、业务、技术站等 5min 1.自我介绍 2.项目介绍 3.react生命周期 父子组件更新时生命周期方法调用顺序 4.echart用法上的一些提问 5.react更新渲染次数有了解吗 如何减少渲染次数 有具体测试过setState后的一些输出吗 6.对项目的一些背景，合作，架构提问 7.场景题1：判断元素呈现的颜色（蒙对了，但没说对原理😂主要考察子元素的z-index以父元

复盘笔试题 list2tree函数，我们实际用的pid是哈希值，不能用sort去解决，那么你的算法该怎么改 时间复杂度 空间复杂度是多少 你提到说你有学react源码，那么你深入学习了哪个（react16 18 fiber diff ） 详细说一下diff源码 那么为什么要用diff diff是怎么优化的（又扯到memo可以性能优化） css的作用域 less的作用域（扯到css in modul

周三发的邮件，约了周六面，真的太卷了吧（x2） 面试还是30min，二面同样中规中矩，问了一些项目（但不深），大部分还是js基础为主。 自我介绍，同时介绍得物 上来就是一个题目。刚开始以为是手写，结果是看程序挑错误。很别致的一道题目。题目实现了jquery选择器功能，大致考察了闭包，箭头函数this指向，函数new出来的对象是否能拿到原型上的值等等。面试官先让我尽可能挑，结果只挑了几个，后来挑不出

全程30分钟， 很像KPI面，无项目，无自我介绍，无摄像头 先来10min手写，之后全是八股 手写： 1.作用域题目，写输出 2.对象解构，写输出 3.手写delay 八股： 1.深拷贝浅拷贝，深拷贝的实现方式 2.为什么有async和await 3.webpack打包文件名为什么生成hash 4.受控组件和非受控组件的区别 5.高阶组件 6.usememo和react.memo的区别 7.use

记录下被拷打的一场面试 面试官先自我介绍是电商的 TL，问题主要是对项目深挖还有在前端各个方面的性能优化，难度感觉挺大的，主要没接触过，各种优化问题，被狠狠拷打。 - 是保研吗？ - 现在还在实习吗？ - 上家实习这边做的事情是偏 B 端吗？ - 这块用到了什么技术栈？ - 对于 ToB 这个事情你怎么看？ - 它有哪些优化呢？ - 具体你怎么做的优化呢？还有没有？ - 包体积优化，你知道的有哪些