毕业一年左右的前端妹子面经总结
前言
嗯(emmmm),这篇面经我两周在SegmentFault上写过啦,现在在掘金上再更新一下会不会有人想揍我:你看又来了又来了~因为答应了一位技术经理不能食言在掘金上也写写文章,所以如果看过的那就再看一次吧(我已经推迟一天啦,摸摸自己的小肚子,周末吃喝玩乐+学习了),但是我记得要更新,你看是吧!作为一位去年才毕业的前端妹子来说,其实还是个技术小白啦,近几年还是想在技术上能有一个很大的提升,奔着我追求的永无止境的前端大神之路,开启了我一周左右的面经之路,大大小小的公司都有面,我就是奔着涨知识和积累经验去的!!!
面试前需要注意的细节点
简历一定要写好,这个不用多说啦
先想清楚你辞职想去的下一家的初衷是什么,是加薪资、提升技术 or 换个工作环境。根据你自己的真实情况,投简历的时候针对性地看看公司的招聘要求,先看看符合度是多少,以免遇到要求极度不符合又没有在商量好的前提下去面试了,最后的结果可能就是你还不错,但是不符合我们公司的要求。
准备工作要做好,我是因为才去年毕业啦,所以集中准备在基础知识和目前在用的VUE框架这两块啦,其他的知识点我平时在撸代码的时候都有在做笔记,所以都会扫一遍知识点,其他的你实际工作中没有用到的但是比较流行的也不能忽略哦,了解一下或者临时补一下,不要被问到没有听过有点尴尬的。面试完一家记得被面到不会的要 做笔记做笔记!!!就当做是学习吧,而且有时候真的受益匪浅~
规划好你自己的面试时间,提前对要面试的公司做个简单的背景了解。我是一个比较想把事情集中在一个时间点一起做的人,所以提完离职后专心面试,一天会安排2-3家面试,面试前看看你即将面试的公司规模大小背景简单地了解一下,公司的面试流程一般是笔试 or 电话面试 (可无) —> 技术面(1-2轮) —> HR面 PS:我有两家公司还去了复试,不要管为什么,我就是去学习的。一直在鼓励自己给自己加油
面试知识点
在面两个大公司和一个小公司的时候,尤其是一个传统行业的大型公司时,也有可能是我年限的问题,尤其注意基础,无论是笔试还是技术主管面试的时候都集中在这块,像原生JS、原生Ajax等,,(这些虽然我在工作中用的也不是很多ennnn,原生的是用的不多,但是我自己很注重),说下面试碰到的吧(一些记不住了,想起来我可能也来不及补了,我懒哦~)。
HTML以及CSS篇,集中在CSS(CSS重要重要重要!)
说下你常用的几种布局方式
集中往盒模型、flex布局说(至于grid布局,这个我看过没有用到过)实现水平居中的几种方法?
animate和translate有没有用过,一些常见的属性说下?
CSS实现宽度自适应100%,宽高16:9的比例的矩形。
如何实现左边两栏一定比例,左栏高度随右栏高度自适应?
JavaScript篇(重要)
- 变量提升遇到的一些简单code题
- 说一下对闭包的理解,以及你在什么场景下会用到闭包?
- 说一下你对原型与原型链的了解度,有几种方式可以实现继承,用原型实现继承有什么缺点,怎么解决?
- iframe的缺点有哪些?
- Ajax的原生写法
- 为什么会有同源策略?
- 前端处理跨域有没有遇到过,处理跨域的方式有哪几种方式去解决
- 怎么判断两个对象是否相等
- 代码实现一个对象的深拷贝
- 从发送一个url地址到返回页面,中间发生了什么
- 说下工作中你做过的一些性能优化处理
ES6篇(引导篇,相对重要)
这块面试官主要是问你哪块用的比较多,你可以引导性地把面试官往你会的地方说
箭头函数中的this指向谁?
如何实现一个promise,promise的原理,以及它的两个参数是什么?
promise中第二个参数的reject中执行的方法和promise.catch()都是失败执行的,分别这么写有什么区别,什么情况下会两个都同时用到?
map和set有没有用过,如何实现一个数组去重,map数据结构有什么优点?
计算机网络篇(相对重要)
emmmm(之前我在sf上打的是ennnn,一个小伙伴给我纠结了一下那我这里就纠正一哈),因为我专业是网络工程的,在华三和另一家公司面试的时候没有被少问这些问题
PS:其实我内心很奔溃啊,大学我没有很认真听课哒,哭哭哭哭哭
- http、https、以及websocket的区别
- http常见的状态码,400,401,403状态码分别代表什么?
- 协商缓存和强缓存的区别
- 说下计算机网络的相关协议?
浏览器兼容性问题
这个重点说下(仅仅相对我自己来说哈),因为我的工作主要还在专注在web端,所以浏览器兼容性的问题没有少碰到过,因主要是兼容IE8以上以及其他各个浏览器,这个就当做总结一下吧(在被问到这一块的时候其实我是有加分的,因为回答的比较多2333)
使用meta标签来调节浏览器的渲染方式,告诉浏览器用哪种内核渲染,360双核浏览器就是在ie和chrome之间来回切换,现在使用meta标签来强制使用最新的内核渲染页面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
rgba不支持IE8 解决:用opacity
CSS3前缀
-webkit- webkit渲染引擎 chrome/safari
-moz gecko引擎 firefox
-ms- trident渲染引擎 IE
-o- opeck渲染引擎 opera
过渡不兼容IE8,可以用JS动画实现
background-size不支持IE8,可以用img
使用PIE.htc让IE6/7/8支持CSS3部分属性,像CSS3的border-radius,box-shadow,css backgrounds(-pie-background),Gradients,RGBA属性
.border-radius {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #abcdef;
behavior: url(css/PIE.htc);}
用css hack
IE6: _
IE7/7: *
IE7/Firefox: !important
IE7: *+
IE6/7/8: \9
IE8: \0
IE浮动下margin产生的双倍距离,通常使用float:left来实现,浏览器存在兼容性问题,导致图片与 后面的内容存在margin不一致的问题,解决方法就是给图片添加diaplay:inline即可
ie8不支持nth-child,但支持first-child和last-child,可以通过转化写法来处理问题,span:nth-child(2)可以转换为span:first-child+span,可以使ie8显示该内容,last-child可以自定义一个class类兼容ie8写法
IE8下不支持HTML5属性placeholder,解决问题的js插件挺多的,常用的使用jquery.JPlaceholder.js插件处理问题
识别HTML5元素,IE中可能无法识别nav/footer,使用html5shiv
火狐下表单阻止表单默认提交事件:在form中添加 action="javascript:",秒杀上述所有默认行为;
始终为按钮button添加type属性,IE下的默认类型是button,其他浏览器下的默认类型是submit
IE下删除所有不必要的console语句,IE下当遇到console时不识别之后报错,代码不会执行,或者全局自定义一个window.console方法
IE浏览器下由于参数过长导致通过GET请求下载文件方法报错,解决改为POST请求
IE浏览器下iframe弹窗中输入框光标丢失(无法输入)问题,解决清一下frame
兼容IE8 new Date()返回NaN问题,解决自定义方法
function parseISO8601(dateStringInRange) {var isoExp = /^\s*(\d{4})-(\d\d)-(\d\d)\s*$/,date = new Date(NaN), month,parts = isoExp.exec(dateStringInRange);if(parts) {month = +parts[2];date.setFullYear(parts[1], month - 1, parts[3]);if(month != date.getMonth() + 1) {date.setTime(NaN);}}return date;
}
Vue相关知识点 (框架之一重要)
因为我简历上主要写的是会vue啦,其实也不是精通,因为边学边开发,主要是实践的项目不是特别复杂,不过常见的一些坑点还是有遇到的啦,这个是看你会的框架问相应的知识点
简单阐述一下vue的生命周期
如何实现一个自定义组件,不同组件之间如何通信的?
父子组件如何通信的?
前端路由有没有用过,你在项目中怎么实现路由的嵌套?
nextTick和Vuex两个有没有用过,分为什么情况下用到?
Vue的响应式原理你知道是怎么实现的吗?你觉得订阅者-发布者模式和观察者模式有区别吗?有的话,说一下它们的区别。
构建相关
因为项目还在前后端未分离的时候,我研究的gulp比较多,像grunt、fis3也有了解过,webpack打包工具在用vue的时候肯定也接触到啦,但是研究不深,只能算入门阶级(别吐槽,实践确实不多),所以我就直接很诚实地和面试官说了,面试官好像也能理解也就没有这么问(心里暗自开心哈哈哈哈),不过我觉得还是有必要都去熟悉或者实践一下,多知道一点不会死哒!
Other
有一些技术主管会考量一下你除了前端之外的技术能力,例如你熟悉的后端语言,sql会不会,还有人问我Linux命令会不会的(我内心:不会不会不会====),哈哈哈,不过node多多少少都有在用,这个也是前端应该要会的啦(but技术小白我不会,只是用到一点点~)
PS:对啦,忘记说啦,还有版本控制工具svn和git,大部分会问你git会不会,这个用了github的肯定都会啦,我之前公司代码的控制工具都是svn啦,不过git我现在也很自信地说会啦,毕竟入职一周了唉唉唉~
最后
把面试当做学习,这个过程你会收益很大。自己也拿到了几家还不错的offer,最后选择了我比较满意的一家公司,我并没有特别在意薪资这块,都是综合考虑的一个结果啦!前端知识很杂,可能实际工作中用到的技术,像框架都是跟着公司的要求走的,像我最近也在看React啦,Vue和React都对比着再学习,不要问我为什么没有在看Angular(懒懒懒),因为新公司说是偏向于React,所以最重要的还是更看重基础知识的积累吧,当然,开心最重要~
最后的最后,说明一下,知识点是自己面试的时候被问到哒,参考参考,当然能帮助到一些人我已经很开心啦,我还是懒没有附上答案,所以还有小心心支持我这个前端菇凉吗
本文来源:掘金如需转载请联系原作者
毕业一年左右的前端妹子面经总结相关推荐
- 一位非科班,台湾前端妹子的硅谷之路
链接:https://medium.com/hannah-lin/從非本科系到矽谷工程師-夢想完成後的學習-5da3945182e3 作者:Hannah Lin 整理:前端达人 大家好,今天浏览网站, ...
- 毕业年限不长的前端焦虑和突破方法
大家好,我是若川.今天周六,分享一篇相对轻松的文章. 经作者@耳东蜗牛 授权转载 链接:https://juejin.cn/post/6968002742321152014 也可点击文末阅读原文直达 ...
- 我,大专毕业2年,从前端转型大数据开发,薪资涨了10K!
点击上方 "大数据肌肉猿"关注, 星标一起成长 点击下方链接,进入高质量学习交流群 今日更新| 950个转型案例分享-大数据交流群 今天分享学习群一位同学的转型经历,他19年大专毕 ...
- 每日一皮:前端妹子喜欢的纹身,要不要来一发
「程序猿DD」星球活动第一期进行中!点击了解详情! 这个纹身将前端的两个心头宝组合了在一起 科技和可怕的双关... 往期推荐 每日一皮:一个项目开发的真实写照... 每日一皮:昨晚梦见男朋友和别的女人 ...
- web页面开发,一个前端妹子的面试笔记,知乎上已获万赞
前言 年前准备换工作,总结了一波面试最频繁的面试问题跟大家交流.此文章是关于浏览器的常见问题,大概面试10家遇到6家提问类似问题(主要是大厂和中厂).目前入职滴滴出行成都团队. 面试前的准备 在这部分 ...
- 程序员群嘲红芯浏览器:注释过度很业余 创新混淆视听:15篇前端热文回看
(点击上方公众号,可快速关注) 本文精选了「前端大全」2018 年 8 月的 15 篇热门文章.其中有技术分享和技术资源. 注:以下文章,点击标题即可阅读 <程序员群嘲红芯浏览器:注释过度很业余 ...
- 这些年掘金上的优质前端文章,篇篇经典,一次打包带走!
前言:近日发现掘金上有所有的热门文章的排行榜,但是仅仅只是排行,不利于收藏查阅.于是乎我就把热门文章全部爬下来了(站长看到别打我啊?),相信这些获得高赞文章质量不会差,爬完做了分类后不敢私藏,和大家一 ...
- 给Lulu的书签,链接及其他
倒序更新,所以前面的是新写的 这里掘金本文不再更新,转到简书 给Lulu的笔记,书签,链接及其他 2018年6月26日 把小程序的教程蓝欧拷贝给你 这个网站很好 伯乐在线 web.jobbole.co ...
- 2019文章分类汇总
点击上方"IT平头哥联盟",选择"置顶或者星标" 你的关注意义重大! 前言 今天是2019年最后一天,本年度共更新了220篇文章,让我们一起来回顾一下这一年我们 ...
最新文章
- qt widget 窗口拉伸_QTDesigner的QVBoxLayout自动随窗口拉伸
- Java设计模式(一):策略设计模式
- 通俗易懂两种常用的多线程实现方式——Java并发系列学习笔记
- 只会用单片机点灯,很丢人吗?
- LeetCode MySQL 1158. 市场分析 I
- 菜鸟ING的博客终于开园了。
- UVALive - 6440
- Picasso,Glide,Fresco对比分析
- 原创 | 职场二十年(一)电话风波
- visual studio 2015 Enterprise key vs2015密钥
- Mysql监控工具–mytop
- 计算机中ms-dos什么意思,msdos是什么意思
- 如何把视频和音频合并?手把手教你合并
- 华中农业大学python实验题
- Alpha、Beta、RC、GA、LTS等软件各个版本号的含义
- 热泵烘干机原理介绍,提供烘干房温度-奥伯特
- 软件系统架构设计的六大原则
- 水滴公司:左手口碑,右手商业
- 小波分析在matlab上的实现
- Verious结盟Elance力推“一站式组件交易服务”