字节跳动抖音部门前端工程师一面面经

25校招，25之后的实习，前端同学可以看一下~简历直达ld，全程跟进进度，组里真的很缺人~ 直接私就行

JS 数据类型 如何判断数组 Array.isArrray(obj); Object.prototype.toString.call() //[object Array] instanceOfa.proto===Array.prototype js实现对象的key和value反转 function reverseObject(obj) { const reversed = {}; for (const key in obj) { if (Object.hasOwnProperty.call(obj, key)) { ...

只有一轮技术面。1、ES6中常用的语法let、coonst关键字，扩展操作符，解构赋值，Map和Set，模块化2、数组能解构吗（1）解构一下const a = [1,2,3]，如何拿到第一个元素const [first,second,third] = a; console.log(first)（2）解构一下const a = [1,.....]，后面有多少个元素我并不知道const [first,...rest] = a; console.log(...rest)3、对象的合并最开始说了concat（但这个是数组的），然后说了bind，忘记说all了，面试官提示也可以用解构赋值4、Map（1）Map的应用场景？说了集合的概念，无重复值（2）Map的key可以放什么类型，Symbol这些可以放吗？可以的，Map的key可以放任意类型，普通对象的键值对当中只能是字符串和Symbol5、Set（1）Set的应用场景？说感觉不是很了解。面试官说了可以用在数组去重，瞬间想起来了（2）Set的数组去重返回的是一个标准的Array吗？不是，可以用Array.from或者扩展运算符转换成Array6、CSS中用flex布局处理垂直水平居中（1）已知内容大小用align-items和justify-content都改成center（2）未知内容大小，用transform有什么写法？没有用transform来处理过，不会7、（场景题）页面中点击div，使其从左边移到右边，可以用css动画效果，还有transform修改，还有margin。从性能的角度来看，用哪一个好一点。我说用CSS动画更好，也就是transition。（面试官说不太对，但是具体是哪一个也没太听懂）8、（场景题）假如说我现在有一个业务，要在业务代码里面去修改Ant-Design的某一个组件里面的classname的某些样式，我应该怎么写才能操作到其内部。（怎么修改到三方UI框架里面的样式？）用 :global。（可以通过 :global 选择器来覆盖 Ant Design 组件内部的样式。这种方法允许你在局部作用域的 CSS 中应用全局样式规则，覆盖第三方库中的样式。）9、React（1）（场景题）我清除我localstorage里面的某一个键值对，组件卸载的时候，我怎么能知道组件卸载了。（问的一脸懵，但是我猜应该是跟useEffevt相关）在useEffect中写一个return方法，在里面执行自己的业务逻辑。（2）如果想要计算某些东西，用什么hook比较合适一点。我要计算的这个值不是一直在变的，意味着我要缓存。（缓存就跟useMemo有关）缓存的话我用的是useMemo，缓存一些数据，只有当依赖项改变的时候，才会重新进行计算，（3）有一个和useMemo很像的东西，就是React.Memo，有了解过吗只听说过，应该比较的不是某一个参数，而是比较的传入的props。面试官修正我的话：其实路是对的，它是来缓存这个组件更新还是不更新，这就是用memo来控制的，如果有个性化的东西就在props中的方法写，给你新的props和旧的props来写你的校验的逻辑。（4）useCallback用来优化函数性能，比如说它可以缓存一个函数的实例，可以避免每次渲染页面的时候不会再次创建同一个函数。（5）状态管理器用过吗用过Redux。10、最近在项目中有没有关于性能优化的。说了最近用useMemo缓存数据的部分。11、反问（1）后面还有几轮技术面（2）部门负责的主要业务总结：面试官还是很好的，一直在引导我说，问的也都不是特别深入，薄弱点就是在css中transform和less预处理。整个面试只有30min，还是很友好的，毕竟只是实习面试。后续还有几个实习面试的，多多准备准备！#前端面经##前端实习准备#

发个面经，攒攒人品部门：抖音电商时间线：4月底投递暑期实习--7月份hr联系--转为秋招--8.21一面--面完2h后约二面整体来讲问的都是基础八股，难度不大，面试官人也很好。实习（10min左右）因为实习一直在干dirtywork，没什么能讲的，面试官也没什么能问的项目&八股数据库Redis和MySQL的区别？sorted-set底层的数据结构？是否还了解Redis其他的数据结构？MySQL底层的数据结构？MySQL常见的存储引擎以及之间的区别？Redis和MySQL之间如何保持缓存一致性？介绍下MySQL的锁机制计算机网络浏览器输入一个地址到跳出网页这个过程中发生...