JKisJK - 博客园

QWrap的js单元测试工具

摘要：在QWrap的js/_tools下面，有几个工具，还是挺实用的。今天介绍一下单元测试工具。QWrap的单元测试（unittest）工具，是基于jsspec（http://jania.pe.kr/aw/moin.cgi/JSSpec）的语法来的。其css也是完全照搬jsspec。相对于jsspec，改变有：代码重构、弃用多次运行(仅对未通过的试例)策略、移去对原型的渲染、部分功能增删。如何使用qwrap的jsspec：<link rel="stylesheet" type="text/css" href="http://dev.qwrap. 阅读全文

posted @ 2011-03-07 16:16 JKisJK 阅读(1941) 评论(0) 推荐(0)

让JS函数懒惰执行---lazyApply

摘要：我只能说，这是一个很有用的函数。输入“1”试试：<input id="test1" value=""><script> /** * 懒惰执行某函数：一直到不得不执行的时候才执行。 * @method lazyApply * @static * @param {Function} fun 调用函数 * @param {Object} thisObj 相当于apply方法的thisObj参数 * @param {Array} argArray 相当于apply方法的argArray参数 * @param {int} ims inter 阅读全文

posted @ 2011-03-03 19:44 JKisJK 阅读(1725) 评论(2) 推荐(0)

关于页面模块拖动的几个细节

摘要： Google首页的模块拖动。http://www.google.com.hk/QWrap的模块拖动。http://dev.qwrap.com/resource/js/wagang/drag/_examples/LayoutDrag.html以上两个页面都是模块拖动。分析一下它们的几个细节差别。1.拖动的是什么：“拖实体，用代理定位（google）” VS “拖代理，用实体定位（qwrap）”----google的做法是：鼠标拖动的是实体，而占位的是代理。====qwrap的做法是：鼠标拖动的是代理，而占位的是实体。----拖动实体的好处是：暂时没想明白。。。====拖动代理的好处是：实现简单、阅读全文

posted @ 2011-02-28 18:43 JKisJK 阅读(3273) 评论(7) 推荐(0)

Jquery之美中不足--之二

摘要：之前写过一篇《Jquery之美中不足》，文是提到了“Jquery专注于dom”，所以很多不是dom的功能，它没有提供。这就使得我们在使用jquery时，需要再额外的花点精力，去寻找一些jquery没提供的功能。QWrap把它的主要功能分两成部分：core 与 dom。core里提供了：模块依赖加载机制(ModuleH)、原生对象扩展(ArrayH/StringH等)、组件的自定义事件机制等。这么看来，QWrap的core模块里提供的，恰好是Jquery没提供的。试了一下，jquery加上qwrap的core模块，两者天然无冲突结合。结合的新应用的结果：集成了jquery框架的dom便利、pro 阅读全文

posted @ 2011-02-26 13:41 JKisJK 阅读(2160) 评论(4) 推荐(1)

为什么JS没有catchMyException或类似的方法

摘要：在QWrap的开发中，想做一个链式中断的功能。即：W('div').do11().do12().when(bl).do21().do22();写的时候，是一条长链，但是期望，如果其中的bl值为false的话，则后面的不执行（或是都是无效的执行）。而不是抛异常。可是，按现在的js语法，貌似很难做到这一点。于是抱怨起js来，js的异常，为什么不能选让当前对象处理一下，而是直接往外抛。例如：obj.anUnknownMethod();这时，因为没有方法，所以产生异常。如果能先看一下obj是否有一个catchMyException(ex)的方法，如果有的话，先调用一下obj.catch 阅读全文

posted @ 2011-02-24 18:00 JKisJK 阅读(624) 评论(0) 推荐(0)

让浏览器兼容placeholder

摘要： html5为元素添加了新属性placeholder。这是一个很常用的功能：把提示放在输入框里；onfocus时提示消息；onblur时如果已有值，则不再提示，如果没值，保留提示。QWrap的Valid组件里，提供了这个功能。不过Valid的功能太多，有使用成本。这里，把跟placeholder的功能独立出来，可以无依赖的使用。代码如下：View Code <html><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312">< 阅读全文

posted @ 2011-02-23 17:33 JKisJK 阅读(9452) 评论(9) 推荐(2)

无依赖的combobox组件(autocomplete组件)

摘要： wagang.net的首页需要一个combobox组件（autocomplete）。QWrap里有一个：http://dev.qwrap.com/resource/js/wagang/combobox/_examples/ComboBox-Demo.html，不过这组件开发时是依赖QWrap的。可是我只想引用一个组件，而不想附带的引入一个qwrap库。好在QWrap堆砌库时采用了Helper规范，很多方法都是静态方法，可以独立到方法这个粒度。所以，可以订制一个无依赖的combobox组件，以使其代码量昼量少，从而节约网络流量，提高用户体验。OK，那就开始一次无依赖化之旅吧。QWrap建议组件开阅读全文

posted @ 2011-02-21 19:34 JKisJK 阅读(5368) 评论(3) 推荐(1)

判断一个表单是否被修改过

摘要：判断一个表单是否被修改过，在不少地方需要用到。例如，用户打开一个订单编辑页，过一会后，他要关闭页面，如果用户有修改，那最好能提示下他“请问您确定要离开本页吗？确认离开当前页面吗？\n未保存的数据将会丢失！\n请按“确定”以继续，或者按“取消”回到当前页。”如果用户没有修改，则不用提醒。QWrap里提供了一个判断form是否已有改变的方法，代码如下：View Code 它的第一个参数是form对象。返回值是这个表单是否与load页面时的值的状态是否有变更。第二个参数是：是为了应对“某些元素值就算是变了，也当作未变阅读全文

posted @ 2011-02-17 19:14 JKisJK 阅读(4331) 评论(1) 推荐(1)

把selector字符串转化成过滤函数

摘要： QWrap的selector中，把selector转化成过滤函数，实现方式是：把selector字符串，改装成function的字符串，然后new Function(s)出来。去除伪类部分的代码，简化成如下：这其实是一个很有用的功能。不明白sizzle为什么不顺便提供出来。阅读全文

posted @ 2011-02-17 18:27 JKisJK 阅读(548) 评论(0) 推荐(0)

Jquery之美中不足

摘要：在QWrap群里讨论时，有同学问“jquery/yui等已做到极致，我们有没必要再重复造一个叫QWrap的轮子？”是的，jquery成功挖掘selector、链式用法、gsetter用法、很多精简命名，等等，让前端变得轻松简单，为Web开发作出巨大贡献。不过，它也有一些不尽人意的地方。1。关于代码坨之一。一直觉得jquery是个个人英雄主义的产物，有耐心看完他代码的，绝对少于百分之一。sizzle独立出来后，ms有些改观。可一坨一坨并且相互牵连的风格，还是在sizzle与jquery到处都是。有时想：John如果不写代码了，谁会愿意来接手这些坨坨。2。关于代码坨之二。不知有没有组件开发者想过“ 阅读全文

posted @ 2011-02-16 16:14 JKisJK 阅读(3712) 评论(13) 推荐(3)