前端ajax面试题及答案
Ajax常见面试题
1. Ajax有四种技术组成：DOM,CSS,JavaScript，XmlHttpRequest中控制文档结构的是：（）A DOMB CSSC javascriptD XMLHttpRequest参考答案：A2. 在Ajax的四种技术中，控制通信的是哪一个？（）A DOMB CSSC javascriptD XMLHttpRequest参考答案：D3. 在Ajax的四种技术中，JavaScript的主要作用是：（）A 控制页面显示风格B 控制文档结构C 控制通信D 控制其他的三个对象参考答案：D49．当XMLHttpRequest 对象的状态发生改变时调用yourCallback 函数，下列选项中正确的是（）。
A．xmlHttpRequest. yourCallback = onreadystatechange; B．xmlHttpRequest.onreadystatechange (yourCallback); C．xmlHttpRequest.onreadystatechange (new function(){yourCallback }); D．xmlHttpRequest.onreadystatechange = yourCallback;50．关于XmlHttpRequest 对象的五种状态，下列说法正确的是（）。
A．1表示新创建B．2表示初始化C．3表示发送数据完毕D．4表示接收结果完毕5. 在处理应答中，如果我们要以文本的方式处理，我们需要在参数表中放置XMLHttpRequest对象的什么属性？（）A xhr.responseTextB xhr.responseXMLC xhr.requestTextD xhr.requestXML参考答案：A6. 在处理应答中，如果我们要处理XML文档，我们需要在参数表中放置XMLHttpRequest 对象的什么属性？（）A xhr.responseTextB xhr.responseXMLC xhr.requestTextD xhr.requestXML参考答案：B7. 在IE浏览器上创建XMLHttpRequest对象的方法是？（）A var a=new ActiveXObject("Microsoft.XMLHTTP");B var a=new XMLHttpRequest();参考答案：A8. xhr.status==200表示什么？A 表示错误B 表示找不到资源文件C 表示成功参考答案：C9. xhr.status==404表示什么？A 表示错误B 表示找不到资源文件C 表示成功参考答案：B3. 以下哪个技术不是Ajax技术体系的组成部分？a. XMLHttpRequestb. DHTMLc. CSSd. DOM正确答案：bAJAX应用和传统Web应用有什么不同？在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。
Ajax面试题及答案详解
Ajax面试题及答案详解以下是10个与Ajax相关的面试题及答案：●问题：什么是Ajax？●答案：Ajax（Asynchronous JavaScript and XML）是一种使用JavaScript在无需重新加载整个网页的情况下，向服务器发送请求并获取数据的技术。
●问题：Ajax有哪些组成部分？●答案：Ajax包括以下几个组成部分：●JavaScript：用于创建异步请求和处理响应。
●XMLHttpRequest：用于向服务器发送请求并接收响应。
●DOM：用于更新网页内容。
●CSS：用于样式化网页。
问题：如何使用Ajax发送请求？答案：可以使用JavaScript的XMLHttpRequest对象发送请求。
首先，创建一个XMLHttpRequest对象，然后设置请求方法和URL，最后发送请求并处理响应。
问题：如何处理Ajax的响应？答案：在Ajax请求成功后，可以通过XMLHttpRequest对象的responseXML 或responseText属性获取响应数据。
然后，可以使用JavaScript将数据更新到DOM中。
问题：如何处理Ajax的错误？答案：可以通过XMLHttpRequest对象的readyState和status属性判断请求是否成功。
如果请求失败，可以通过error事件处理程序处理错误。
问题：如何使用Ajax发送GET请求？答案：可以使用XMLHttpRequest对象的open方法设置GET请求，然后使用send方法发送请求。
在收到响应后，可以通过responseData属性获取响应数据。
问题：如何使用Ajax发送POST请求？答案：与GET请求类似，可以使用XMLHttpRequest对象的open方法设置POST请求，然后使用send方法发送请求。
在收到响应后，同样可以通过responseData属性获取响应数据。
问题：如何使用Ajax发送JSON数据？答案：可以将要发送的JSON数据转换为字符串，然后使用Ajax发送该字符串作为请求体。
ajax面试题及答案
ajax面试题及答案AJAX（Asynchronous JavaScript and XML）是一种用于在Web应用程序中传输数据的技术。
在面试过程中，面试官可能会针对AJAX技术提出一些问题，用以考察面试者对该技术的理解和应用能力。
以下是一些常见的AJAX面试题及其答案。
1. 什么是AJAX技术？AJAX是一种用于在Web应用程序中实现异步通信的技术。
它利用JavaScript和XML（也可以是其他格式的数据）来实现在不重新加载整个页面的情况下，更新页面的部分内容。
通过AJAX，用户可以与服务器进行数据交互，实现动态的页面加载和数据更新。
2. AJAX的工作原理是什么？AJAX使用XMLHttpRequest对象来与服务器进行数据交互。
当页面需要更新或发送请求时，JavaScript代码会创建一个XMLHttpRequest 对象，并通过该对象向服务器发送请求。
服务器接收请求后，返回需要的数据（通常是JSON格式的数据），然后JavaScript代码根据返回的数据来更新页面的内容。
3. AJAX与传统的页面请求有什么区别？传统的页面请求会导致整个页面的重新加载，而AJAX只更新页面的一部分内容，从而提高了用户体验和页面加载速度。
另外，传统的页面请求是同步的，即页面会等待服务器返回数据后才进行更新，而AJAX是异步的，页面不会被阻塞，用户可以继续进行其他操作。
4. AJAX可以用来做什么？AJAX可以用于实现动态加载内容、表单验证、自动补全、实时数据更新等功能。
它可以根据用户的操作，动态地获取和更新数据，从而提升用户体验。
5. AJAX中的同步请求和异步请求有什么区别？同步请求是指请求发送后，页面会被阻塞，直到服务器返回数据后才进行下一步操作。
异步请求是指请求发送后，页面不会被阻塞，而是可以继续执行其他操作，同时等待服务器返回数据。
在AJAX中，推荐使用异步请求，以提高用户体验。
6. 什么是AJAX的跨域问题？如何解决跨域问题？AJAX的跨域问题是指当使用AJAX请求的目标URL与当前页面的域名不一致时，浏览器会阻止跨域请求。
前端面试题整理—ajax篇
前端⾯试题整理—ajax篇1、什么是Ajax和JSON，它们的优缺点 Ajax是全称是asynchronous JavaScript andXML，即异步JavaScript和xml，⽤于在Web页⾯中实现异步数据交互，实现页⾯局部刷新 优点：可以实现异步通信效果，页⾯局部刷新，带来更好的⽤户体验 JSON是⼀种轻量级的数据交换格式，看着像对象，本质是字符串 优点：轻量级、易于⼈的阅读和编写，便于js解析，⽀持复合数据类型2、ajax的交互流程有哪⼏步？ 1）创建ajax对象 xhr = new XMLHttpRequest 2）规定请求地址 xhr.open(method,url,async) 3）等待服务器相应 xhr.onload 4）向服务器发送请求 xhr.send()3、AJAX应⽤和传统Web应⽤有什么不同 在传统的Js中，如果想发送客户端信息到服务器，需要建⽴⼀个HTML 表单然后GET或者POST数据到服务器端 ⽤户需要点击提交按钮来发送数据信息，然后等待服务器响应请求，页⾯重新加载 使⽤AJAX技术，就可以使Javascript通过XMLHttpRequest对象直接与服务器进⾏交互4、XMLHttpRequest对象在IE和Firefox中创建⽅式有没有不同？ IE中通过new ActiveXObject()得到，Firefox中通过newXMLHttpRequest()得到 使⽤jquery封装好的ajax，会避免这些问题5、ajax如何解决浏览器缓存问题 1）在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0") 2）在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache") 3）在URL后⾯加上⼀个随机数： "fresh=" + Math.random(); 4）在URL后⾯加上时间戳："nowtime=" + new Date().getTime() 5）在jq ajax下，使⽤ $.ajaxSetup({cache:false}) 这样就不会保存缓存记录6、简述ajax的优缺点 优点： 1）⽆刷新更新数据（在不刷新整个页⾯的情况下维持与服务器通信） 2）异步与服务器通信（使⽤异步的⽅式与服务器通信，不打断⽤户的操作） 3）前端和后端负载均衡（将⼀些后端的⼯作交给前端，减少服务器与宽度的负担） 4）界⾯和应⽤相分离（ajax将界⾯和应⽤分离也就是数据与呈现相分离） 缺点： 1）ajax不⽀持浏览器back按钮 2）安全问题 Aajax暴露了与服务器交互的细节 3）对搜索引擎的⽀持⽐较弱 4）破坏了Back与History后退按钮的正常⾏为等浏览器机制7、阐述⼀下异步加载JS 1）异步加载的⽅案：动态插⼊ script 标签 2）通过 ajax 去获取 js 代码，然后通过 eval 执⾏ 3）script 标签上添加 defer 或者 async 属性 4）创建并插⼊ iframe，让它异步执⾏ js8、json字符串与对象如何相互转换 把JSON格式转成对象：JSON.parse() 把对象转成标准json：JSON.stringify() 使⽤eval能够把字符串尽量转成js运⾏的代码 eval('(' + jsonstr + ')') eval是不安全的（可能会注⼊不必要的东西），通过new Function('','return'+json)();可以解决该问题9、get与post的区别，什么时候使⽤post？ get和post在HTTP中都代表着请求数据，其中get请求相对来说更简单、快速，效率⾼些 get相对post安全性低 get有缓存，post没有 get体积⼩，post可以⽆限⼤ get的url参数可见，post不可见 get只接受ASCII字符的参数数据类型，post没有限制 get请求参数会保留历史记录，post中参数不会保留 get会被浏览器主动catch，post不会，需要⼿动设置 get在浏览器回退时⽆害，post会再次提交请求 post⼀般⽤于修改服务器上的资源，对所发送的信息没有限制。
ajax的面试题及答案
ajax的面试题及答案Ajax（Asynchronous JavaScript and XML）是一种基于前端技术的异步通信机制，广泛应用于Web开发中。
针对Ajax的面试题，相关的问题主要涉及Ajax的原理、优缺点、常用的API、跨域请求等方面。
下面是一些常见的Ajax面试题及答案。
问题一：什么是Ajax？它的工作原理是什么？Ajax指的是一种在Web应用中实现异步加载数据的技术。
它通过在后台与服务器进行少量数据交换，实现页面局部刷新，提高用户体验。
Ajax的工作原理如下：1. 使用JavaScript创建XMLHttpRequest对象。
2. 使用XMLHttpRequest对象发送请求到服务器。
3. 服务器处理请求并返回XML格式或JSON格式的数据。
4. 使用JavaScript解析服务器返回的数据。
5. 更新页面内容，实现局部刷新。
问题二：Ajax的优点和缺点是什么？Ajax的优点：1. 改善用户体验：通过局部刷新，避免了整页刷新导致的页面闪烁问题，提升了用户的交互体验。
2. 减轻服务器压力：由于只更新部分数据，减少了不必要的数据传输量，降低了服务器的负载。
3. 提高应用性能：通过异步请求，用户可以在数据传输的同时进行其他操作，提高了应用的性能和效率。
4. 提供更好的交互界面：Ajax可以实现动态效果，提供更加友好、直观的交互界面。
Ajax的缺点：1. 不支持浏览器的前进、后退操作：由于Ajax是通过局部刷新实现页面内容的更新，因此无法支持浏览器的前进和后退操作。
2. SEO不友好：由于大部分搜索引擎不执行JavaScript代码，Ajax 对搜索引擎爬虫的支持不友好，影响了网页的SEO效果。
3. 安全性问题：Ajax技术存在一定的安全风险，容易受到跨站点脚本攻击（XSS）和跨站点请求伪造（CSRF）等攻击。
问题三：常用的Ajax API有哪些？常用的Ajax API有以下几种：1. XMLHttpRequest对象：用于创建异步请求对象，发送请求并获取服务器返回的数据。
js、jQuery、ajax面试题
js、jQuery、ajax⾯试题1.javascript的typeof返回哪些数据类型.答案：string,boolean,number,undefined,function,object2.例举3种强制类型转换和2种隐式类型转换?答案：强制（parseInt,parseFloat,number）隐式（=====）3.split()join()的区别答案：前者是将字符串切割成数组的形式，后者是将数组转换成字符串4.数组⽅法pop()push()unshift()shift()答案：push()尾部添加pop()尾部删除unshift()头部添加shift()头部删除5.IE和标准下有哪些兼容性的写法答案：Var ev=ev||window.eventdocument.documentElement.clientWidth||document.body.clientWidthVar target=ev.srcElement||ev.target6.ajax请求的时候get和post⽅式的区别答案：1、⼀个在url后⾯，⼀个放在虚拟载体⾥⾯2、get有⼤⼩限制(只能提交少量参数)3、安全问题4、应⽤不同，请求数据和提交数据7.call和apply的区别答案：Object.call(this,obj1,obj2,obj3)Object.apply(this,arguments)8.ajax请求时，如何解析json数据答案：使⽤JSON.parse9.事件委托是什么答案:利⽤事件冒泡的原理，让⾃⼰的所触发的事件，让他的⽗元素代替执⾏！10.闭包是什么，有什么特性，对页⾯有什么影响答案：闭包就是能够读取其他函数内部变量的函数,使得函数不被GC回收，如果过多使⽤闭包，容易导致内存泄露11.如何阻⽌事件冒泡答案：ie:阻⽌冒泡ev.cancelBubble=true;⾮IEev.stopPropagation();12.如何阻⽌默认事件答案：(1)return false；(2)ev.preventDefault();13.添加删除替换插⼊到某个接点的⽅法答案：1）创建新节点createElement()//创建⼀个具体的元素createTextNode()//创建⼀个⽂本节点2）添加、移除、替换、插⼊appendChild()//添加removeChild()//移除replaceChild()//替换insertBefore()//插⼊3）查找getElementsByTagName()//通过标签名称getElementsByName()//通过元素的Name属性的值getElementById()//通过元素Id，唯⼀性14.解释jsonp的原理，以及为什么不是真正的ajax答案：动态创建script标签，回调函数Ajax是页⾯⽆刷新请求数据操作15.document load和document ready的区别答案：document.onload是在结构和样式,外部js以及图⽚加载完才执⾏jsdocument.ready是dom树创建完成就执⾏的⽅法，原⽣种没有这个⽅法，jquery中有$().ready(function)16.””和“=”的不同答案：前者会⾃动转换类型,再判断是否相等后者不会⾃动类型转换，直接去⽐较17.函数声明与函数表达式的区别？答案：在Javscript中，解析器在向执⾏环境中加载数据时，对函数声明和函数表达式并⾮是⼀视同仁的，解析器会率先读取函数声明，并使其在执⾏任何代码之前可⽤（可以访问），⾄于函数表达式，则必须等到解析器执⾏到它所在的代码⾏，才会真正被解析执⾏。
ajax面试题
Ajax面试资料整理1、ajax过程(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.(3)设置响应HTTP请求状态变化的函数.(4)发送HTTP请求.(5)获取异步调用返回的数据.(6)使用JavaScript和DOM实现局部刷新.2、异步加载和延迟加载1.异步加载的方案：动态插入script标签2.通过ajax去获取js代码，然后通过eval执行3.script标签上添加defer或者async属性4.创建并插入iframe，让它异步执行js5.延迟加载：有些 js 代码并不是页面初始化的时候就立刻需要的，而稍后的某些情况才需要的。
3、请解释一下 JavaScript 的同源策略。
概念:同源策略是客户端脚本（尤其是Javascript）的重要的安全度量标准。
它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。
这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。
指一段脚本只能读取来自同一来源的窗口和文档的属性。
为什么要有同源限制？我们举例说明：比如一个黑客程序，他利用Iframe把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过Javascript读取到你的表单中input中的内容，这样用户名，密码就轻松到手了。
4、GET和POST的区别，何时使用POST？GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符POST：一般用于修改服务器上的资源，对所发送的信息没有限制。
GET方式需要使用Request.QueryString来取得变量的值，而POST方式通过Request.Form来获取变量的值，也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。
AJAX试题与答案
AJAX试题与答案Ajax试题选择题10道：1.AJAX术语是由哪家公司或组织最先提出的？a.Googleb.IBMc.Adaptive Pathd.Dojo Foundation正确答案：c2.以下哪一个Web应用不属于Ajax应用？a.Hotmailb.GMapsc.Flickrd.Windows Live正确答案：a3.以下哪个技术不是Ajax技术体系的组成部分？a.XMLHttpRequestb.DHTMLc.CSSd.DOM正确答案：b4.XMLHttpRequest对象有几个返回状态值？a.3b.4c.5d.6正确答案：c5.下列哪些方法或属性是Web标准中规定的？a.all()b.innerHTMLc.getElementsByTagName()d.innerText正确答案：c6.以下哪一个CSS属性不属于W3C的CSS2规范？a.list-style-positionb.min-heightc.floatd.text-overflow正确答案：d7.下列哪个工具不能用来调试浏览器中的JavaScript？a.MS Visual InterDevb.Eclipsec.MS Script Debuggerd.Mozilla Venkman正确答案：b8.应用以下哪一个DOCTYPE使得当前主流浏览器解释CSS的模式是Quirks mode？a.b.c.d.正确答案：b9.关于JavaScript中的函数和对象，下列说法不正确的是：a.每一个函数都有一个prototype对象。
b.函数就是一个特殊类型的对象。
c.函数附属于它所附加到的对象上，只能通过该对象访问。
d.同一个函数可以被附属到多个对象上。
正确答案：c10.创建一个对象obj，该对象包含一个名为"name"的属性，其值为"value"。
以下哪一段JavaScript代码无法得到上述的结果？a.var obj=new Object();obj["name"]="value";b.var obj=new Object();="value";c.var obj={name:"value"};d.var obj=new function(){="value";}正确答案：b部分答案说明:选择题的答案有几个地方需要解释一下：第3题，DHTML其实不是单个的技术，而是多种技术的组合。
前端开发面试题及答案
前端开发面试题及答案1. 什么是前端开发？答：前端开发是一门技术，其主要目的是使用 HTML，CSS 和 JavaScript 来创建动态网页，视图和用户界面。
2. 如何使用CSS制作一个圆角边框？答：使用 CSS 的 border-radius 属性可以制作圆角边框，如：border-radius: 10px;3. 请描述流式布局的概念。
答：流式布局是一种网页布局技术，它可以根据浏览器窗口大小自动调整页面中元素的位置和大小。
4. 请描述XML及其用途。
答：XML（可扩展标记语言）是一种标记语言，可以用来存储和传输数据，也用于创建 web 应用。
5. 什么是AJAX？答：AJAX 是 Asynchronous JavaScript and XML 的缩写，它是一种用于创建异步 Web 应用的技术，可以在不重新加载整个页面的情况下更新网页的部分内容。
6. 什么是JSON？答：JSON 是 JavaScript 对象表示法的缩写，是一种轻量级的数据交换格式，用于在应用程序之间进行数据交换和存储。
7. 什么是CDN？答：CDN 是内容分发网络的缩写，是一种分散式网络技术，用于将静态资源（如 JavaScript 和 CSS 文件）分发到多个服务器上，以提供更快的网页加载速度。
8. 请描述Web存储的概念。
答：Web 存储提供了一种方式，可以在网站上存储数据，并在下次用户访问中访问这些数据。
使用 web 存储，可以为用户提供更好的体验和功能，因为它可以更快地加载页面和保存状态信息。
9. 请描述HTML5的新特性。
答：HTML5 包含许多新特性，包括新的元素（如 <section>，<video> 和 <audio>），新的 API （如 Canvas API 和Geolocation API），新的存储技术（如 Web Storage 和IndexedDB），以及更多。
前端高级开发工程师的面试,AJAX请求与实战示例_基础知识习题及答案
AJAX请求与实战示例_基础知识习题及答案（答案见尾页）一、选择题1. AJAX概念及应用场景A. 用于开发动态网页B. 用于处理服务器端数据C. 用于实现实时搜索功能D. 用于实现用户登录功能2. 与传统HTTP请求的区别A. 传统HTTP请求需要重新加载整个页面B. AJAX请求仅改变部分页面内容C. 传统HTTP请求需要发送表单数据D. AJAX请求不需要发送表单数据3. AJAX请求方式及其优缺点A. XMLHttpRequest的优点是兼容旧版浏览器，支持异步请求B. Fetch API的优点是语法简洁，易于使用C. XMLHttpRequest的缺点是跨域请求受限，性能较低D. Fetch API的缺点是不支持非同步请求4. 请求头与请求体的作用A. 请求头用于传递元信息，如User-Agent等B. 请求体用于传递表单数据或文件C. 请求头用于传递应用程序相关的信息D. 请求体用于接收服务器的响应数据5. 响应状态码的含义A. 200表示成功B. 400表示错误C. 404表示未找到资源D. 500表示内部服务器错误6. 登录功能实现A. 使用AJAX发送POST请求到服务器进行验证B. 使用AJAX发送GET请求到服务器获取用户名和密码C. 使用AJAX直接将用户名和密码作为URL参数发送到服务器D. 以上均正确7. HTML页面结构及JavaScript代码A. HTML页面包含一个输入框和一个提交按钮B. JavaScript代码中使用AJAX发送POST请求到服务器进行验证C. 服务器返回登录成功的响应后，JavaScript代码更新输入框的值D. 服务器返回登录错误的响应后，JavaScript代码提示用户8. 请求与响应过程A. 客户端发送POST请求到服务器，包含用户名和密码B. 服务器接收到请求后，对用户名和密码进行验证C. 服务器验证通过后，返回一个包含用户信息的响应D. 客户端接收到响应后，更新页面显示用户信息9. 数据列表查询功能实现A. HTML页面结构包含一个表格和一个查询按钮B. JavaScript代码中使用AJAX发送GET请求到服务器获取数据C. 服务器返回数据的JSON格式响应后，JavaScript代码解析响应并更新表格D. 服务器返回空的响应后，JavaScript代码提示用户10. 文件上传功能实现A. HTML页面结构包含一个文件输入框和一个提交按钮B. JavaScript代码中使用AJAX发送POST请求到服务器进行上传C. 服务器返回上傳成功的响应后，JavaScript代码更新页面显示提示D. 服务器返回上傳失败的响应后，JavaScript代码提示用户11. JSON数据格式及应用A. JSON是一种轻量级的数据交换格式B. JSON支持多层嵌套结构C. JSON支持字符串和数字类型D. JSON不支持布尔类型12. XMLHttpRequest与Fetch API比较A. XMLHttpRequest是 older的技术，Fetch API是 newer的技术B. XMLHttpRequest支持Ajax请求，Fetch API不支持C. Fetch API的语法更简洁，易於使用D. XMLHttpRequest支持更多功能，Fetch API不支持13. CORS跨域请求解决方法A. 通过CORS设置跨域资源共享 headers来解决B. 通过JSONP技术解决C. 通过XMLHttpRequest的open()方法设置请求方法和路径来解决D. 通过代理服务器来解决14. 网络请求优化策略A. 使用缓存来减少网络请求次数B. 使用CDN加速网络请求C. 使用压缩算法来减小数据传输大小D. 以上均正确15. 错误处理与调试技巧A. 使用try/catch语句来捕获异常B. 使用console.log()函数来输出调试信息C. 使用网络请求的statusText属性来判断请求是否成功D. 以上均正确16. 项目案例一分析A. 项目是一个在线购物网站的首页B. 使用了AJAX来实现数据的动态更新C. 实现了商品列表的懒加载和添加商品的功能D. 通过异常处理和调试，确保了项目的稳定性17. 项目案例二分析A. 项目是一个待办事项管理应用B. 使用了AJAX来实现任务的动态添加和修改C. 实现了任务筛选和排序的功能D. 通过单元测试和调试，确保了项目的质量18. 项目案例三分析A. 项目是一个博客网站B. 使用了AJAX来实现文章的动态加载和评论的提交C. 实现了文章列表的无限加载和分页显示D. 通过日志记录和调试，优化了项目的性能19. 项目案例四分析A. 项目是一个在线聊天应用B. 使用了AJAX来实现消息的实时发送和接收C. 实现了多终端之间的实时同步D. 通过压力测试和调试，保证了项目的稳定性20. 项目案例五分析A. 项目是一个图片画廊应用B. 使用了AJAX来实现图片的懒加载和动态添加C. 实现了图片列表的无限加载和缩放功能D. 通过性能监控和调试，优化了项目的性能二、问答题1. 什么是AJAX？2. AJAX与传统HTTP请求有什么区别？3. AJAX请求方式有哪些？它们的优缺点是什么？4. 请求头和请求体分别起到什么作用？5. 响应状态码的含义有哪些？参考答案选择题：1. D2. B3. B4. A5. A6. A7. D8. C9. C 10. D11. A 12. C 13. A 14. D 15. D 16. D 17. B 18. B 19. B 20. B问答题：1. 什么是AJAX？AJAX是一种基于XHTML、CSS和JavaScript的新兴Web开发技术，它允许在不重新加载整个页面的情况下，与服务器进行partial（部分）刷新请求，从而实现网页的动态更新。
AJAX面试题汇总 个人总结
AJAX笔试面试题汇总Ajax流程操作XMLHttpRequest对象相关方法:打开请求XMLHttpRequest.open(传递方式,地址,是否异步请求)准备就绪执行XMLHttpRequest.onreadystatechange获取执行结果首先你得定义一个全局变量来保存XMLHttpRequest对象，然后写一个函数用来创建XMLHttpRequest对象，var xmlHttp;function createXMLHttpRequest(){if(window.ActiveXObject){//这个是创建一个IE浏览器的XMLHttpRequest对象；xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');}else{//这个是创建一个其它浏览器的XMLHttpRequest对象；xmlHttp=new XMLHttpRequest();}}再然后定义一个回调函数，用于处理你想处理的数据；function handleStateChange(){if(xmlHttp.readyState==4){if(xmlHttp.status==200){//在这里写你要做的实现的功，就弹出一个消息吧；alert("OK");}}}然后再定义一个函数用于与服务器端进行通信；function doSearch(){//创建XMLHttpRequest对象；createXMLHttpRequest();//将回调函数赋值给XMLHttpRequest对象的onreadystatechange 方法；xmlHttp.onreadystatechange=handleStateChange;//调用XMLHttpRequest对象的open方法，并且给定相关参数xmlHttp.open("GET","url",true);xmlHttp.send(null);}然后在你要用的页面当中的某个地方调用doSearch()方法就行了；例如：<input type="button" value="Search" onclick="doSearch();"/>1.什么是AJAX，为什么要使用A JAX（请谈一下你对A JAX的认识）什么是ajax：AJAX是“Asynchronous JavaScript and XML”的缩写。
关于ajax的面试题
关于ajax的面试题在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术扮演着非常重要的角色。
它的出现极大地改变了用户与网页之间的互动方式，提升了用户体验。
在面试过程中，关于AJAX的问题经常会被问到，因此本文将介绍一些常见的关于AJAX的面试题及它们的答案。
问题一：什么是AJAX？它的优点和缺点是什么？答：AJAX是一种用于在不重新加载整个网页的情况下与服务器进行数据交互的技术。
它利用JavaScript异步处理机制发送请求并接收响应，然后利用DOM更新部分页面内容。
AJAX的优点包括：1. 用户体验好，页面无需刷新，请求响应快速，提升了网页的交互性。
2. 减轻了服务器端的负担，仅更新部分数据而不是整个页面。
3. 基于标准的技术，支持多种浏览器。
AJAX的缺点包括：1. 开发和调试相对复杂，需要掌握JavaScript、DOM、XML等技术。
2. 安全性较差，容易受到跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等攻击。
3. 不支持浏览器的后退按钮，需要额外处理。
问题二：AJAX的工作原理是什么？答：AJAX的工作原理可以简单概括为以下几个步骤：1. 创建XMLHttpRequest对象，用于发送请求和接收响应。
2. 绑定回调函数，用于处理服务器端响应的数据。
3. 使用open()方法设置请求类型（GET、POST）、URL和是否异步。
4. 使用send()方法发送请求，发送的数据可以是字符串、表单数据等。
5. 服务器端处理请求，返回响应数据。
6. 接收到响应后，根据服务器返回的数据类型和格式进行处理和展示。
问题三：GET和POST请求有什么区别？在AJAX中如何使用它们？答：GET和POST是两种常见的HTTP请求方法。
GET请求用于从服务器获取数据，主要特点包括：1. 请求参数附加在URL的查询字符串中，对参数长度有限制。
2. 请求参数明文传输，不适合传输敏感信息。
Ajax常见面试题
1. Ajax有四种技术组成：DOM,CSS,JavaScript，XmlHttpRequest中控制文档结构的是：（）A DOMB CSSC javascriptD XMLHttpRequest参考答案：A2. 在Ajax的四种技术中，控制通信的是哪一个（）A DOMB CSSC javascriptD XMLHttpRequest参考答案：D3. 在Ajax的四种技术中，JavaScript的主要作用是：（）A 控制页面显示风格B 控制文档结构C 控制通信D 控制其他的三个对象参考答案：D49．当XMLHttpRequest 对象的状态发生改变时调用yourCallback 函数，下列选项中正确的是（）。
A．xmlHttpRequest. yourCallback = onreadystatechange;B．(yourCallback);C．(new function(){yourCallback });D．= yourCallback;50．关于XmlHttpRequest 对象的五种状态，下列说法正确的是（）。
A．1表示新创建B．2表示初始化C．3表示发送数据完毕D．4表示接收结果完毕5. 在处理应答中，如果我们要以文本的方式处理，我们需要在参数表中放置XMLHttpRequest 对象的什么属性（）A BC D参考答案：A6. 在处理应答中，如果我们要处理XML文档，我们需要在参数表中放置XMLHttpRequest 对象的什么属性（）A BC D参考答案：B7. 在IE浏览器上创建XMLHttpRequest对象的方法是（）A var a=new ActiveXObject("");B var a=new XMLHttpRequest();参考答案：A8. ==200表示什么A 表示错误B 表示找不到资源文件C 表示成功参考答案：C9. ==404表示什么A 表示错误B 表示找不到资源文件C 表示成功参考答案：B3. 以下哪个技术不是Ajax技术体系的组成部分a. XMLHttpRequestb. DHTMLc. CSSd. DOM正确答案：bAJAX应用和传统Web应用有什么不同在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。
ajax测试1含答案
美斯坦福在线考试系统xfhtG3AJAX（20121106）科目: SCCEG3AJAX（Java）总分: 100分时间: 100分钟一、单选题(共50题,每题2分,说明:选择一项正确的答案)1、下面XML元素中的子元素转换成属性表示出来正确的是（）<书桌><长>1100mm</长><宽>600mm</宽><高>710mm</高></书桌>A、<书桌长="1100mm" 宽="600mm" 高="710mm"></书桌>B、<书桌长="600mm" 宽="710mm" 高="1100mm"></书桌>C、<书桌长="700mm" 宽="600mm" 高="1100mm"></书桌>D、以上都不正确参考答案: A2、关于XML Schema相比DTD的优势，以下说法错误的是（）A、Schema更容易地描述文档内容B、Schema更容易地与来自数据库的数据一起工作C、Schema更容易地定义数据约束D、Schema更容易嵌入到XML文档中进行验证参考答案: D3、关于XML节点树，下列描述错误的是（）A、同级节点拥有相同的父节点B、除根节点外，所有节点都有一个父节点C、有且必须只能有一个根节点D、所有节点都必须有子节点参考答案: D4、关于getElementsByTagName()方法，说法正确的是（）A、获取同名称的所有节点B、获取同名称的所有属性节点C、获取同名称的所有文本节点D、获取同名称的所有元素节点参考答案: D5、AJAX中XMLHttpRequest对象有（）个状态值A、3B、4C、5D、6参考答案: C6、从以下定义的XML文档中读取数据，正确的说法是（）<book category="xml"><title lang="en">Learning XML</title><author>Andy</author><year>2010</year><price>56.23</price></book>A、xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeV alue;B、xmlDoc.getElementsByTagName["title"][0].childNodes[0].nodeV alue;C、xmlDoc.getElementsByTagName["title"](0).childNodes[0].nodeV alue;D、xmlDoc.getElementsByTagName("title")[0].childNodes(0).nodeV alue;参考答案: A7、对XML Node对象的nodeName属性说法正确的是（）A、nodeName 是只读的B、元素节点的nodeName 与标签名不相同C、属性节点的nodeName 不是属性的名称&＃61550;&＃61550;D、以上都不正确参考答案: A8、在XML文档中使用CSS样式单正确的方式为（）A、引用式和嵌入式B、内部和外部C、交叉引用D、包含式参考答案: A9、使用XSL定义XML文档显示方式的基本思想是（）A、通过定义转换模板，将XML源文档转换为带样式信息的可浏览文档B、定义不同以往的显示风格C、控制XML文档显示数据的输出D、通过定义显示模版，显示指定的XML数据参考答案: A10、不是XML文档的显示方式的为（）A、利用CSS控制HTML文档显示B、利用XSL转化为FO显示C、用XSL转化为HTML文档显示D、利用CSS显示参考答案: A11、DOM是对象化的XML数据接口，一个与（）无关的标准接口规范A、语言、平台B、操作系统C、开发环境D、可移植环境参考答案: A12、相对于结构和内容来说，XHTML文档更偏向于（）文档类型A、HTMLB、DTDC、XMLD、XSL参考答案: C13、相对于描述性来说，XHTML文档更偏向于（）文档类型A、HTMLB、DTDC、XMLD、XSL参考答案: A14、XSL的格式对象称为（）A、FOB、XSLTC、DTDD、DOM参考答案: A15、关于XSLT的语句描述不正确的有（）A、xsl:element 用来创建输出元素标记B、xsl: attribute 用来创建输出元素属性C、xsl:text 用来创建文本信息D、xsl:comment 用来创建描述信息参考答案: D16、关于XML接口DOM的描述，错误的是（）A、DOM的全称是Document Object Model，也即文档对象模型B、在应用程序中，基于DOM的XML分析器将一个XML文档转换成一个对象模型的集合（通常称DOM树）C、通过DOM接口，应用程序可以在任何时候访问XML文档中的任何一部分数据，因此，这种利用DOM接口的机制也被称作随机访问机制D、DOM强制使用树模型来访问XML文档中的信息，不适合XML的模式参考答案: D17、如果使用下面提供的XQuery表达式，则查询的结果是（）XQuery表达式：<items>{for $i in (1 to 5, 7, 8)return <item>{$i}</item>}</items>A、<items><item>1</item><item>2</item><item>3</item><item>4</item><item>5</item><item>7</it em><item>8</item></items>B、<items><item>1</item><item>2</item><item>3</item><item>4</item></items>C、<items><item>5</item><item>7</item><item>8</item></items>D、<items><item>1</item><item>2</item><item>3</item><item>4</item><item>5</item><item>6</it em><item>7</item><item>8</item></items>参考答案: A18、下列语句执行结果正确时的是（）let $x := (1 to 7) return <test>{$x}</test>A、<test>1 2 3 4 5 7</test>B、<test>1 3 4 5 6 7</test>C、<test>1 7</test>D、<test>1 2 3 4 5 6 7</test>参考答案: D19、有一个关于员工信息的EmployeeInfo.xml，内容如下：<EmployeeInfo><Employee><Name>张三</Name><Age>20</Age><From>北京</From></Employee><Employee><Name>李四</Name><Age>30</Age><From>武汉</From></Employee><Employee><Name>王五</Name><Age>27</Age><From>上海</From></Employee><Employee><Name>赵六</Name><Age>29</Age><From>杭州</From></Employee> </EmployeeInfo>按照年龄的大小进行排序，以下代码正确的是（）A、for $x in doc("EmployeeInfo.xml")/ EmployeeInfo / Employeeorder by $x/ Agereturn <li>{data($x/Name)}</li>B、for $x in doc("EmployeeInfo.xml")/ EmployeeInfo /Employeeorder by $x/ Namereturn <li>{data($x/Name)}</li>C、for $x in doc("EmployeeInfo.xml")/ EmployeeInfo /Employeeorder by $x/ Agereturn <li>{data($x/Name)}</li>D、以上都不正确参考答案: A20、在J2EE中，使用Web服务实现跨平台跨语言的相互通信和数据共享，共享数据以XM的标准和格式通过（）协议在Internet上被发送和接收A、SOAPB、HTMLC、FTPD、HTTP参考答案: A21、p69关于XMLHttpRequest对象的5种状态，下列说法正确的是（）A、1表示新创建B、2表示初始化C、3表示发送数据完毕D、4表示接收结果完毕参考答案: D22、Web服务是一种通过互联网来描述,发布，定位及调用的服务，下列关于Web服务的理解正确的是（）A、Web服务只能在互联网发布，不能在局域网发布B、Web服务的提供者和请求者必须使用相同的语言开发应用程序C、Web服务的提供者和请求者必须使用相同的技术平台D、Web服务的数据传输标准是XML参考答案: D23、在Ajax中，以下说法错误的是（）A、Ajax可以增强用户体验B、获得Ajax请求返回的结果后，整个页面必然都将被刷新C、Ajax主要是通过javascript的XMLHttpRequest对象完成发送请求并获得返回结果D、Ajax可以发送同步或异步请求参考答案: B24、使用Web Service的优势描述不正确的是（）A、不能跨平台B、编程语言无关性C、部署、升级和维护Web服务简单D、对于Web服务使用者来说，可以轻易实现多种数据、多种服务的聚合参考答案: A25、基于（）的数据传输标准，WEB服务可以实现跨平台、跨语言的相互通信和数据共享A、XSLTB、XMLC、HTMLD、CSS参考答案: B26、某数据挖掘公司专门出售对其股票报价引擎的访问权，如这家公司使用下列（）技术，就可以把股票报价服务买给数百家客户，而无须进行定制或修改A、编写多个接口以适应不同的客户机B、Web服务C、EJBD、RMI参考答案: B27、javaScript的表达式"总价钱是"+600+“元"的结果是（）A、一条错误消息B、“总价钱是"+600+“元"C、“总价钱是"600“元"D、总价钱是600元参考答案: D28、javaScript的表达式parseInt（"1”）+parseInt（'1'）的结果是（）A、1+1B、11C、2D、"1"+'1'参考答案: C29、下列语句中，（）语句是根据表达式的值，进行匹配，然后执行其中的一个语句块。
Ajax相关面试题及答案
1.什么是AJAX，为什么要使用Ajax（请谈一下你对Ajax的认识）答案：什么是ajax：AJAX是“Asynchronous JavaScript and XML”的缩写。
他是指一种创建交互式网页应用的网页开发技术。
Ajax包含下列技术：基于web标准（standards-basedpresentation）XHTML+CSS的表示；使用DOM（Document ObjectModel）进行动态显示及交互；使用XML 和XSLT 进行数据交换及相关操作；使用XMLHttpRequest 进行异步数据查询、检索；使用JavaScript 将所有的东西绑定在一起。
2.为什么要用ajax：答案：<1 Ajax应用程序的优势在于：1. 通过异步模式，提升了用户体验2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返3. Ajax引擎在客户端运行，减少了用户量过多的服务器负载。
<2 AJAX最大的特点是什么。
Ajax可以实现动态不刷新（局部刷新）3.请介绍一下XMLhttprequest对象。
答案：Ajax的核心是JavaScript对象XmlHttpRequest。
该对象在IE5中首次引入，它是一种支持异步请求的技术。
简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
通过XMLHttpRequest对象，Web开发人员可以在页面加载以后进行页面的局部更新4.AJAX技术体系的组成部分有哪些。
答案：HTML，css，dom，xml，xmlHttpRequest，javascript5.AJAX请求总共有多少种CALLBACK。
答案：Ajax请求总共有八种CallbackonSuccessonFailureonUninitializedonLoadingonLoadedonInteractiveonCompleteonException6.Ajax和javascript的区别。
史上最全前端面试题(含答案)
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范（html/Xhtml）一般为严格过度基于框架的html 文档加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug4.行内元素有哪些？块级元素有哪些？CSS的盒模型？块级元素：div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容，border ,margin，padding5.CSS引入的方式有哪些? link和@import的区别是?内联内嵌外链导入区别：同时加载前者无兼容性，后者CSS2.1以下浏览器不支持Link 支持使用javascript改变样式，后者不可6.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？标签选择符类选择符 id选择符继承不如指定 Id>class>标签选择后者优先级高7.前端页面有哪三层构成，分别是什么？作用是什么？结构层 Html 表示层 CSS 行为层 js8.css的基本语句构成是？选择器{属性1:值1;属性2:值2;……}9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?Ie(Ie内核) 火狐（Gecko）谷歌（webkit） opear(Presto)10.写出几种IE6 BUG的解决方法1.双边距BUG float引起的使用display2.3像素问题使用float引起的使用dislpay:inline -3px3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active4.Ie z-index问题给父级添加position:relative5.Png 透明使用js代码改6.Min-height 最小高度！Important 解决’7.select 在ie6下遮盖使用iframe嵌套8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）11.<img>标签上title与alt属性的区别是什么？Alt 当图片不显示是用文字代表。
[前端面试问题及答案]面试问题及答案
![[前端面试问题及答案]面试问题及答案](https://img.taocdn.com/s3/m/7121dc4c777f5acfa1c7aa00b52acfc789eb9f6b.png)
[前端面试问题及答案]面试问题及答案1、我们为什么要雇请你呢有的面试只有这么一个问题。
话虽简单，可是难度颇高。
主要是测试你的沉静与自信。
给一个简短、有礼貌的回答："我能做好我要做得事情，我相信自己，我想得到这份工作"。
根据自己的实际情况，好好想想把，看怎么说才具有最高说服力。
2、你认为自己最大的弱点是什么绝对不要自作聪明的回答"我最大的缺点是过于追求完美"，有的人以为这样回答会显得自己比较出色，但事实上，他已经岌岌可危了。
3、你最喜欢的大学课程是什么为什么说和你要应聘的职位相关的课程吧，表现一下自己的热诚没有什么坏处。
4、你最不喜欢的大学课程是什么为什么我不得不说是我们大学的主修课程，虽然我知道他们只是例行一下公事，但课堂上死气沉沉，老师和学生都只不过想熬完这个学期"。
5、你在大学期间最喜欢的老师是谁有人曾答得很好："教我们广告营销的教授，他能使课堂充满生气。
通过实例让学生把知识和现实紧密结合，而不是死读课本，我想我从他身上得到的最多"。
6、你能为我们公司带来什么呢假如你可以的话，试着告诉他们你可以减低他们的费用："我已经接受过Microsoft Access和Word的培训，立刻就可以上岗工作"。
(Access培训要花$540，Word要花$445，可为公司省下$1000的培训费用。
)7、最能概括你自己的三个词是什么可以根据情况这样说：适应能力强、有责任心、做事有始有终，结合具体例子向主考官解释，使他们觉得你具有发展潜力。
8、你为什么来应聘这份工作(或为什么你想到这里来工作)"我来应聘是因为我相信自己能为公司做出贡献，我在这个领域的经验很少人比得上，而且我的适应能力使我确信我能把职责带上一个新的台阶"应证者为了表明应征原因及工作意愿，回答时答案最好是能与应征公司的产品及企业相关的，最好不要回答：因为将来有发展性、因为安定等答案，要表现出有充分研究过企业的样子。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
前端ajax面试题及答案
导语：参加前端ajax面试的求职者们，前端ajax面试题及答案哪里有呢?以下是小编为大家整理的文章，欢迎阅读!希望对大家有所帮助!
前端ajax面试题及答案
1.你能描述一下渐进增强和优雅降级之间的不同吗?
优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。
由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效.
渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。
当浏览器支持时，它们会自动地呈现出来并发挥作用。
2.线程与进程的区别?
一个程序至少有一个进程，一个进程至少有一个线程。
线程的划分尺度小于进程，使得多线程程序的并发性高。
另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。
线程在执行过程中与进程还是有区别的。
每个独立的线程有一
个程序运行的入口、顺序执行序列和程序的出口。
但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制。
从逻辑角度来看，多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。
但操作系统并没有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源分配。
这就是进程和线程的重要区别。
3.说说你对语义化的理解?
1：去掉或样式丢失的时候能让页面呈现清晰的结构：html本身是没有表现的，我们看到例如
是粗体，字体大小2em，加粗;是加粗的，不要认为这是html 的表现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点，但是浏览器都有有默认样式，默认样式的目的也是为了更好的表达html的语义，可以说浏览器的默认样式和语义化的HTML结构是不可分割的。
2：屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页。
3：PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱)。
4：有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重。
6：便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
4.你如何对网站的文件和资源进行优化?
期待的解决方案包括：文件合并文件最小化/文件压缩使用CDN 托管缓存的使用(多个域名来提供缓存)其他。
5.为什么利用多个域名来提供网站资源会更有效?
1.CDN缓存更方便
2.突破浏览器并发限制(一般每个域名建立的链接不超过6个)
3.Cookieless，节省带宽，尤其是上行带宽一般比下行要慢
4.对于UGC的内容和主站隔离，防止不必要的安全问题(上传js窃取主站cookie之类的)。
正是这个原因要求用户内容的域名必须不是自己主站的子域名，而是一个完全独立的第三方域名。
5.数据做了划分，甚至切到了不同的物理集群，通过子域名来分流比较省事。
这个可能被用的不多。
PS:关于Cookie的问题，带宽是次要的，安全隔离才是主要的。
关于多域名，也不是越多越好，虽然服务器端可以做泛解释，浏览器做dns解释也是耗时间的，而且太多域名，如果要走https的话，还有要多买证书和部署的问题。
6.请说出三种减少页面加载时间的方法。
(加载时间指感知的时间或者实际加载时间)
1)优化图片
2)图像格式的选择(GIF：提供的颜色较少，可用在一些对颜色要求不高的地方)
3)优化CSS(压缩合并css，如margin-top,margin-left...)
4)网址后加斜杠(如/目录，会判断这个“目录是什么文件类型，或者是目录。
)
5)标明高度和宽度(如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。
这不但影响速度，也影响浏览体验。
当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。
从而加载时间快了，浏览体验也更好了。
)
6)减少http请求(合并文件，合并图片)。
7.如果你参与到一个项目中，发现他们使用Tab来缩进代码，但是你喜欢空格，你会怎么做?
1)建议这个项目使用像EditorConfig(/)之类的规范
2)为了保持一致性，接受项目原有的风格
3)直接使用VIM的retab命令
8.请写一个简单的幻灯效果页面
如果不使用JS来完成，可以加分。
(如：纯CSS实现的幻灯片效果)
9.你都使用哪些工具来测试代码的性能?
Profiler,JSPerf(/nexttick-vs-setzerotimeou t-vs-settimeout),Dromaeo。
10.如果今年你打算熟练掌握一项新技术，那会是什么?
nodejs，html5，css3，less等。
[前端ajax面试题及答案]。