前端第一次电话面试
本人接触Web前端刚刚四个多月,只学习了HTML、CSS、JavaScript和JQuery的基础知识,是个十足的菜鸟。研二刚刚搞完自己的小论文,就迫不及待的想去找一份前端实习的工作,在同学的推荐下,投了某公司的前端实习岗位。几天之后,就接到了公司的电话,直接在电话中就问我一些专业问题,真的是迫不及防。对方问的问题真的是非常的基础,我也磕磕碰碰地回答了一些,然后就让我等电话通知。现在10多天过去了,还是没有消息,我想这份实习岗位应该是黄了。期间本人也在网上投了一些其他公司的实习岗位,也是没有消息,发现找实习也不是一件轻松的事。哎!只能是慢慢积累经验了。下面我就将那一次电话面试的问题总结一下,希望对我以后会有些帮助。
1、HTML5标签的优点,添加了哪些新标签:
HTML 5应用相比HTML 4更加成熟,总的来说HTML 5改进点有以下几个方面:
1、增强HTML表单功能、引入更多灵活的段落标签、新功能标签。
2、用户交互性增强,如details、datagrid、menu、command等属性,相关:网页编程中如何动态的添加删除表格行
3、引入<canvas>标签,并支持直接用脚本绘图。
4、沙盒机制,隔离潜在的威胁。可有效防止访问父页面DOM、读写Cookie、本地存储数据库等。
5、内建3D技术支持,无需插件即可将网页3D化,还规定了一套适合网页使用的3D图形接口界面,支持脚本化运行。
6、引入更多创建Web应用的API,如文件拖放、视频播放、音频播放、离线Web应用等。header
header nav section footer article aside figure audio video source canvas datalist embed time address map area mark details.
2、CSS中定位的特点:
1、相对定位
被看作普通流定位模型的一部分,定位元素的位置相对于它在普通流中的位置进行移动。使用相对定位的元素不管它是否进行移动,元素仍要占据它原来的位置。移动元素会导致它覆盖其他的框。
2、绝对定位
相对于已定位的最近的祖先元素,如果没有已定位的最近的祖先元素,那么它的位置就相对于最初的包含块(如body)。绝对定位的框可以从它的包含块向上、右、下、左移动。
绝对定位的框脱离普通流,所以它可以覆盖页面上的其他元素,可以通过设置Z-Iindex属性来控制这些框的堆放次序。
3、固定定位
相对于浏览器窗口,其余的特点类似于绝对定位。
3、什么是盒子模型?标准浏览器和ie浏览器盒子模型的区别。
盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型:
从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。
从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 padding。
4、JavaScript的变量类型
Undefined、Null、Boolean、Number、String、Object
5、jQuery中选择器与原生的JavaScript选择元素的区别:
(好像是这样问的,不记得了,没有答出来后续解决)
6、JavaScript中this是什么意思,如果要封装,this怎么操作
call()和apply()方法,this问题有点讲究,后期来个总结。
7、CSS中怎样实现一个盒子垂直居中
(1)给盒子设置position属性(relative,fixed,absolute),top=50%,margin-top为盒子自身高度一半的负数;
(2)CSS3中transform: translateY(-50%);
其他的问题不怎么记得了。。。。。。。