jqueryajax可以在页面中使用多个ument.ready但只能一次on_第1页
jqueryajax可以在页面中使用多个ument.ready但只能一次on_第2页
jqueryajax可以在页面中使用多个ument.ready但只能一次on_第3页
jqueryajax可以在页面中使用多个ument.ready但只能一次on_第4页
jqueryajax可以在页面中使用多个ument.ready但只能一次on_第5页
已阅读5页,还剩41页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

001:body中的onload()函数和jQuery中的 1、可以在页面中使用多 .ready(),但只能使用一次 .ready()函数在页面DOM元素加载完成以后就会被调用,而onload()函数则要在所有的关联资源(包括图像,音频)加载完毕才会调用。005jQueryjQuery是一个快速、简洁的javascriptjQuery凡是企业级操作,开发框架,都用jQuery,适用于PCDOM操作的终极简化、漂亮的DOM操作封装、轻量级、强大的选择器、可靠的的Ajax处理094jQueryDOMDOM转jQuery:用$jQuery转DOM:[index];get(index);var$cr=$("#cr");//jQuery对象varcr$cr[0DOM028jQueryjQueryjavascript譬如关于jQuery的流程:先查找(创建)jQuery对象,然后调用jQuery对象的方法完成需要完成的工作。jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的,这个流程就是jQuery的编码逻辑。039jQuery$(...).slideUp/slideDown/slideToggle();3)淡入/淡出:$(...).fadeIn/fadeOut/fadeToggle();css040jQueryjquery遍历jsjs数组对象包装成jquery对象,然后调用jqueryeach调用$.eachthis018jQuery如何解决跨域问题?跨域?有那几种跨域的方法或“主机名/IP不同”、或“端不同”。的jQuery$.ajax()支持get方式的跨域,采用jsonp的方式来完成。借助JSONP这个非的协议,其允许在服务器端集成scripttags返回至客户端,通过callback的形式实现跨域JSONP即JSONwithPadding。可以通过使用htmlscriptscript直接使用JSON传递javascript对象。016谈谈你对AJAX的理解,ajax的是什么AJAX(JavaScriptXML),是指一种创建交互式网页应用的网页开发技术。通过在与服务器进行少量,AJAX可以使网页实现异步更新。可以在不重新加载整ax擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。backAJAXwebXHTML+CSS使用DOM进行动态显示及交互使用XML和XSLT进行及相关操XMLHttpRequest040:AJAXAJAX在浏览器端引入一个执行引擎,它一边接收user的请求,一边传送数据给服务器,并把服务器端返回的结果展现给user。056请描述一 s,sessionStorage和localStorage的区别?H5中如何数据HTML5提供了两种在客户端数据的新方法,使用JavaScript来和数据localStoragesessionStorage 速度很慢而且效率也不高。在HTML5中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响性能的情况下大量数据成为可能。069HTTP协议中,GETPOSTGET通过URLPOSTPOSTPOSTGET ength比较重要g) header('Content-Type:text/plain');echo'succi';if(xhr.responseText==='cunzai'){XHR应用中获取的HTML响应都是HTML片段!不是完整的DOMparentNode.innerHTML=eval(xhr.responseText

