字节跳动

HR很nice，一共四面，三面技术面，最后一面HR，然后走到三面我就被pass了。因为我刚毕业不久，而且是后端转前端，所以面试官没有问我关于客户端的知识。一面大概考察的是我的知识宽度，然后写了一个二分查找，二面问了关于C++的一些基础，写了一个不算难的算法，项目没多问。 三面领导面，非常犀利，先让你说自己的项目，然后根据你的项目不停的发问，从表层问到内核，估计是考察我的表达能力和技术沉淀怎么样，答的非常不好，最后让写两个算法，都没想出来，理所应当的挂了。

prototype和__proto__for in和for ofaxios方法，怎么用，流程cookie用法，参数js去重有哪些方法 不记得了。。

先介绍项目，然后问了一道基础题，浏览器从输入url到页面加载完成这整个流程是怎样的，然后问了几道算法题： 1）二叉树分层遍历，输出层数和该层节点值； 2）把一块区域矩阵化为2维矩阵，m行n列，矩阵中元素只有0或1两个值，0表示水，1表示陆地，相邻的陆地可以连接成一块更大的陆地，问这mxn的矩阵中共有几块陆地3)有一份系统的日志文件，每行记录都有uid(用户id),login_time(登入时间),logout_time(登出时间)三个字段，问系统在线峰值人数，及峰值持续的最长时间不知道是不是算法题都这种难度。

一面： 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.你有什么想问我的：没有。

前端研发岗，经历过五面。第一面研发部门某个小兄弟面，问了一些基础的raft、 tcp协议、lru算法；二面所在部门leader聊了下过去做过的一些项目；三面小组leader问了些项目和二叉树算法的问题；四面是HR面，谈了待遇，谈到后来问还有要求吗，家属当时认定薪资长得够满意就说没有了，结合知乎网友跳过来薪水double的各位，现在想来可能是要低了；最后一面另外一个部门老大交叉面，问了一些过往做过的具体项目、遇到的问题等等。 发帖以来，每天联系我内推的人很多。找我推荐可以，最好满足：  （1） 半年内未在其他平台投递过简历并且被拒，头条拒绝重复投递； （2） 先把个人简历和意向岗位私信我（不要问我在不在，你发了我就会看到），初步做个筛选。  （3） 如果简历合适，加我个人微信，帮你推。  （4） 招聘链接：https://job.toutiao.com/society?from=timeline （以上适用于社招和实习）。 校招需要扫码投递，扫码后有详细介绍投递方法（在字节跳动招聘官网投递职位需内推码，使用内推码可优先筛选简历，内推码****）。

先是简单介绍自己的学习和工作的经历，然后面试官拿着简历就专业技能，学校项目，工作项目等等发出了提问，问了前端流行的框架，ES6的新特性，网络协议，数据库的操作，CSS垂直居中如何实现等等技术细节，范围广泛。还问了ESLint如何可以帮助到代码的规范和整洁等等。

不难，但是很广，很多知识要深究，基本上会从你自己说的技术里面出问题，所以说项目用到了什么技术一定要深究一下技术，深！最好是引导说你滚瓜烂熟的技术。面试官人挺好的，也会引导，但是我太菜了可能导致他比较无语。目前只记得这些。对手写代码的考察还挺有要求的。 1、解释原型链和原型对象； 2、websocket和http2了解吗解释一下（大学学过不记得了） 3、自己实现一个event类class Event {    on(name, cb)    once(name, cb)    emit(name, message)    off(name, cb)} 4、自己实现new函数function A() {}let a = new A(); 5、网络七层协议； 6、TCP和IP分别属于哪一层 TCP和UDP的区别7、对公司有什么了解（我觉得可能最好说一下业务，我乱说的然后面试官笑了） 8、自我介绍； 9、在项目里有挑战的东西或者学到了什么（谨慎回答，题目大多从这里出）； 10、vue组件通信怎么实现 父子和不父子； 11、vuex的mutation和action的区别，为什么要设立两个而不是直接用mutation操作state； 12、只给一个div，无外层容器信息让他居中position:relative;top:50%;left:50%;transform: translate(-50%,-50%)怎么实现的，含义。transform的translate是基于什么点?scale(1) scale(2) scale(0.5)分别代表什么，是基于什么点？CSS盒模型是基于哪个点? 13、css选择器优先级排序（记得要全面的一个不漏记住）； 14、应用层有哪些协议，用到了UDP的有哪些？ 15、自己实现一个防抖函数 （以防万一节流的也学一下吧）； 16、sort()是内部使用了什么算法，时间复杂度是多少，indexOf()的时间复杂度是多少； 17、下列代码的输出是什么function Dog(name, color) {    this.name = name    this.color = color    this.bark = function() {        console.log(`hello ${this.name}`)    }}Dog.prototype.bark = function () {    console.log(`hi ${this.name}`)}let dog = new Dog('Chop', 'Red');dog.bark();dog.__proto__.bark.call(dog); 18、了解过typescript吗其实都还算基础吧，还是我菜了。