??xml version="1.0" encoding="utf-8" standalone="yes"?>久久久无码精品亚洲日韩蜜桃,亚洲福利一区二区,亚洲熟妇无码AVhttp://www.tkk7.com/gaojing/category/8699.htmlzh-cnWed, 28 Feb 2007 08:09:38 GMTWed, 28 Feb 2007 08:09:38 GMT60《征服AjaxQWeb 2.0开发技术详解》-Q第二章QJavaScript语言基础http://www.tkk7.com/gaojing/archive/2006/06/27/55343.html龍~天飛龍~天飛Tue, 27 Jun 2006 08:10:00 GMThttp://www.tkk7.com/gaojing/archive/2006/06/27/55343.htmlhttp://www.tkk7.com/gaojing/comments/55343.htmlhttp://www.tkk7.com/gaojing/archive/2006/06/27/55343.html#Feedback0http://www.tkk7.com/gaojing/comments/commentRss/55343.htmlhttp://www.tkk7.com/gaojing/services/trackbacks/55343.html1、JavaScript概述
   ⑴JavaScript?br />      览器提供了以个JavaScriptq行环境来实现客L的计,q提供了一些内|对象来Ҏ览器q行控制Q例如用来表C浏览器H口的Window对象Q表C浏览历史的history对象Q表C整个文的doucment对象{。同Ӟ览器环境还允许JavaScript嵌入到HTML标记中来处理某些事gQ如<img>标记中可以生loadingQunloadQerrorQabort{事Ӟ文本框可以有focusQblurQselect{事件?br />      JavaScript实际上是一门基于对象的语言Q语a的基本元素及览器的功能模块都以对象的Ş式提供,例如Array对象QMath对象QData对象QWindow对象{。每个对象都是一个无序属性(ҎQ的集合Q它可以?个或多个属性(ҎQ,q些属性(ҎQ决定了一个对象的行ؓ?br />   ⑵JavaScript版本介绍
      JavaScript发展至今Q已l存在多个版本,它们是从JavaScript 1.0一直到JavaScript 1.5Q而JavaScript的估计标准是ECMAScript?br />   ⑶JavaScript在Ajax中的作用
      

(未完待箋)

龍~天飛 2006-06-27 16:10 发表评论
]]>
《征服AjaxQWeb 2.0开发技术详解》-Q第一章:Ajax概述http://www.tkk7.com/gaojing/archive/2006/06/20/54017.html龍~天飛龍~天飛Tue, 20 Jun 2006 08:44:00 GMThttp://www.tkk7.com/gaojing/archive/2006/06/20/54017.htmlhttp://www.tkk7.com/gaojing/comments/54017.htmlhttp://www.tkk7.com/gaojing/archive/2006/06/20/54017.html#Feedback3http://www.tkk7.com/gaojing/comments/commentRss/54017.htmlhttp://www.tkk7.com/gaojing/services/trackbacks/54017.html 1、Ajax的含义:
   Ajax的全U是 Asynchronous JavaScript And XML (异步JavaScript 和 XML)Q它不是一Ҏ技术,而是很多成熟技术的集合?br />   和AppletQFlash相比QAjax则是一U轻量的解x案。因为它操作的基是HTML或者是XHTMLQ用的教本语言是JavaScriptQ这可以保证它的U文本性质Q它h更好的搜索引擎友好性;设计的Ajax应用q可以很好的工作在旧版本的设备上Q利用XMLQAjax可以和其他应用程序方便地q行通信。Ajax可以q速赢得别个注意的另一个重要原因还在于它完全是Z成熟的技术,作ؓ异步调用的基设施XMLHttpRequestQ早?999q就被引入了IE览器,随后又被其他览器支持,成ؓ事实上的标准QJavaScript、DOM、CSS则早是W3C标准?br />
2、AjaxQ新的Web开发模?br />    在传l的Web应用E序中,一般都是采取请求→h→显C的模式。即每当用户通过单击按钮或链接向服务器发送一个请求时Q都由服务器接收hq处理,处理完毕后服务器信息发送至览器进行显C。而在服务器处理的旉里,览器处于Loading状态,昄为空白和无响应状态,用户能做的事情只有等待?br />   事实上,用户惌得的可能仅仅是一件商品的h信息Q但Zq么一个微的h却不得不h整个面Q让其他所有图片和数据都被重新q算和下载。这不仅加大了网l流量,也加大了服务器的处理负担Q造成用户体验质量的下降?br />   ⑴传l的Web开发模?br />      传统的Web开发模式是一U请求→h→响应的模式Q每个请求由单独的一个页面来昄Q发送一个请求就会重新获得这个页面,也就是常说的h。在q种模式下,每个应用E序由多个页面组成,每个面对应到服务器的一个业务逻辑Q或者说是功能块。而在客户端显C的面实际只是一个纯界面性质的东ѝ?br />     

01.JPG


      从图1所C可以看出,客户端的每个面都对应服务器端的一个页面,而应用程序的功能则由各个面所l成。每个子功能可能对应C个或多个面Q这取决于设计h员的考虑。虽然开发方式灵zdP必须信息对应到一个页面,由浏览器发送这个请求,服务器接受到h后会整个页面作Z个整体提供给用户Q而不页面中是否包含冗余的信息。很昄Q这对于用户来说降低了其讉K速度Q他被迫接收了无用的信息?br />    说明Q即使Web开发h员ؓ了提高响应速度而将面_度降得很低Q也不能很好的解册个问题。这也是对于客户端的控制传统BS架构不如CS的重要原?br />      Web面中还有大量静态不变的元素Q比如用于整体架构的HTML元素Q用于界面表现的囄、CSSQ用于广告效果的Flash{,他们都是造成打网l流量的主要因素Q因为每h一ơ页面,q些数据都重新加载,虽然览器的~存可以解决一些问题,但浏览器q是必须从服务器重新获取数据Q从而判断这些图片或Flash是否由更新?/font>
   ⑵基于Ajax的开发模?br />      比v传统的Web开发模式,Ajax则向传统桌面E序靠拢了许多,一个Web已l越来越向于一个单独的应用E序。一个Web可以从多个接口获取数据Qƈ他们更新在面中,所有的工作都是在后台完成。设计良好的AjaxE序可以告诉用户览器正在做什么,让用户可以边{待边完成其他工作?br />      在Ajax中,每个客户端页面不一定对应一个服务器端页面,而可能是由多个服务器端页面共同协作完成该面所需要的功能?br />      大多数服务器端的面已经不再是界面表现的工具Q而是作ؓ提供数据的接口,XMLHttpRequest对象能够获取q些面的信息,q将其提交给客户端页面的Ajax引擎Q由Ajax引擎来处理这些数据ƈ表现到页面,可以用图2来示意这Ll构?br />

02.JPG


      从图2所C可以看出,在Ajax中,每个客户端表现的面可以由多个服务器端页面共同完成,一个服务器端页面可以ؓ多个客户端页面服务。在q样的模式下Q每个服务器端页面可以将功能的粒度分的很l,至于q些功能怎么l合Q则完全是客L的事。通过Ajax引擎Q客L面可以Ҏ用户的需求来调用服务器端相应的页面,获得数据q显C在面上。此时许多服务器端页面已l不能称之ؓ面Q应该称之ؓ接口?br />   ⑶两U开发模式的比较
      ①传lWeb模式的工作流E?br />      比vAjax中的异步的概念,在传lWeb模式中是一U同步的概念Q用户必ȝ待每个请求,当一个请求完成后才能获得l果Q在使用完这些结果后才会发出新的h。如时序?描述

03.JPG

      
      从图中可以看刎ͼ在传l的Web开发中Q完全是一U请求→h→响应的模型Q用户只有等h完成后才能进行用h作,操作完成后才能提交下一个请求,用户行ؓ和服务器行ؓ是一U同步的关系Q需要相互等待,正是q种{待Q造成了BSl构客户端和CS架构客户端的本质区别?br />      ②AjaxE序的工作流E?br />      在基于Ajax的WebE序中,最为重要的特征是同步请求{变ؓ异步h。这意味着客户端和服务器端不必再相互等待,而是可以q行一些ƈ发的操作。用户在发送请求以后可以l当前工作,包括览和提交信息。在服务器响应完成之后,Ajax引擎会将更新的数据显C给用户Q而用户则工具响应内容来决定自׃一步的行ؓQ图4描述了异步Ajax操作的流E?br />

04.JPG


      从图4中可见,在用戯为和服务器端多了一层Ajax引擎Q他负责处理用户的行为,q{化ؓҎ务器的请求。同时它接收服务器端q回的信息,l过处理后显C给用户。由于Ajax在后C异步的方式工作,用户无需{待服务器的处理Q可以进行ƈ发工作,q就在用L面层ơ上更ؓ接近了CS架构的客Lq_?br />       注意Q同步和异步只是两种开发模式的区别中的一个。Ajaxq带来了性能的提高:因ؓ用户的行为经q了Ajax引擎的处理,使得客户端可以只获取需要的数据。DOM模型使得动态改变页面的层次l构成ؓ可能Q这样动态获取的数据可以动态的嵌入到页面之中,避免了数据重复加载带来的速度和效率问题。服务器端的l织形式则可以将功能划分的更l,q样服务器就可以只ؓ有用的数据进行工作,大大提高了运行效率?br />
3、Ajax中的关键技?/font>
   Ajax是多U技术的一个组合应用,管很多技术都已经存在多时q且相当成熟Q但却没有引起h们够重视,对它们的了解一般也都停留在一个很基础的阶Dc现在就对q些技术做一个简要的介绍Q说明他们在Ajax中所L作用以及如何协同工作的?br />   ⑴JavaScript脚本语言
      面设计时常怼加入一些特效,q个是JavaScript的功功?br />      在Ajax中,JavaScript已经从后台状态{Ud前台Q发挥着巨大的作用。可以说QJavaScript是Ajax中的黏合剂,它DOM、XHTML、XML和CSS可以互相协作Qƈ控制他们的行为?br />      现在WebE序中基于JavaScript实现很多功能已经h相当大的实用性了Q不再是一些特效或者表单验证之cȝ单应用了Q这些应用所使用的JavaScript技术也是相当专业的。因此,要开发复杂高效的Ajax应用E序Q就必须对JavaScript有深入的认识Q应该象对待一门新的语a一h对待它?br />   ⑵XMLHttpRequest对象
      XMLHttpRequest是一个长期被人忽视的对象Q这与它强大的功能不相匹配。借助他可以在|页的背后和览器进行异步通讯Q而无需h整个面。XMLHttpRequest对象在JavaScript中创建ƈ使用Q客L可以仅仅从服务器端获取它需要的信息Q通过DOM和CSS的结合,可以实现局部刷新的效果Q同时还可以通过XMLHttpRequest对象异步提交信息Q将用户的输入在后台提交到服务器而无需hq个面?br />   ⑶可扩展标记语言(XML)
      XML作用很大而且qؓ接受Q它q_、跨领域的应用提供了一U通信手段。在Ajax中,它以客户端和服务器端通信载体的n份出现。按照最初对Ajax的定义,服务器端和客L的通信都应该由XML来完成。事实上Q用XML的确可以带来很多好处Q例如数据传输非常规范;服务器端和客L的开发h员可以很好的协同工作Q不用ؓ数据格式的问题而烦|可以方便C用XSLTXML文直接转换为HTML片断插入到页面中?br />   h对象模?DOM)
      文对象模型(DOM)用来表示昄在浏览器上的整个文对象及其层次l构。在Ajax中,DOM模型是不可缺的一部分。用JavaScript可以讉K文中的所有节点,x有对象?br />      通过改变q些对象的属性,用户可以控制面的局部行为,动态获取的数据插入到文档中Q实现局部刷新的目的。用戯可以利用DOM模型增加和删除文结点,实现界面元素的动态变化?br />   ⑸联样式表技?CSS)
      CSS最q两q是热火朝天Q其中一个重要的原因是使用Web标准q行面设计正逐渐成ؓL?br />      在Ajax中,CSS同样担当着界面表现的重任,光要性甚臌q了传统的WebE序设计。JavaScript通过XMLHttpRequest对象和服务器q行交互Q通常获取的都是单U的数据Q不包括表现元素Q而将q些数据插入到文本w就是一仉怸谨的工作Q如果此时还需要用JavaScript操作标记的属性来控制其外观,会代码更加复杂而且难以l护Q也无法做到使程序开发h员和界面设计人员分工合作Q用CSS则能很好的解册个问题。CSS知道出现在某个地方的标记应该昄什么样式,通过单的cd性和id属性也很容易决定那些元素应该有怎样的表现Ş式?br />
4、用Ajax带来的问?/font>
   ⑴用h览习惯改变带来的问题
   ⑵对搜烦引擎的不友好
   ⑶前q后退按钮的失?br />   ⑷刷新定位问?br />   ⑸性能问题
   ⑹开发难度的加大



龍~天飛 2006-06-20 16:44 发表评论
]]>
վ֩ģ壺 þaaëƬѲŰ| ѹۿŮƵ| ߹ۿɫƬվ| þþþAV| һһһƵѿ| avպavav| Ļ߳վ| ۺУ԰ɫ| ĻmvƵ7| ޾Ʒһ| Ʒۺ| պƵ| AƬ߹ۿ| þۺϸϾþù| ձvaƵۿ| ձ߿Ƭ| ҹӰ߹ۿ| žƷƵվ| վ߲Ƶѹۿ| Ƶ߹ۿ| Ƶ| ޴߶ר| պƷƷƵ߹ۿ| Ƭѹۿ| һҹaëƬƵ| ˳߲վ| ŮվѸƵ| ͵͵޸| ŷAVӰ߹ۿ| þþƷavƷ| Ů˱˾޴| þѾƵ| av| þþƷž޾Ʒ| | ޹һ| ɫ鶹һƷһAVһ | ˳77777ɫ| þùƷѿ| ޹˾Ʒ | ŷAVӰ߹ۿ |