一篇还算正规的前端面经

写这篇面经之前,先 % 一下我们的叶神,没有他可能我想要拿这些offer也是天方夜谭了..
感谢牛客网和各位牛友给到我的面经和建议
话不多说,开始正题,内容可能更偏大方向一点..具体面试内容会少一点

个人情况
四川大学软件工程本科。
实习经历:从2月到现在一直在实习..工作参与度非常高..有写出完整上线且收益可观的产品
技术栈:vue-cli搭建的全家桶
目前拿到的offer:百度、头条、京东、猿辅导、追一科技。
面过挂掉的公司:腾讯、网易、快手。

前端面试前准备和常考点
1.JavaScript高级程序设计(红宝书),看个两三遍..其义自见,面试内容基本逃不过红宝书里的东西。继承、原型链、作用域链百考不厌。
2.es6标准入门(阮一峰),不要只是了解es6有哪些东西,建议直接看线上版,一个一个块去学习..面试官问es6了解哪些的时候你说的越多评价越高,比较核心的内容:箭头函数,promise,map,set,let,const,class,symbol,generator。es7:async,await
3.玩转数据结构(慕课网,网上可以找到百度云资源),非常重要,前端同学不要觉得数据结构没用.. 实际上了解更多的数据结构可以让你编码更加轻松和流畅(解析后台数据的时候也会更加清楚怎么做)。还有就是一定要跟着写,像链表、队列、二叉树、堆跟着写一下就好..面试过程中有遇到手写bst的add..前中后序遍历..删除节点
4.剑指offer和LeetCode,不管你觉得前端需不需要会算法,刷就行了
5.个人技术栈是vue。针对vue:双向数据绑定原理(被问到吐,最好会写一个简单的双绑),v-model原理(快手挂掉的原因),diff算法(考得较少),vue和其他框架的区别(一般react),vue代码优化,组件编写要点,vue-router原理(如何加入动态参数),vuex解决了什么有哪些模块
6.移动端(个人有半年左右的移动端开发经历,所以问得较多):300ms产生原因和解决方案,点击穿透事件,如何做自适应,兼容性问题如何解决,input框被输入法遮挡解决方案
7.计算机网络,非常非常重要,大厂必问。osi七层模型/tcpip四层模型,http1.0 1.1 2.0区别,https原理,请求响应报文header具体内容(了解的越多越好),请求方式,各种响应码(最重要的304一定要说清楚,详见http缓存详解,***-control),tcp/udp不同,tcp(三握四挥、syn洪泛、流量控制、拥塞控制、滑动窗口协议),dns解析,个人还被问过mac/ip。
8.os:进线程区别,调度和通信方式。
9.数据库:除了事务以外我不会..一般不会问
10.前端优化问题(各种方案,最好能手写)
11.比较常考的前端代码题:节流防抖、bind底层、extend底层、$底层、cookie封装、扁平化、柯里化、promise原理、手写闭包、手写ajax、串行ajax请求处理、url处理、promise封装ajax。
12.设计模式(单例、工厂、观察者、订阅发布者),最好能手写
13.浏览器机制(异步机制、线程宿主环境),微宏任务(非常重要),URL输入到绘制的全过程
14.后台(基本没被问过..),楼主也只会点点nodejs,入门级别(会写爬虫,简单搭建服务器,了解koa洋葱圈模型,express中间件写法)
15.html:h5相关内容,加分点:canvas 和 webgl
16.css:选择器相关、双列等高三列自适应布局等、垂直居中(可能不定高)、动画(多写..js动画了解jq和velocity)、css3相关(transition/transform)、bfc(形成方式)、display/position参数、flex参数,border相关绘图,box-sizing参数
17.spa相关(首屏加载,白屏问题,路由转换,seo)
18.服务器端渲染(不会问太深,加分项)
19.websocket原理和服务器端推送机制,长短轮询

