基础面试题

1.对WEB标准以及W3C的理解与认识？

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率

使用外链css和js脚本

文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问

更少的代码与组件，便于维护，便于改版。提高网站的易用性。

2.XHTML和HTML区别是什么？

HTML是一种基本的WEB网页设计语言，而XHTML是一种基于XML的置标语言。不同在于：

XHTML元素必须被正确的嵌套。

XHTML元素必须被关闭。

标签名必须是小写字母。

XHTML文档必须拥有根元素。

3.CSS的引入方式有哪些？link和@import的区别是？？

内联 内嵌  外链 导入

区别是：同时加载

前者无兼容性，后者在CSS2.1以下的浏览器不支持

link支持JavaScript改变样式，后者不可。

link方式的样式权重高于@import方式的样式权重。

4.img标签上的title 和alt的区别是什么？

alt当图片不显示时，用文字代表

title为该属性提供信息。

5.CSS的盒子模型

（1）IE盒子模型、标准的w3c盒子模型   IE盒子模型content包括边框（border）内边距（padding）

（2）盒模型：内容（content）、填充（padding）、边界（margin）、边框（border）

6.position的absolute和fixed的共同点与不同点

共同点：

改变行内元素的呈现方式，display被设置为inline-block；

让元素脱离普通流，不占据空间。

默认会覆盖到非定位元素上。

不同点：

absolute的“根元素”是可以设置的，而fixed的"根元素"固定为浏览器窗口。

当你滚动网页时，fixed的元素与浏览器窗口的高度是保持不变的。

7.JavaScript 的typeof返回有哪些数据类型

object  function   boolean   number  undefined

8.如何阻止冒泡事件和默认事件

return false  event.stopPropagetion()  event.preventDefault()

9.this对象的理解

this总是指向函数的直接调用者（而非间接调用者）

如果有new关键字，this指向new出的那个对象。

在事件中，this指向触发这个事件的对象

10.eval是做什么的？

它的功能是把对应的字符串解析成js代码并运行。*（但是尽量避免使用eval，不安全，也非常耗能）。

11.事件、IE和火狐的事件机制有什么区别？？如何阻止冒泡？

事件：我们在网页中的某个操作。（例如：click）

IE的事件机制是冒泡  火狐的事件机制捕获。

阻止冒泡： event.stopPropagation();

12.DOM操作

1.创建新节点

createDocumentFragment()  创建一个DOM 片段

createElement()  创建一个具体元素

createTextNode() 创建一个文本节点

2.添加、移除、替换、插入

appendChild()

removeChild()

replaceChild()

insertBefroe()

3.查找

getElementById() 元素id

getElementsTagName()  标签名

getElementName()  通过元素的属性值name。

13.ajax是什么？运行原理有哪些？

ajax（异步的JavaScript xml）刷新局部页面数据而不是重新加载整个页面。

第一步：创建XMLHttpRequest对象，var xmlhttp= new XMLHttpRequest();XMLHttpRequest用来和服务器交换数据。

第二步:使用XMLHttpRequest对象的open()send()方法发送资源请求到服务器。

    xmlhttp.opne(method,url,async),其中method包括get和post，url指文件或者资源路径。

第三步：使用XMLHttpRequest对象的responseText或者responseXML属性获得服务器响应。

第四步：onreadystatechange函数，当发送求情到服务器，我们想要服务器响应并执行一些功能就需要onreadystatechange函数。

14.ajax中的async属性值之同步和异步及同步和异步区别

1.async的值为true（异步）

当ajax发起请求的后，在等在server返回的过程中，前台会继续执行ajax之后的脚本，直到server返回正确的结果才会去执行success。这个过程中执行了两个线程。一个是ajax发起请求后的线程，一个是在等待server返回结果的过程中在执行ajax块之后脚本的线程。

2.async的值为false（同步）

当执行当前ajax发起的请求的时候会停止执行后面的脚本，直到ajax执行完毕后，才能继续执行后面的js代码。

ajax的缺点

1ajax不支持.浏览器的back按钮。

2.安全问题 ajax暴露与服务器交互的细节。

3.对搜索引擎的支持比较弱

4.破坏了程序的异常机制。

5.不容易调试。

15.如何解决跨域问题

jsonp  iframe  window.name  window.postMessage  服务器上设置代理页面

16.HTML5新增元素和删除元素有哪些？

 新增元素：

（1）用于构建页面的语义元素：<article><aside><figcaption><figure><footer><header><nav><section><details><sumary>

（2）用于标示文本的语义元素：<mark><time><wbr>

（3）web表单及交互：<input>(不是新元素，但增加了许多类型)<detalist><kegen><meter><progress><command><menu><output>

（4）音频视频及插件：<audio><video><source><embed>

（5）Canvas：<canvas>

（6）非英语支持：<bdo><rp><rt><ruby>

删除元素：

（1）<big><center><font><tt><strike>

（2）<acronym><applt>