ljQuery和DWZ源码分析.docVIP

jQuery和DWZ的源码分析报告 专 业 软件工程 班 级 嵌入1112班 学 号 201111701428 姓 名 张钦城 2014 年04月28日 jQuery源码分析 1， 打开jQuery源码，首先你会看到这样的代码结构： (function( window,?undefined?) { ????// jquery code })(window); ?这是一个。在第一个括号内，创建一个匿名函数；第二个括号，立即执行通过定义一个匿名函数，创建了一个“私有”的命名空间，该命名空间的变量和方法，不会破坏全局的命名空间。这点非常有用也是一个JS框架必须支持的功能，jQuery被应用在成千上万的JavaScript程序中，必须确保jQuery创建的变量不能和导入他的程序所使用的变量发生冲突。 jQuery对象不是通过?new?jQuery?创建的，而是通过?new?jQuery.fn.init?创建的 ? var?jQuery =?function( selector, context ) { ???????return?new?jQuery.fn.init( selector, context, rootjQuery ); } jQuery对象就是jQuery.fn.init对象 如果执行new jQeury(),生成的jQuery对象会被抛弃，最后返回?jQuery.fn.init对象；因此可以直接调用jQuery( selector, context )，没有必要使用new关键字 先执行?jQuery.fn = jQtotype，再执行?jQtotype = jQuery.fn，合并后的代码如下： jQtotype = jQuery.fn = jQtotype ? 所有挂载到jQuery.fn的方法，相当于挂载到了jQtotype，即挂载到了jQuery?函数上（一开始的?jQuery =?function( selector, context )?），但是最后都相当于挂载到了jQtotype，即相当于挂载到了一开始的jQuery?函数返回的对象上，即挂载到了我们最终使用的jQuery对象上。 DWZ框架一个国产的单页面RIA框架,RIA即富客户端互联网应用程序,是指在web上实现如桌面软件一样的操作界面 这个库是对javascript的二次封装、即封装了jQuery. DWZ框架为我们定义好了框架的布局样式.我们在使用的时候只需要偷梁换柱即可。我们可以以html的样式进行控件的引用.只需要设置好ID即可,因为在js后台已经为我们设置好了样式。 通过不同的id以及不同标签的配合实现可以实现强大的客户端界面。 DWZ框架的入口 这个框架核心包含了 贯穿整个DWZ框架的核心方法 如 页面初始化 init和 表单提交ajax等 还有包括一些页面加载配置等信息,这里主要介绍init函数 DWZ小组在这个js页面下创建了一个 名字为DWZ的对象.这个对象是一个键值对数组. javascript的一种对象表示形式,,比如上面的init方法.在DWZ中的定义就类似如下 、 var DWZ={inti:function(){ ,,,,,核心代码 } ajax:function(){ ajax代码 } }; 这定义了一个数组,数组内部包含着键值对数组, 数组每个元素的键就代表函数的名字, 因为数组也是对象所以我们看到 在 DWZ提供给我们的jui 中的index.html头部包含这样一段代码: script type=text/javascript/* * */$(function(){ DWZ.init(dwz.frag.xml, /////json对象 { loginUrl:login_dialog.html, loginTitle:登录, // 弹出登录对话框// loginUrl:login.html, // 跳到登录页面 statusCode:{ok:200, error:300, timeout:301}, //【可选】 pageInfo:{pageNum:pageNum, numPerPage:numPerPage, orderField:orderField, orderDirection:orderDirection}, //【可选】 debug:false, // 调试模式 【true|false】 callback:function(){ initEnv(); $(#themeLi