前端第一次电话面试

    本人接触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）。绝对定位的框可以从它的包含块向上、右、下、左移动。
　　绝对定位的框脱离普通流，所以它可以覆盖页面上的其他元素，可以通过设置Ｚ-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%)；

其他的问题不怎么记得了。。。。。。。

 

转载于:https://www.cnblogs.com/yrrun/p/7819030.html