Web前端经典面试试题（三）

一. 什么是Ajax？？？

术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。
Ajax它是“Asynchronous JavaScript + XML的简写”

定义Ajax：

    Ajax不是一种技术。实际上，它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含：
    * 基于XHTML和CSS标准的表示；
    * 使用Document Object Model进行动态显示和交互；
    * 使用XMLHttpRequest与服务器进行异步通信；
    * 使用JavaScript绑定一切。

二. 什么是JSON

JSON来自于javascript，但是应用上面远远不止是javascript的json，它相当于xml，是一种比较流行的标准格式，是数据的载体
javascript json 是用于javascript程序的，它可以支持对象引用以及函数；ajax json只是最简单的字符串和数字，它不可能完全支持javascript里面的数据类型。
相对于XML，JSON更加易读、更便于肉眼检查。在语法的层面上，JSON与其他格式的区别是在于分隔数据的字符

三.浅谈一下如何避免用户多次点击造成的多次请求

我们在访问有的网站，输入表单完成以后，单击提交按钮进行提交以后，提交按钮就会变为灰色，用户不能再单击第二次，直到重新加载页面或者跳转。这样，可以一定程度上防止用户重复提交导致应用程序上逻辑错误。
   还有很多其他的方式进行防止重复点击提交，如
1> 定义标志位：
　点击触发请求后，标志位为false量；请求（或者包括请求后具体的业务流程处理）后，标志位为true量。通过标志位来判断用户点击是否具备应有的响应。
2> 卸载及重载绑定事件：
   点击触发请求后，卸载点击事件；请求（或者包括请求后具体的业务流程处理）后，重新载入绑定事件。
3> 替换（移除）按钮DOM
   点击触发请求后，将按钮DOM对象替换掉（或者将之移除），自然而然此时不在具备点击事件；请求（或者包括请求后具体的业务流程处理）后，给新的按钮DOM定义点击事件。

更多讲解参考：http://www.cnblogs.com/jinguangguo/archive/2013/05/20/3086925.html

四.同步和异步的区别?

同步的概念应该是来自于操作系统中关于同步的概念:
不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式)。同步强调的是顺序性，谁先谁后；异步则不存在这种顺序性。
//
同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作。
//
异步：浏览器访问服务器请求，用户正常操作，浏览器后端进行请求。等请求完，页面不刷新，新内容也会出现，用户看到新内容。

五.异步加载的方式有哪些？

(1)defer，只支持 IE
(2)async:
(3)创建 script，插入到 DOM 中，加载完毕后 callBack

六.27. CORS是什么？对于跨域请求，如何将附带凭证（HTTP Cookie及HTTP认证信息）的请求发送至服务器？（提示：后续真实工作中可能会用到）

跨域请求一直是网页编程中的一个难题，在过去，绝大多数人都倾向于使用JSONP来解决这一问题。不过现在，我们可以考虑一下W3C中一项新的特性——CORS（Cross-Origin Resource Sharing）了。CORS是现代浏览器支持跨域资源请求的一种方式。    

解决方法：        
当你使用XMLHttpRequest发送请求时，浏览器发现该请求不符合同源策略，会给该请求加一个请求头：Origin，后台（php或者其它接收数据方）进行一系列处理，如果确定接受请求则在返回结果中加入一个响应头：Access-Control-Allow-Origin;浏览器判断该相应头中是否包含Origin的值，如果有则浏览器会处理响应，我们就可以拿到响应数据，如果不包含浏览器直接驳回，这时我们无法拿到响应数据。

更多参考地址：www.cnblogs.com/dojo-lzz/p/4265637.html
        http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html

七. 一次完整的HTTP事务是怎样一个过程？

a.域名解析
b.发起TCP的三次握手
c.建立TCP连接后发起http请求
d.服务器端响应http请求，浏览器得到html码
e.浏览器解析html代码，并请求html代码中的资源
f.浏览器对页面进行渲染并呈现给客户

更多详细参考地址：http://www.360doc.com/content/14/0725/20/1073512_397054861.shtml

八. get与post两种方式的优缺点。

get:
    get是从服务器上获取数据，post是向服务器传送数据；
    get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB；
    get安全性非常低，post安全性较高。但是执行效率却比Post方法好；
    get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到；
    在做数据查询时，建议用Get方式；

post:
    post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址，用户看不到这个过程；
    所以：包含机密信息的话，建议用Post数据提交方式；而在做数据添加、修改或删除时，建议用Post方式。

九.对于request.status的http状态码 用于表示网页服务器HTTP响应状态的3位数字代码。1,2,3,4,5开头的状态码分别代表什么（提示：404页面表示禁止访问等）

1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。
2xx （成功）表示成功处理了请求的状态代码。
3xx （重定向） 表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向。
4xx（请求错误） 这些状态代码表示请求可能出错，妨碍了服务器的处理。
5xx（服务器错误）这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误，而不是请求出错。

十.jQuery与jQuery UI有啥区别？

`jQuery`是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。
`jQuery UI`则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等

十一.$(document).ready与window.onload有何区别？

$(document).ready 对于支持DOMContentLoaded事件的浏览器，会使用该事件，所有的节点渲染完毕，就执行,可以调用多次，不支持的就使用 onload事件
window.onload事件要等到所有的资源加载完毕，如图片，视频，js脚本等,只能绑定一次，后面绑定的覆盖前面所绑定的事件

十二.jQuery中，如何阻止事件冒泡和浏览器默认行为？

e.preventDefault();
e.stopPropagation();

十三. Node.js的适用场景？

高并发、聊天、实时消息推送、服务器做前端资源压缩

十四. 那些操作会造成内存泄漏？

内存泄漏是指任何对象在您不再拥有或需要它之后任然存在。
垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量，如果一个对象的引用数量为0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。
//
setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。
闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）

十五.call() 和 .apply() 的区别？

call方法: 
    语法：call(thisObj，Object)
    定义：调用一个对象的一个方法，以另一个对象替换当前对象。
    说明：
    call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 
    如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 

apply方法： 
    语法：apply(thisObj，[argArray])
    定义：应用某一对象的一个方法，用另一个对象替换当前对象。 
    说明： 
    如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 
    如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。