QWrap设计ppt.pptVIP

QWrap设计思路简介 ----By JK 2010-07-12changed at 2011-02-25 JS Libs Prototype MS最早成型的js库。贡献：多浏览器解决方案、Ajax、$、挖掘prototype YUI YUI2-贡献：Dom系列方法、系列组件、YUI Compressor、YUI Doc。 YUI3：依赖管理与异步加载、沙箱安全机制。 Jquery Jquery贡献：selector、jquery链式调用、gsetter写法(采用get first/set all策略)以及其它简单写法与命名 Dojo 协同开发的工具箱、提出dojo.require机制(后来被YUI3发扬光大) Mootools 面向对象，new Class(小写的class是保留字哦) QWrap的目标 提供一个静态的核心库，拥有简单可依赖的编码模式。 拥有无污染版，只有一个命名空间对外开放。 提供一套retouch机制，可以灵活的产出满足prototype与jquery等用户习惯的应用。 以Youa作一个典型用户，可以灵活输出满足Youa习惯的应用。 提供某些核心组件。并可以简单的产出solo组件。 可以让外部组件开发者在开发时使用本核心库，而输出可以独立运行的solo组件。 文档生成/实例管理工具。 如何实现目标 Helper规范----写码与应用分离 Wrap模式----让无法改写prototype的Element与Helper结合，产出可以链式调用的NodeW Retouch机制----让一段代码，拥有多种应用 apps输出模式----多种retouch同时输出，满足不同用户的需求。 JSM/JsDoc core_base.js 瘦主干：一个很瘦的主干（还可以更瘦） (function(){ var _previousQW=window.QW; var QW = { JS_VERSION: $version$, JS_RELEASE: $release$, JS_PATH: (function(){...})(),  namespace: function(sSpace,root) {…}, noConflict: function() {...}, loadJs: function(url,onsuccess,options){…} }; QW.provideDomains=[QW]; window.QW = QW; })(); Helper是什么 一个Helper是指同时满足如下条件的一个对象： 它是一个不带有可枚举proto属性的简单对象（这意味着你可以用for...in...枚举一个Helper中的所有属性和方法） 它可以拥有属性和方法，但它的方法必须满足如下条件： 1). Helper的方法必须是静态方法，即内部不能使用this。 2). 同一个Helper中的方法的第一个参数必须是相同类型或相同泛型。 通常以大写字母H结尾。 典型代码： var StringH = { trim: function(s) {return s.replace(/^[\s\xa0\u3000]+|[\u3000\xa0\s]+$/g, );}, contains: function(s,subStr) {return s.indexOf(subStr)-1;}, byteLen: function(s) {return s.replace(/[^\x00-\xff]/g,--).length;}, evalJs:function(s,opts) {return new Function(opts,s)(opts);} }; 对于只满足第一条的对象，也算是泛Helper，通常以“U” 结尾。 本来Util和Helper应该是继承关系，但是JavaScript里我们把继承关系简化了。 我们有哪些Helper 一个特殊的Helper---HelperH HelperH是一个针对Helper对象的Helper 有以下主要方法 Wrap是什么 Wrap就是在一个核(core)的外面包的一层皮。 可以在Wrap上加很多方法，来针对core进行操作。 Wrap的方法，都是针对this.core的，就相当于prototype的方法都针对是this Wrap的示意代码： var ObjectW=function(core) {this.core=core; }; ObjectW.prototype.set=function(key,value){this.core[key]=value;return t