• 前端面经


    经历了秋招的洗礼,整个人成长了许多,本来想着早点总结,但是一颓废起来便没完没了,推脱到现在才开始着手写。
    先介绍下背景,楼主双非学校,本科,专业是电子信息工程,大二下学期加入学校的一个软件实验室,跟很多小伙伴一起学习,一起春招秋招,很感谢有这个平台,要是真的是我一个人孤军奋战,不知道要失去多少机会,这应该是这个大学做的最最正确的事情了。
    楼主春招实习没有找到合适的,身边的小伙伴都去实习了,暑假留校学习东西,其实也是有些浮躁的,建议,能找到好的实习可以去体验下公司的生活。楼主觉得基础已经复习的差不多,需要一个实践的平台,但是不争气,加上没有一些面试的技巧,面试的公司又不多,导致了没有找到。不过,还是在尽力的多学习,多复习,多总结。
    这里就只列举楼主秋招面试过的公司吧,有些可能不完整,隔得时间有点久忘了。

    蘑菇街(内推,电话面)
    
    一面(挂)
    1.<b> <strong>区别,用css操作<b>标签为红色字体,黄色背景;操作<strong>下划线
    2.博客系统的背景
    3.跨域方式的处理
    4.transition属性
    5.操作一个div块,让它向右移动
    6.继承,重点讲解构造函数继承
    7.移动端适配
    8.HTTP状态码
    9.rem
    10.百分比布局的优缺点
    11.vue视图和数据同步更新的原理,是更新全部视图还是部分,怎么实现的
    12.vue生命周期
    13.你有去实习吗,为什么没去
    14.你期望进入哪种公司
    15.面试官:怎么又是这个问题,吧啦吧啦。。。
    我:蘑菇街是个兼容的大平台。 
    面试官:啥意思  
    我:各种技术共存  
    面试官:会向vue靠近,但是内部平台还是有react的一席之地,angular也有少部分存在,我才来蘑菇街一年多,虽然是个中型公司,但是像创业公司一样,团队遵从自由,但是是在一些限制下的自由。。。
    
    总结:秋招开始的第一个公司,经验不足,有些紧张加上答得不好,无缘,不过面试官声音很好听啊
    
    CVTE(HR面挂)
    
    一面
    1.实现6列等分布局
    2.介绍项目
    3.一个数字的反转,如果有+或者.呢?
    
    二面
    1.实现 123456.123 变为  123,456.234
    2.实现new Cal(0).add(1).min(2).num的结果为-1,以及Cal(0).add(1).min(2).num的结果为-1(添加中间对象)
    3.原型链相关
    4.koa(不太清楚)
    5.一个url从输入到显示发生的过程
    6.什么情况下会返回304
    7.水平垂直居中
    8.DOCTYPE作用,兼容模式在什么情况下使用
    
    HR面
    1.你父母做什么的,父母性格怎么样?
    2.你期望的工资是多少?为什么?
    3.你五年的规划是什么?
    4.你希望团队的氛围是什么样的?
    5.你从小到大印象最深的一件事是什么?
    6.你从小到大压力最大的时候是什么,怎么调节的。
    7.谁给你的影响比较大
    
    总结:技术面还好,自以为答得还可以,写代码什么的都写出来了,但是HR面贼可怕,群面,楼主完全没有优势,然后就over了。
    
    58
    
    一面
    1.编译原理
    2.数据库原子性
    3.数据库范式
    4.原型链,继承
    5.304、403
    6.TCP/UDP区别
    7.你家是哪儿的,对工作地有什么要求
    8.具体说你的优点,你的劣势是什么
    9.项目
    10.线程进程区别
    11.ES6,generator
    
    二面
    1.从一个数组中找出满足两个数的和等于给定数据的集合(这个扯了好久,楼主用了最笨的方法,最后面试官给讲了一遍最优法,楼主也提出了几个面试官也没注意到的不合理的地方)
    2.项目
    3.如果你过了能来实习不
    4.你期望的城市
    5.兴趣(主要是跑步什么什么的)
    6.你对58的印象
    
    总结:面完58就一个词,玄学,感觉很无奈。。。
    
    百度
    
    一面
    1.实现统计一个页面出现标签最多的三个标签,代码的优化,巴拉巴拉一堆为什么,为什么用sort,为什么要for循环。。。。
    2.手机端300s延迟(没答好),还有一些touchstart/touchmove事件的区别
    3.分割url成一个key/value的形式,如果考虑到#部分呢?如果url是编码后的我要怎么做?
    4.实现console.log();类似的一个功能,侧面考察call/apply
    5.两列布局,从而衍生BFC盒子
    6.id/类/标签的一个优先级关系,权重,那么一个#div和11个类标签相比哪个大?
    7.除了windows还用过其他操作系统吗
    8.项目中无限加载功能是怎么实现的
    9.mounted钩子函数相关问题,和create钩子函数的区别是什么
    10.模拟radio/checkbox,怎么实现点击那个点的效果,如果只能用css实现
    11.本地存储,cookie怎么设置值,怎么取值,webstorage怎么取值,怎么设置值,比如我要保存a=1,我取到的cookie是什么样子的,我怎么进行获取key/value的形式
    12.GET和POST的区别
    13.跨域的方式,JSONP的原理,后台怎么包装,返回的response里最终的结果是什么,写出来,CORS具体设置,设置'*'和域名的区别
    14.本科生还是研究生
    15.抓取百度页面,把所有的‘百度’替换为‘签百度’并存在一个文件中,为什么用headers头部,referrer有什么作用,具体设置什么值。
    16.一道关于setTimeout/promise输出题(考察优先级),并解释原理
    17.有什么要问的
    
    二面
    1.手撕百度首页抓包,把所有的“百度”替换为“签百度”并把它存在一个文件中
    2.手撕弹窗组件(其中说了一些细节问题)
    3.自己封装tap(touchstart/touchmove/touchend),判断移动端的手指数,坐标值等(这个面试官还给我细讲了)
    4.CDN
    5.性能优化(详细问了,比如压缩HTML代码怎么写,压缩JS代码怎么写,事件代理等)
    6.雪碧图及相关API
    7.移动端判断手机类型
    8.nodejs获取url get的参数
    
    三面
    1.设计一个抽奖系统,要求一次抽取10个不重复的数
    2.家里或者同学有没有给你带来负能量
    3.你觉得你自己的缺点是什么?(楼主说自己有些腼腆,面试官毫不犹豫说我觉得你一点也不腼腆。。。)
    4.你觉得你跟计算机专业的学生比起来有什么劣势?
    5.你有什么要问的?
    
    总结:百度的面试还是挺有质量的,平均每一面一个小时左右,安排合理不同等待太久,一面面试官全程微笑,问的我很难受,本来以为挂了(当然,面试之前就是抱着挂的态度去的),二面面试官是个女的,我还是第一次遇到,这个面试官人很好,不会的很耐心的给我讲解,在我要放弃的时候告诉我,觉得我还不错,还给我说三面问些什么,很暖心啊。三面就是闲扯,虽然最后面试都过了,但是是备胎状态,也是挺遗憾的,记得等结果的那天晚上我的心非常忐忑,然而还是没等到签约电话。。。
    
    腾讯
    
    一面
    1.cookie/session区别
    2.cookie/localstorage区别
    3. http/https,https为什么安全,加密解密过程,如果想https变快怎么做
    4.移动端tap(问这个我真的不知道。。。。)
    5.<link>标签会不会阻塞文档的渲染,script标签位置,defer/async区别
    6.xss(这个讨论了好久,他问为什么前端就取不到cookie值,我不知道)
    7.浏览器事件,他问你觉得用的最多的浏览器是哪个,你怎么知道是谷歌,你为什么用谷歌。事件冒泡事件捕获区别,怎么写的怎么用的
    8.nodejs全局变量知道哪些
    9.事件代理举例,jquery怎么写,有什么更好的办法判断捕获到的目标
    10.ip在哪一层,具体作用是什么
    11. http相关字段,哪些是请求字段,哪些是响应字段。
    12.跨域,跨域的举例,jsonp的原理,怎么捕获错误,cors的设置,前端需要什么处理
    13.一般真机调试怎么做,原理是什么
    14.堆排他问我为什么用二叉树,时间复杂度怎样
    15.你有什么想问的
    16.推荐你的同学,比你优秀的
    17.回去不要着急等通知
    18.你觉得你比他们的劣势
    
    二面(挂)
    1.web优化,从大的方面谈
    2.相邻节点链表的逆置
    3.红黑树相关
    4.操作系统
    5.堆和栈的区别,内部存储
    6.malloc分配单元(记不太清了)
    7.c++一些相关知识
    
    总结:楼主基础知识不扎实,二面面试官是个后台面试官,于是乎就挂了,当时挺绝望的,很难受,毕竟进到了二面。。。
    
    好未来
    
    一面
    1.手撕归并排序
    2.布局百度首页(考察居中)
    3.将链表的倒数k个节点逆置
    4.布局表格,点击表头实现特定功能
    5.项目
    6.手撕jsonp
    7.跨域相关
    
    二面
    1.用js实现模拟队列和栈
    2.用js实现二叉树,并删除给定的节点
    3.项目相关
    4.视频/音频相关API
    5.有什么想问的
    
    总结:自以为答得还可以,然而。。。
    
    美团(offer)
    
    一面
    1.自我介绍
    2.文本超出用...实现,单行和多行
    3.iframe缺点
    4.vue双向绑定原理
    5.为什么对前端感兴趣
    6.两列布局,bfc,flex的一些属性代表什么
    7.手撕,输入一个字符串,判断这是一个最多两位小数的数字
    8.vue-router实现原理
    9.js异步加载,defer/async区别
    10.input/textarea区别
    11.input的type属性有哪些
    12.有什么要问我的
    
    二面
    1.你哪方面比较擅长,好,给你js出个题,js实现有两个数组,找出第k大数,要求第一种情况,最短;第二种情况,最少,时间复杂度空间复杂度最低,找出5个边界条件
    2.js实现一棵二叉树
    3.vue/react/angular对比
    4.场景题,设计代码实现切换功能(猜测想考我闭包的问题,我不知道怎么跳过这个问题了)
    5.平常怎么学习的,关注了哪些技术方面的博客,最近印象最深的一篇文章是什么
    
    三面
    1.项目
    2.设计一个弹窗组件,主要要注意些什么
    3.JQuery继承
    4.团队合作
    5.有什么要问我的
    
    HR面
    1.为什么不选成都呢?楼主回答是北京是总部,北京是个大城市,要闯闯
    2.家里的情况
    3.对美团的看法和了解
    4.讲了个通工卖牙膏的笑话。。。
    
    总结:美团面试体验很好,整体给我的感觉是,面试官素质很高,楼主聊得也挺开心,虽然有些问题答得也有所欠缺吧,总体而言还是很愉快的,也很开心能进入这个大家庭。
    
    
    校招,不得不说有很多运气在里面,面试的公司不多,每一次都在积累经验,现场面也是一个优势,和面试官可以更好的交流,一些面经也能派上很大的用场,希望后来人多多准备,有一个美好的未来~
  • 相关阅读:
    彻底理解同步 异步 阻塞 非阻塞
    Vue2+Hbuilder 开发 H5+App 优雅调试
    Vue2+Hbuilderx打包移动端App的常见问题
    题解 loj 6102 斐波那契的最小公倍数
    题解 hdu 4336 Card Collector
    题解 luogu P3715 [HAOI2015]按位或
    python+appium【第二章-adb命令的使用】
    python+appium【第一章-环境搭建】
    python封装上传图片方法执行时有告警【ResourceWarning: Enable tracemalloc to get the object allocation traceback5】
    python需要上传图片或者上传文件的方法【autoit3】
  • 原文地址:https://www.cnblogs.com/susantong/p/7731724.html
Copyright © 2020-2023  润新知