CODE大全
版权声明:本文为博主原创文章,未经博主允许不得转载。

HTML5 web前端 面试题大全

发布时间:『 2015-02-28 17:53』  博客类别:WEB前端  阅读(1620) 评论(0)

使用 CSS 预处理器吗?喜欢哪个

答案解析:SASS

什么是盒子模型

答案解析

在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

CSS实现垂直水平居中

答案解析

一道经典的问题,实现方法有很多种,以下是其中一种实现:

HTML结构

<div class="wrapper">
    <div class="content"></div>
</div>

CSS

.wrapper{position:relative;}
.content{
	background-color:#6699FF;
	width:200px;
	height:200px;
	position: absolute; //父元素需要相对定位
	top: 50%;
	left: 50%;
	margin-top:-100px ; //二分之一的height,width
	margin-left: -100px;
}

简述一下src与href的区别

答案解析

href 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。

src是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

简述同步和异步的区别

答案解析

同步是阻塞模式,异步是非阻塞模式。

同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;

异步是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会通知进程进行处理,这样可以提高执行的效率。

px和em的区别

答案解析

px和em都是长度单位,区别是,px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。

浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em

浏览器的内核分别是什么

答案解析

IE: trident内核

Firefox:gecko内核

Safari:webkit内核

Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核

Chrome:Blink(基于webkit,Google与Opera Software共同开发)

HTML5 有哪些新增的表单元素

HTML5 新增了很多表单元素让开发者构建更优秀的 Web 应用程序。

datalist
datetime
output
keygen 
date 
month 
week
time
color
number 
range 
email 
url

HTML5 废弃了哪些 HTML4 标签

HTML5 废弃了一些过时的,不合理的 HTML 标签

frame
frameset
noframe
applet
big
center
basefront

HTML5 标准提供了哪些新的 API

HTML5 提供的应用程序 API 主要有

Media API
Text Track API
Application Cache API
User Interaction
Data Transfer API
Command API
Constraint Validation API
History API

HTML5 应用程序缓存和浏览器缓存有什么区别

应用程序缓存是 HTML5 的重要特性之一,提供了离线使用的功能,让应用程序可以获取本地的网站内容,例如 HTML、CSS、图片以及 JavaScript。这个特性可以提高网站性能,它的实现借助于 manifest 文件,与传统浏览器缓存相比,它不强制用户访问的网站内容被缓存。

介绍js的基本数据类型

Undefined、Null、Boolean、Number、String

js有哪些内置对象

数据封装类对象:Object、Array、Boolean、Number 和 String

其他对象:Function、Arguments、Math、Date、RegExp、Error

this对象的理解

this总是指向函数的直接调用者(而非间接调用者);

如果有new关键字,this指向new出来的那个对象;

在事件中,this指向触发这个事件的对象,特殊的是,IE中的attachEvent中的this总是指向全局对象Window。

eval是做什么的

它的功能是把对应的字符串解析成JS代码并运行;

应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,一次执行)。

由JSON字符串转换为JSON对象的时候可以用eval,var obj =eval('('+ str +')')。

DOM怎样添加、移除、移动、复制、创建和查找节点

// 创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
// 添加、移除、替换、插入
appendChild()
removeChild()
replaceChild()
insertBefore() //在已有的子节点前插入一个新的子节点
// 查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于name值的)
getElementById() //通过元素Id,唯一性

null和undefined的区别

null是一个表示"无"的对象,转为数值时为0;undefined是一个表示"无"的原始值,转为数值时为NaN。

undefined

  1. 变量被声明了,但没有赋值时,就等于undefined。

  2. 调用函数时,应该提供的参数没有提供,该参数等于undefined。

  3. 对象没有赋值的属性,该属性的值为undefined。

  4. 函数没有返回值时,默认返回undefined。

null

  1. 作为函数的参数,表示该函数的参数不是对象。

  2. 作为对象原型链的终点。

new操作符具体干了什么呢

  1. 创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。

  2. 属性和方法被加入到 this 引用的对象中。

  3. 新创建的对象由 this 所引用,并且最后隐式的返回 this 

JSON 的了解

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小。

格式:采用键值对,例如:{'age':'12', 'name':'back'}

call() 和 apply() 的区别和作用

apply()函数有两个参数:第一个参数是上下文,第二个参数是参数组成的数组。如果上下文是null,则使用全局对象代替。

如:function.apply(this,[1,2,3]);

call()的第一个参数是上下文,后续是实例传入的参数序列。

如:function.call(this,1,2,3);

如何获取UA

function whatBrowser() { 
	document.Browser.Name.value=navigator.appName; 
	document.Browser.Version.value=navigator.appVersion; 
	document.Browser.Code.value=navigator.appCodeName; 
	document.Browser.Agent.value=navigator.userAgent; 
}

——— 全文完 ———
如有版权问题,请联系532009913@qq.com。
关键字:   前端面试题     js面试题     面试题     程序员面试  
评论信息
暂无评论
发表评论
验证码: 
Powered by CODE大全 | 鄂ICP备14009759号-2 | 网站留言 Copyright © 2014-2016 CODE大全 版权所有