面试过程中的注意事项和加分点
1.保持自信和大方,面试通常时间在1小时之内,除了我们的基本知识体系以外,保持一个良好的面试状态会给面试官留下很好的印象。
2.准备一致的开场语(自我介绍环节)
3.回答面试官的问题时,不要局限为他问的东西,多扩展,还有切记听清楚了想好了再回答
4.准备一些前端新技术:pwa,app *** , react native, hybird,非常非常能加分

后记
1.不要放弃自己,楼主7月开始秋招,7-8月一直挂,9月开始开挂1场面试没有挂过,所以多总结多学习,一味停留在失败中并不可取。
2.不要抱怨,面试 = 实力 + 运气,过硬的实力是通过面试所必备的但运气依然重要,遇到极端的面试官报以此处不留爷自有留爷处的心态就好了。
3.多看面经,多写代码,自己的项目不但要了解更要深入。
4.最近看到很多同学吐槽前端面试手写代码的,但是前端也是程序员啊..招你过去就是写代码的。
5.多转杨超越,真的有用哈哈。
6.大家有什么增加的可以写出来..面经的意义本来就在于一起提升

#前端##面经#
全部评论
web安全方面:xss 和 csrf 攻击原理和防范方式 跨域:jsonp cors websocket iframe proxy
点赞 回复
分享
发布于 2018-09-30 13:45
感谢感谢,沾沾喜气😄
点赞 回复
分享
发布于 2018-09-30 13:24
阿里巴巴
校招火热招聘中
官网直投
感谢楼主,现在大三下学期刚开始学前端,不知道六个月能不能吃透这些知识😂
点赞 回复
分享
发布于 2019-03-20 21:03
实在是 太干货了 感谢分享
点赞 回复
分享
发布于 2018-09-30 13:22
忘了沾沾喜气了
点赞 回复
分享
发布于 2018-09-30 13:23
多谢分享,沾沾大佬的喜气!
点赞 回复
分享
发布于 2018-09-30 13:26
同级的校友好哈哈
点赞 回复
分享
发布于 2018-09-30 13:27
给大佬顶帖
点赞 回复
分享
发布于 2018-09-30 13:28
打算去哪里呢 ? 
点赞 回复
分享
发布于 2018-09-30 13:38
很有用
点赞 回复
分享
发布于 2018-09-30 13:42
补充一下,还有web安全相关的
点赞 回复
分享
发布于 2018-09-30 13:42
感谢楼主分享
点赞 回复
分享
发布于 2018-09-30 13:43
我也是前端,楼主总结的很到位,面试高频率题,看着这么多知识点,一个一个的捋一遍,发现还是有很多欠缺,现在签了意向书,不过还是要每天学习,把不足之处补上
点赞 回复
分享
发布于 2018-09-30 13:50
构建工具问的多吗
点赞 回复
分享
发布于 2018-09-30 13:56
蹭蹭大佬喜气,谢谢大佬的分享
点赞 回复
分享
发布于 2018-09-30 15:04
好帖~
点赞 回复
分享
发布于 2018-09-30 15:19
大佬啥部门呢?我是百度智能云 不清楚这个部门怎么样 也是前端
点赞 回复
分享
发布于 2018-09-30 15:32
楼主能不能给在下分享一下玩儿转数据结构?谢谢😬
点赞 回复
分享
发布于 2018-09-30 18:26
哇!楼主棒(๑•̀ㅂ•́)و✧可惜我这么晚才看到。国庆节之后应该没有多少公司再招了吧(我指的技术岗)。不知道老铁的vue是怎么学的,我都不知如何下手。还有请问这些新技术你是咋学的呢?
点赞 回复
分享
发布于 2018-09-30 18:51
谢谢大佬分享,如果早点看到大佬的面经就好了
点赞 回复
分享
发布于 2018-09-30 19:26

相关推荐

55 735 评论
分享
牛客网
牛客企业服务