JavaScript交流内容.pptx

单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,ESRI-China,JavaScript,开发介绍,李亮,子时（夜里,111,点）,胆经当令,胆值班，不是我们说的胆囊。,胆经在身体的两侧，从手臂开始。胆决定生发之机，比如两鬓斑白，实际上就是生机慢慢弱了，这就是胆经的问题。比如偏头痛，左边和右边不一样，左边和肝血有关，右边是和肺经有关，同时都涉及到胆经的问题；你后脑白发和前面白发，前面长白头发是胃经，是胃气败的一个现象，是胃气出现了衰退，前额痛也是属于胃病的痛。治不一样的头痛症，实际上一个真正的好中医是辨症论治的，不仅要问你哪痛？还要问什么时间痛？这就把问题弄全面了。如果你光说我前面头痛，这是胃经痛，而且我还要问你是几点痛？什么时间段会痛？我就知道这个时候谁在当班。就像管理一样，这时候我们就管值班的人就够了，这都是很重要的。,1,、养生机：凡十一藏取决于胆,2,、为什么十二生肖“鼠”为首,3,、失眠的原因与治法,其他时间,丑时（夜里,13,点）,肝经当令,寅时（夜里,35,点）,肺经当令,卯时（早晨,57,点）,大肠经当令,辰时（上午,79,点）,胃经当令,巳时（,911,点）,脾经当令,午时（上午,1113,点）,心经当令,未时（下午,1315,点）,小肠经当令,申时（下午,1517,点）,膀胱经当令,酉时,(,下午,17-19,点,),肾经当令,戌时,(,晚上,1921,点,),心包经当令,亥时,(,晚上,21-23,点,),三焦经当令,Dojo,深入开发,基于,Dojo,的客户端开发框架,Dojo,开发简介,Dojo,简介,Dojo,的历史和发展,Alex Russell,和,Dylan Schiemann,2004,年发起的开源项目,dojo.connect(myButton,click,myFunction);,Not Just a LibraryA Toolkit,一个设计和实现与浏览器无关,将,W3C,DOM,模型的编程方式进行功能化和类库化组织，使得开发更加方便,处理了跨浏览编码引起的缺陷，例如内存泄漏等,模型化的模块操作，可以将代码放置在不同的文件里面，并且最后进行压缩组织在一起,独立的类库，需要的时候再加载,Dojo Is Open Source,双协议,BSD license,Academic Free License,version 2.1,免费下载,通过论坛得到支持,dojotoolkit.org/.,Dojo,分为三个工程,Dojo,其他各部分的基础,50,多个,js,文件,浏览器兼容问题，,JS,模型化，扩展原生,JS,对象，对于,W3C DOM,对象扩展，远程脚本调用，,Firebug Lite,，,drag and drop,，数据存储，本地化和全球化,Dijit,Dojo widget,框架（,40,多个,HMTL,UI,widget,）,DojoX,Dojo,扩展,Dojo,部分,Base,Dojo resources on-the-fly,querying the DOM using CSS3 selectors,DOM events amongst various browsers,Core,准备开发,得到,Dojo,下载官方版本,从,SVN,得到,svn.dojotoolkit.org/src/branches/1.2,Content Delivery Network，,内容分发网络,(AOL,CDN),dojo.addOnLoad,djConfig,dojo.byId,dojo.connect,DOM,编程与事件流,DOM,对象,事件流,冒泡型事件,捕获型事件,事件监听,通用监听方法,简单方便,同一个事件只能对应一个函数,IE,中的监听方法,object.attachEvent(,“,event_handler,”,fnHandler),object.detachEvent(,“,event_handler,”,fnHandler),标准,DOM,中的监听方法,object.addEventListener,“,event_handler,”,fnHandler),object.removeEventListener,“,event_handler,”,fnHandler),Dojo.Connect,dojo.connect=function(,/*Object|null*/obj,/*String*/event,/*Object|null*/context,/*String|Function*/method,/*Boolean*/dontFix),Create a link that calls one function when another executes.,Dijit,开发入门,dijit,入门,为什么会出现,Dijit,演示,Accessibility(a11y),Themes,Tundra,Soria,Nihilo,DijitbyId,Parser,djConfig=parseOnLoad:true,dijits,介绍,(1),Form Dijits,Form,Button,variations,ComboBox,FilteringSelect,NumberSpinner,Slider,Textarea,SimpleTextarea,MultiSelect,TextBox,variations,dijits,介绍,(2),Layout Dijits,ContentPane,TabContainer,StackContainer,AccordionContainer,BorderContainer,dijits,介绍,(3),Application Dijits,Tooltip,Dialog,ProgressBar,ColorPalette,Toolbar,Menu,TitlePane,InlineEditBox,Tree,Editor,dijit,深入理解,Dijit,剖析,Dijit,生存周期,preamble(/*Object*/params,/*DOMNode*/node),/precursor to constructor;can manipulate superclass constructor args,constructor(/*Object*/params,/*DOMNode*/node),/fire any superclass constructors,/fire off any mixin constrctors,/fire off the local class constructor,if provided,postscript(/*Object*/params,/*DOMNode*/node),/_Widget implements postscript to kick off the create method.,_Widget.create(/*Object*/params,/*DOMNode*/node),_Widget.postMixInProperties(),_Widget.buildRendering(),_Widget.postCreate(),Dijit,内在属性,this.id,this.lang,this.dir,this.domNode,开发自己的,Widget,其他,AJAX,框架技术简介,AJAX,框架技术,Ajax,框架,jQuery,jQuery,是一款免费且开放源代码的,JavaScript,代码库，由,John Resig,创建。授权协议为,GPL,和,MIT,许可证双协议。,跨浏览器的,RIA,框架,ExtJS,ExtJS,可以用来开发,RIA,也即富客户端的,AJAX,应用，是一个用,javascript,写的主要用于创建前端用户界面，是一个与后台技术无关的前端,ajax,框架。因此，可以把,ExtJS,用在,.Net,、,Java,、,Php,等各种开发语言开发的应用中。,ExtJs,最开始基于,YUI,技术，由开发人员,JackSlocum,开发，通过参考,JavaSwing,等机制来组织可视化组件，无论从,UI,界面上,CSS,样式的应用，到数据解析上的异常处理，都可算是一 款不可多得的,JavaScript,客户端技术的精品。,Ajax for Java),DWR,是一个,Java,开源库，帮助你实现,Ajax,网站。,它可以让你在浏览器中的,Javascript,代码调用,Web,服务器上的,Java,，就像在,Java,代码就在浏览器中一样。,directwebremoting.org/,Buffalo,！（国产）,Yahoo UI,库,YUI,Yahoo!UI Library,(,YUI,),是一个开放源代码的,JavaScript,函数库，为了能建立一个高互动的网页，它采用了,AJAX,DHTML,和,DOM,等程式码技术。它也包含了许多,CSS,资源。使用授权为,BSD,许可证,AWT,包设计，类命名规则、接口设计、事件监听等都和,AWT,非常类似。熟悉,Java AWT,的开发者不需要花费多大的力气就能够快速的理解,GWT,开发工具包，将更多地时间投入到,GWT,应用的开发过程中。,开发出来的,Java,应用将由,GWT,开发包提供的编译工具编译后声生成对应的、应用了,Ajax,技术的,Web,应用，,Java,应用中出现的、和服务器之间的交互动作被自动生成的异步调用代码所代替。,面向对象的,JavaScript,框架,Dojo,Dojo,是一个强大的面向对象,JavaScript,框架。,主要由三大模块组成：,Core,提供,Ajax,events,packaging,CSS-based querying,animations,JSON,等相关操作,API。,Dijit,是一个可更换皮肤，基于模板的,WEB UI,控件库。,DojoX,包括一些创新,/新颖的代码和控件：,DateGrid，charts，,离线应用，跨浏览器矢量绘图等,为什么不选择,Prototype,？,RIA,应用框架,OpenLaszlo,OpenLaszlo,是一种富客户机应用程序架构，使用,Flash,作为部署载体。,OpenLaszlo,依赖,JavaScript,来表达逻辑，并提供了传统,Flash,开发方式无法比拟的一些优点，包括高级的,UI,约束系统、面向对象的设计方法学以及内置的对,Web,服务和各种风格的远程过程调用（,Remote Procedure Call,，,RPC,）的支持。,Ajax,框架,ZK,ZK,是一套以,AJAX/XUL/Java,为基础的网页应用程式开发框架，用于丰富网页应用程式的使用接口。,以,XML,为基础的使用接口设计语言,ZK User-interfaces Markup Language(ZUML),。,Ajax,框架,Prototype,Prototype.js,是一个由,Sam Stephenson,写的,JavaScript,包。,配合,Ruby on Rails,开发的包,Class.Create(),和,Object.Extend(),Prototype,与,prototype,属性的区别,RIA,框架,JavaFX,Sun,公司推出,与,FLEX,、,SilverLight,（,Moonlight并列,可以在手机上面使用,但需要,jre,支持,JavaFX,扩展工具包,JFXtras,其他框架,面向对象的,JavaScript,框架,MooTools,AjaxPro,Ajax.NET Professional(AjaxPro),是最先把,AJAX,技术在微软,.NET,环境下的实现的,AJAX,框架之一。它在客户端脚本之上创建代理类来 调用服务器端的方法。,ASP.NET AJAX,（,AJAX Control Toolkit,）,AJAX Control Toolkit,是由社区和,Microsoft,共同开发的一个,ASP.NET AJAX,扩展控件包，其中包含了数十种基于,ASP.NET AJAX,的、提供某一专一功能的服务端控件。构建在,ASP.NET 2.0 AJAX Extensions,之上，志在成为最大、最好的可用,Web,应用程序的组件集合。,分路复用协议,Bayeux,Bayeux,的主要目的是支持使用,ajax,的客户端与服务器端之间灵敏，快速的信息交互。,Bayeux,是一种用来在客户端和服务器端传输低延迟的异步消息（主要通过,http,）的一种协议。它定义的消息通过命名通道进行路由并且能够进行交 互传 送：,server-client,client-server,甚至,client-client,（当然还是需要通过,server,中转）。默认的此通道已经引用了发布的路由语义，但同时也支持其它路由模块。,从服务器端向客户端异步发送的数据通常被叫做“服务器推”（,server-push,）。这种使用,ajax,的,web,应用和服务器推技术的结合称作“,Comet”,。,Cometd,是一个提供多种开发语言的,Bayeux,项目，由,Dojo,基金会提供支持。,Bayeux,允许实现器通过更加简单的交互，解决普通的消息分发和路由的问题，同时为日益增加的改进和扩展提供相应机制，,Bayeux,希望通过这种方式力求减少开发“,Comet,驱动”应用的复杂度。,技术的结合,Tatami,Tatami,是一个将,Google Web Toolkit（GWT）,与,DOJO JavaScript,框架集成在一起的开源项目。,GWT-Ext,SmartGWT,SmartGWT,是一个利用,GWT,封装,SmartClient,的开源项目。类似于,GWT-Ext,。,SmartClient,是一个企业级的,ajax,框架，包括非常出色的,UI,库、工具库和客户端服务端数据绑定等功能。,Fjax,JavaScript,面对对象技术,JavaScript,面对对象技术,对象,对象的创建,对象是,JavaScript,的基础,重载（并非真正的重载）,继承,作用域链,匿名,函数,(function()(),；,函数的调用,公共函数,私有函数,特权函数,静态函数,JavaScript,中的重载,直接使用在,作用域链,中最后定义的那个函数,JavaScript,中的继承,没有从一个类扩展出另外一个类的底层类结构,通过简单的从一个对象原型向另外一个对象原型复制的方法实现,作用域链,(Scope Chain),函数的调用,var foo=exampleFunction();,Var foo=exampleFunction,;,