JKisJK

摘要：QWrap Selector解密之五：小结Selector自从被jquery带到js中来，它在js中就一直是一个使用频率最高的东西之一。作为使用者，也没必要去详细了解。不过通过写selector来了解selector与提高自己的js水平，还是一件不错的事。我想，在为数不多的写过selector的同学里，大部分也应该只是练练手而已，而没有刻意追求使用性。前面几篇文章只是粗略的介绍了下selector的写法、querySelector顺序、matchSelector概要、自选器转换，它们是selector中几个容易误解或走岔的地方，了解了这些，selector就会变得简单。再也不必听别人怎么神话化 阅读全文

摘要：QWrap Selector解密之四：自选器转化在《认识selector写法》中提到，我们把“没有关系符的选择器”叫“自选器”，例如“input#myId[value=hello]:enabled”，我们先看一下自选器里都有些什么内容，如下表：格式意义*通配类型，特征：以*打头E类型选择，特征：以tagName打头#idid选择，特征：“#”号.classNameclassName选择，特征：“.”号[foo][foo="value"][foo~="value"]属性选择，特征：方括号。支持以下比较关系[foo] isTrue|hasValue[foo= 阅读全文

摘要：QWrap Selector解密之三：matchesSelectorw3c的selector-api2标准已经提供了matchSelector的相关条文：http://dev.w3.org/2006/webapi/selectors-api2/#matchtestingmodule dom { [Supplemental] interface Element { boolean matchesSelector(in DOMString selectors, in optional Element refElement); boolean matchesSelector(in DOMString 阅读全文

摘要：QWrap Selector解密之二：从左向右，还是从右向左关于Selector实现，问得最多的问题是：是从左往右，还是从右往左。先看一下它们有什么不同，以Selector.query('div span',document.body)为例。看下表： 从左往右从右往左策略简介先query得到divs，再通过divs来query得到spans先query得到spans，再通过是否有父节点是div来过滤问题思路简单，但除重与排序麻烦过滤麻烦，但不用考虑除重与排序解决方案如果整个selector里只有后代关系符与亲子关系符， 可以在通过divs来query spans之前， 对div 阅读全文

摘要：QWrap使用了一个独立的QW.Selector，而不是借用sizzle。相对于sizzle，QW.Selector摈弃了isXml参数（无情抛弃）与selector群组除重排序（实用意义有限而效率影响太大）；提供query方法之外，还提供了filter等与selector有关的其它一些方法，（详见：QW Selector简介）；比sizzle更严谨的对待需要回溯的selector（详见：jquery delegate美中不足）；体积小于sizzle的70%；性能也相当。两年来虽说没啥大变化，现在看来也不见得比当今的sizzle逊色，所以QWrap在开源时，也决定继续使用它。业界关心Selec 阅读全文

摘要：前文讲到Ajax的功能与代码，本文补叙一下Ajax的无依赖化。基本的ajax.js与业务逻辑无关，它是基于QWrap开发的。但是，QWrap好像是个不知名的框架，对于不用QWrap框架的公司来说，没必要为了用这个js而引入一个所谓的QWrap框架。没问题，我们可以依赖QWrap开发Ajax，而发布出一个无依赖的Ajax。ajax.js的最前面有一段代码： var mix=QW.ObjectH.mix, encodeURIJson=QW.ObjectH.encodeURIJson, encodeURIForm=QW.NodeH.encodeURIForm, CustEvent=QW.CustEv 阅读全文

摘要：先小白的百科一下吧： Ajax是什么？Ajax自Prototype框架把它普及以来，已经成为前端必须用到的组件，以致不少库把它放在核心代码里，例如jquery、prototype等。QWrap库中，还是把它还原到组件级别。（由于QWrap有灵活的多应用Apps机制，所以，实际中也可以将Ajax包进核心库）这里介绍的是WaGang团队基于QWrap开发出的Ajax组件。。先通过这个Demo页现认识一下吧：Ajax-Demo.html在项目中使用Ajax是ajax/ajax_retouched.js，它是一个复合文件，内容包括： document.write('<script typ 阅读全文

摘要：jquery的delegate有好几个缺憾。----或许是因为sizzle少提供了以refEl为参考、一个按selector来筛选els的filter(els,selector,refEl)的功能，jq需要自己去实现类似的功能。其一：selector是基于:root的，而不是:scope的。所以，在写代码时，需要带上scrope的定位部分。----注：:root指document根节点，:scope指代理节点例如，代理div1的儿子，需要这样写：$('#div1').delegate('#div1>*','click',fun});而不是这 阅读全文