var =服务器端PHP中如何把数组转换为JSONjQueryajax1、$('选择器').load(URLdata发起一个XHRdata为null则为GET请求,否则发起POST据(必须是HTML片段)追加为选定元素的innerHTML;若有参数fn,则调用该函数。2、$.get(URL,[data],发起一个XHRGETfn3、$.post(URL,data,发起一个XHRPOST参数fn,在该方法中处理响应数据。4、$.getScript('x.phpdatafn]):发起异步的GET请求,要求服务器必须返回JavaScripteval(xhr.responseText)5、$.getJSON('x.phpdatafn):发起异步的GET请求,要求服务器必须返回JSONJSON.parsexhr.responseText$.ajax({})AJAX$.ajax()$.ajax(type: url:data:'k=v&k=v', //{k:v,k:v}提交给服务器的请求数据beforeSend:fn, //请求消息发送之前的回调3.5success:fn, error:fn, complete:fn }HTTPHTTPS加密传输的HTTPS协议是有SSL+HTTP加密传输、认证的网络协议,比http安在Html5诞生之后,可以使用javascript来实现多线程处理。H5新增了一个webworkersapi,可以创建线程步骤:在workder类的构造器中将需要执行的文件的url作为参数,然后创建worker对浅谈原理:浏览器中负责渲染都只有一个UI主线程,所有的html/css/js的执行都在这个线程内,如果JS耗时过多则会阻塞后面的渲染,但JS不支持创建新线程,所以使用webworker代替.Varw=newWorker致命缺点,不支持任何dom操作,也不能使用dombomJQ之类的jsworkerbootstrap2、框架还在活跃的开发中,紧跟的web技术的发展3、有的实例和使用它,的第扩展,能够更好的与现实的web开发项目结合,禁得住未来4、bootstrap一方面,这意味着你如果有自己特殊的需求,就需要重新定制样式,如果一个中有大量的非bootstrap“风格”的样式存在,那么你就需要做大量的css重写,因此也就失去了使用框架的意义。添加新的css规cssjQuery事件的函数有哪些1绑定解绑5、.live/die6、.on $(...).on("事件名","selector",fn)=>利用冒HTTPCDN(ContentDeliveryNetwork)ExpiresCache-controlGzipCSS将移动到底部(包括内联的)CSSExpressionsJavaScriptCSSjavascriptDNSJavaScriptCSSjavascript移除重复的配置实体(ETags)AJAXAngular.jsMVCJSSPA采用mvc的设计模式:符合当前移动互联网的发展趋势,职责分工明细,能提高代码的重用,降低测试难度,方谈谈你对react.jsReact于 的项目,因为该公司对市场上所有JavaScriptMVC框架,都不满意,就决定自己写一套,用来架设的。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于React的设计思想极其独特,属于性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来Web开发的主流工具。可组合(Composeable):一个组件易于和其它组件一起使用,或者嵌套在另一个组件。如果一个组件创建了另一个组件,那么说父组件拥有(own)它创建的子组件,通过这个特性,一个复杂的UIUI场景; 002:jQuery中有哪几种类型的选择器有3种类型的选择器,如下:基本选择器:直接根据id,css类名,元素名返回dom层次选择器:也叫做路径选择器,可以根据路径层次来选择相应的dom过滤选择器:面的基础上过滤相关条件,得到匹配的dom元素003:jQuery的符号$有什么作用$是'jQuery'jQueryjQuery004.jQueryDelegate()函数有什么作用?HtmlHtml当元素在当前页面中不可用时,可以使用evaleval功能是把对应的字符串解析成JSnull与undefinedUndefined类型只有一个值,即undefined,当的变量还未被初始化时,变量的默认值为undefined。Null类型也只有一个值,即null,null用来表示尚未存在的对象,谈谈对thisthisjsthis变化。但是有一个总原则,那就是this指的是调用函数的那个对象。usestrict表示代码标志为“严格模式”,则其中运行的所有代码都必然是严格模式下的。如果严格模式的代码,则抛出执行异常。简述new创建一个空对象,使用this变量该对象,同时还继承了该函数的原属性和方法被加入到this的对象中新创建的对象由this所,并且最后隐式的返回this描述typeof关键字的功能。typeof可用来判断一个变量是否为空或是什么类型的变量。typeof:number、boolean、string、function、object、描述instanceofinstanceof变量。如果想判断一个变量是否某个对象的实例建议使用instanceof关键字。简述hasOwnPropertyhasOwnProperty简述一下isPrototypeOfisPrototypeOf回true,否则返回false015谈谈对JSONJSON(JavaScriptObjectNotation)是一种轻量级的格式。其是基于defer,只支持创建script,到jQuery代码?定义jQuery变量的时候添加var;DOM用链式操作;尽量把一些代码都整合到一起;避免使用全局类型的选择器;尽量使用.n方法,因为其它任何方法都是最终使用.on方法来实现的;尽量使用版本的Qury框架类库。jQuery与jQueryUIjQuery是一个jsjQueryUI则是在jQuery的基础上,利用jQuery一些常用的界面元素,诸如框、拖动行为、改变大小行为等等。描述基于classidclass于基于id选择器开销很大,因为其需要遍历所有DOM元素。jQueryDOMl给DOM用。lDOM对象与JS对象相互。l给DOM对象用attachEventl从外到内执行appendChildremoveChild放。l反复重写同一个属性会造成内存大量占用。描述回收器的功能。回收器定期扫描对象,并计算了每个对象的其他对象的数量。如果一个对象的数量为0(没有其他对象过该对象),或对该对象的惟一引用是循环的,那么该对象的内存即可回收。documen.write和innerHTML的区别? .write只能重绘整个页面,innerHTML可以重绘页面的一部分。jQueryjsonJSON.stringify把一个对象转换成json字符串,再通过JSON.parsejson描述一下.get()、[]和.eqeq返回原生jQuery对象,截取某些eljQuery;get的DOMget和[]区别是get是通过jQuery根据jQuery是一个数组对象获取。contextcontextcontext必须是一个DOMcontext是用了.find()方法来实现的。描述一下.delegate()和.livedelegatelive给了jQuery的context,1.9版本以后用on方法代替了。描述一下.attr()和.prop.attr()方法是操作属性节点,.propjschecked、selected、readonly和disabled等属性时,用prop方法显然更好。.prop()方法更高效,因为.attr()方法要DOM。jQuery中的load方法一般怎么用的?load方法一般在载入HTML代码并到DOM中的时候用,通常用来从Web035.5http5种常见的http200(OK):303(SeeOther):URL400(BadRequest):1)语义有误,当前请求无法被服务器理解。除非进行修改,否则客户端不应该重复提交这个请求;2)请求参数有误。404(NotFound):500(InternalServerError):服务器遇到了一个未曾预料的状况,导致了它无法完038.AJAXWebJavascript编程中,如果想得到服务器端数据库或文件上的信息,或者发送客户端信息到服务器,需要建立一个HTMLform然后GET或者POST数据到服务器端。用户需要点击Submitweb应用有可能很慢而且用户交使用AJAX技术,就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。通过HTTPRequest,一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面),展示给用户的还是同一个页面,但是只实现页面的局部刷新,从而提高体验度。039:XMLHttpRequestAJAX的是JavaScript对象XmlHttpRequest。该对象在InternetExplorer5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。通过XMLHttpRequest对象,Web开发可以在open(“method”,”URLHTTP请求方式(GET,POST或任何服务器所支持的您想调用的方式),第二个参数是请求页面的send()abort()readyState5个可取值(0=未初始化,1=正在加载,2=responseTextreponseXMLstatusHTTP041.jQueryajaxurl:carinfo.do发送数据:id为s1的文本框的值返回数据:json格式请求成功:将返回数据写入ids2“系统错误请error:function(){window.alert("系统错误} AJAX请求总共有多少种CALLBACKAjax请求总共有八种同步和异步的区别?同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;异步是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会通知进程进行处理,这样可以提高执行的效率。举个浏览器例子:普通B/S模式(同步)AJAX技术(异步)同步:提交请求等待服务器处理处理完毕返回这个请求通过事件触发服务器处理(这是浏览器仍然可以作其他事情>处理完毕再举个生活的例子:大家联系的时候如果使用通话,那么只能跟一个人联系,过程中做不了其他任何操作,如果使用或者聊天的方式,就可以同时跟很多人聊天,别人收到信息后会回复,在回复之前还可以跟另外的人进行聊天。JQ和JQUI有啥区别?jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的是”wriess,DoMore”,即倡导写更少的代码,做的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScriptHTML文档操作、事件处理、动画设计和AjajQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及 或者localStorage来记录应用的状态即可,刷新页面时一下这个状态,然后发送相应ajax请求来改变页面即可接口做到无刷新改变页面URL的虽然ajax可以无刷新改变页面内容,但无法改变页面URL其次为了更好的可性,内容发生改变后,改变URL的hash。但是hash的方式不能很好的处理浏览器的前进、后退等问题有的浏览器引入了onhashchange的接口,不支持的浏览器只能定时去判断hashajax的使用对搜索引擎很不友好,往往蜘蛛爬到的区域是空的为了解决传统ajax带来的问题,HTML5里引入了新的API,即:history.replaceState可以通过pushState和replaceState接口操作浏览器历史,并且改变当前页面的URL。pushState是将指定的URL添加到浏览器历史里,replaceState是将指定的URL替换当前的varstate={ title:title, url:options.url, state对象除了要title和urlreplaceState和pushState是相似的,不需要多做解释。如何响应浏览器的前进、后退操作window对象上提供了onpopstate事件,上面传递的state对象会成为event的子对象,这样就可以拿到的title和URL了。 varstate=//dosomething(state.url,state.title);}},这样就可以结合ajax和pushState049Ajax和JSON,他们的优缺点?Ajax是异步JavaScript和XML,用于在Web页面中实现异步数据交互。优点:对搜索引擎不友好(要实现ajax下的前后退功能成本较大可能造成请求数的增加跨域问题限制JSON是一种轻量级的格式,ECMA的一个子优点:轻量级、易于人的阅读和编写,便于机器(JavaScript)(数组、对象、字符串、数字ajaxjson2.$.ajaxdataType:’json都可以使以下是场检的JS/CSS你如何对的文件和资源进行优化?期待的解决方法包括A、文件合并,减少http请求,合并JavaScriptCSS文件、CSSSprites、图像(ImageMap)DataURI来编码B、文件最小化/文件压缩,减少文件的体积;常用的工具是YUICompressorC、使用CDN托管,尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环E、GZIP压缩你的JS和CSS一个程序至少有一个进程,一个进程至少有一个线程线程的划分尺度小于进程,使得多线程程序的并发性高。另程在执行过程中拥有独立的内存单元,而多个线程共享内为什么利用多个来提供资源会更有效?浏览器同一时间可以从一个多少资源?你的浏览器能同时保持对一个的多少连接?三个最主流的原因CDN突破浏览器并发限制(你随便挑一个G家的url:/-si4dh2myPWk/T81YkSiAI/AAAAAAAAQ5o/LlwbBRpp58Q/w497-之类的需要大量并发的站点,这个非常重要。less,对于UGC的内容和主站,防止不必要的安全问题(上传js窃取主站 。正是这个原因要求用户内容的必须不是自己主站的子,而是一个完全独立的。数据做了划分,甚至切到了不同的物理集群,通过子来分流比较省事.^_^这个PS:关于 的问题,带宽是次要的,安全才是主要的。关于多,也不是越多越好,虽然服务器端可以做泛解释,浏览器做dns解释也是耗时间的,而且太多,如果要走https的话,还有要多买和部署的问题优化图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方)3.优化CSS(压缩合并css,如margin-top,margin-left…)4.后加斜杠(如,会判断这个 录。小,如果很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。当浏览器知道了高度和宽度参数后,即使暂时无法显示,页面上也会腾出的空减少http请求(合并文件,合并)SVG<circle<circlecx=”40″cy=”40″r=”24″style=”stroke:#006600;<usexlink:href=”#sample1″”<svgjavascript一段只能来自于同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议端的组协议:http,ftphttps主机名;localhost端http协议的默认端口:80https:协议的默认端口是同源策略带来的麻烦:ajax在不同下的请求无法实现,如果说想要请求其他来源jsjsonjsonpJSONPscript//内嵌、外联,行内functiongetStyle(obj,attr,value){{{return}}}{obj.style[attr]=}}jsonp动态创建script,给请求的地址中添加一个get参数,这个参数代表回调函数,也就是希望服务器处理完请求之后,端执行这个对调函数们同样可以给静态页面,并使用javascript来获得相信应的参数值返回值:?ver=1.0&id=timlq 答:,返回值:#love; 这时就返回bind素的事件上并返回jQuery对象。live(包含现有的或将来添加的)的指定事件上并返回jQuery对象。delegate(现有的或最佳实现:jquery1.7之后:就使用on()jsjquery的get\postHttpRequest再设置他的请求头:请求的数据类型:json/xml再设置他的onreadstatechange最后再提交这个请求web//14web2CDN(ContentDeliveryNetwork,内容分发网络)3ExpiresHeader 文14Ajax简述readyonly与disabledreadonlyinput(textpassword)和textarea有效,而disabled对于所有的表单元素都有效,当表单元素在使用了disabled后,当表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去请尽可能详尽的解释ajax的工作原理思路:先解释异步,再解释ajax如何使用2005年诞生ajaxAjax的原理简单来说通过XmlHttpRequestjavascriptDOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理,须对XMLHttpRequest有所了解。XMLHttpRequest是ajax的机制,它是在IE5中首先引入的,是一种支持异步请求的技术。简单的说,也就是javascript可以及时向服务器提出请求和处理响应,而不阻塞用户。达到无刷新的效果。070HTTP200302304403404500302:请求的资源临时从不同的URI响应请求。由于这样的重定向是临时的,客户端应当继续向原有地址发送以后的请求。只有在Cache-Control或Expires中进行了指定的情况下,这个响应才是可缓存的304GET请求且该请求已被允许,而文档的内容(自上次以来或者根据请求的条件)并没有改变,则服务器应当返回这个状态码。304响应403:服务器已经理解请求,但是拒control,Expires分别代表什么)Last-Modified文档的最后改动时间。客户可以通过If-Modified-Since期,该请求将被视为一个条件GET回一个304(NotModified)状态。Last-Modified也可用setDateHeader方法来设置。 解释下这个css描述错误的是A:Http302B:domContentLoaded事件早于onload事件//当onload事件触发时,页面上所有的DOM,样式表,,,flash都已经加载完成当DOMContentLoaded事件触发时,仅当DOM加载完成,不包括样式表,,flashCIE678 //错误,因为没有时间限写一个post数据dataType:"json",//data//}默认值"GET")("POST"GET")"GET"HTTP请求方法,如PUT和DELETE也可以使用,但仅部分浏览器支持。默认值:类型:Function请求成dataType一个Ajax事件。可选。AJAX默认值true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。XMLHttpRequestHTTPXMLHttpRequestAjaxfalseajax默认值true,dataTypescriptjsonpfalsefalsejQuery1.2新功能。contentType类型:默认值"application/x-www-form-urlencoded"content-type$.ajax发送到服务器的数据。将自动转换为请求字符串格式。GET请求中将附加在URL后。查看processData选项说明以此自动转换。必须为Key/Value格式。如果为数组,jQuery将自动为不同值对应同一个名称。如{foo:["bar1","bar2"]}转换为'&foo=bar1&foo=bar2'。Ajaxdat

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论