面经详情

css问得比较多，包括盒模型、bfc、绝对定位/translate/margin实现动画的性能比较、script标签和link标签放底部和头部的原因、垂直居中方案。js问了闭包及内存释放、原型、垃圾回收和内存泄漏，new一个新对象的prototype属性是什么，es6和commonJS的模块的区别、还问了点工程的东西、手写一个函数。 最后没有通过，不过并不服气，面试官问的过程显得面无表情，也不会表露他的看法，也不会告诉你你对了还是错了，然后就直接下一题。网上普遍对头条面试体验评价很高，就我个人面试体验到并不好。 ...查看更多

一面 昨天下午三点面试，准备得不算太充分，面试官很友好，一直引导我思考，问的题暂时还是比较基础的问题，可是我没了解那么全面。有很多题没有深入回答，了解没到那么深入，我觉得主要还是在面试前多刷题，比如多看字节的面试题，第二，算法题很重要，我那道算法题，本来应该很简单的，但是我却在那里纠结了老久，面试结束后，我自己在自己的编译器写很简单，一会写出来了，可能是现场太紧张了，还有一个问题，我面试完才知道，那个代码输入框可以放大的，我的天哪，我竟然没发现，真离谱，当时写代码那个框这么小，还是自己紧张过头了。然后，纪念一下我的第一次面试，我觉得通过率是非常低了的，我会回去继续学习，去找一些前端书本来看自己能力还是待提升，算法要继续加强。不要邂怠，一周后如果还没通知我就继续投简历，继续加油吧！...查看更多

一面凉经，简单记录一下，视频面试，在牛客网上进行。介绍下项目，项目上有没有遇到什么困难，具体说下，简历上写了性能优化方面的，然后有问做过哪些优化，你们公司页面加载时长有要求吗，有做哪些优化，有做过图片预加载吗，http缓存，具体是怎么做的，304状态码响应过程，输入一段有关原型链知识点的代码，问输出多少，思考过程输入一段有关异步执行的代码，考查promise ，问输出多少，思考过程实现JS限流调度器，也是考查promise, (因为简历上写了熟悉异步编程原理😂)不难，只是自己准备的不够充分，面试官不会的会进行引导，很nice，给人的感觉挺好。...查看更多

由于是社招的，所以先开始问项目经历大概问了几点：项目中解决过最困难的问题是什么？如何理解重构？作为commit数最多的开发者，相信需要对项目结构进行设计，谈谈对好的项目结构设计的理解？然后就开始JS相关的题目以及一些算法题，和网上流传的差不多，原型链，new操作符的实现原理，sum的柯里化函数实现等等。 面试人温和且有礼貌，遇到你再某个知识点上卡住的话还会给你提示等等，很不错的面试，但字节的面试还是很需要基础与算法知识足够扎实才行。 ...查看更多

一面： 1.假设按照升序排序的数组在预先未知的某个点上进行了旋转。(例如，数组[0,1,2,4,5,6,7]可能变为[4,5,6,7,0,1,2])。搜索一个给定的目标值，如果数组中存在这个目标值，则返回它的索引，否则返回-1。你可以假设数组中不存在重复的元素。你的算法时间复杂度必须是O(logn)级别。 2.asyncfunctionasync1(){console.log('async1start');awaitasync2();console.log('async1end');}asyncfunctionasync2(){console.log('async2');}console.log('scriptstart');setTimeout(function(){console.log('setTimeout');},0)async1();newPromise(function(resolve){console.log('promise1');resolve();}).then(function(){console.log('promise1then');return'promise1end';}).then((res)=>{console.log(res);}).then((res)=>{console.log(res);});console.log('scriptend'); 3.BFC 4.浏览器渲染流程 5.XSSCSRF 6.手写节流 7.性能优化webpage打包过程 8.HTTP2特性浏览器缓存 9.最近学什么前端技术 二面： 1.自我介绍； 2.项目； 3./*现有一个含有字符串的数组，形如：["ab","c","ab","d","c"]要求将其中出现的重复字符串，依次添加上数字序号，如：["ab1","c1","ab2","d","c2"]要求：1).未重复出现的字符串不处理；2).仅对相同的一组字符串依次添加序号，而不是共用一组序号；3).保持原数组顺序；*/functionaddSerial(arr){varresult=[]//dosomethingreturnresult}console.log(addSerial(["ab","c","ab","d","c"])); 4.inner='window'functionsay(){console.log(inner)console.log(this.inner)}varobj1=(function(){varinner='1-1'return{inner:'1-2',say:function(){console.log(inner)console.log(this.inner)}}})()say()obj1.say()obj1.say=sayobj1.say()； 5.你的优缺点； 6.你有什么想问我的：没有。 ...查看更多