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

关于页面模块拖动的几个细节
Google首页的模块拖动。http://www.google.com.hk/
QWrap的模块拖动。http://dev.qwrap.com/resource/js/wagang/drag/_examples/LayoutDrag.html
以上两个页面都是模块拖动。分析一下它们的几个细节差别。
1.拖动的是什么:“拖实体,用代理定位(google)” VS “拖代理,用实体定位(qwrap)”
2. 调整位置的判断依据:“临时方框中心(google)” VS “鼠标点(qwrap)”

…………点击这里查看更多内容

Posted in : 杂七杂八by : JKFebruary 28, 20110 CommentsTag : none

”你懂的“——三言两语说清QWrap核心模式精髓(一)

什么是methodize?

methodize基本上就是把一个静态函数变成一个对象方法。这里要用纯静态语言的眼观去看待对象方法和静态函数的区别。
我们说静态函数是没有”Owner”的,也就是说它的语义中没有”this”的概念,而对象方法自然有”this”语义。
……

猛击这里阅读全文

Posted in : 开发相关by : akira_cnFebruary 26, 20111 CommentsTag : QWrap

Jquery之美中不足--之二

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

Posted in : 开发相关by : JKFebruary 26, 20110 CommentsTag : none

qwrap的retouch机制一览

retouch机制是组织qwrap整体框架的核心代码,我们去掉其他代码,将实现该核心机制的最小代码抽离出来。

代码及详情:http://lichaosoft.net/archives/1223

Posted in : 开发相关by : CCFebruary 25, 20110 CommentsTag : QWrap, retouch

FunctionH中的bind方法小析

FunctionH中的bind方法很好,好在:这个bind方法会自动去识别,识别指定的thisObj是否是从被bind的方法的原型中所派生的子对象。

示例代码:
点击这里,查看详细代码

Posted in : 开发相关by : CCFebruary 24, 20110 CommentsTag : bind

让浏览器支持placeholder

html5为元素添加了新属性placeholder。
这是一个很常用的功能:把提示放在输入框里;onfocus时提示消息;onblur时如果已有值,则不再提示,如果没值,保留提示。
QWrap的Valid组件里,提供了这个功能。不过Valid的功能太多,有使用成本。
这里,把跟placeholder的功能独立出来,可以无依赖的使用。
……点击这里,查看更多详情

Posted in : 开发相关by : JKFebruary 23, 20110 CommentsTag : none

combobox组件的无依赖化之旅

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

Posted in : 开发相关by : JKFebruary 21, 20110 CommentsTag : none

“js库”与“js框架”

市面上流行有诸多js库或框架,“库”与“框架”有些什么区别呢?
就我粗略的理解,如下:
库:lib,方法库,或组件库。核心库是给二次开发同学用的,它严谨、符合标准、独立健壮、无污染。
框架:framework,主要是给用户使用,当然也给二次开发者用,它易使用、易扩展、可持续发展、可控。

有些框架,依赖它开发的东西,只能在它的树荫下生存,而无法独立。这样的框架,就不能当库来用。如jquery。
有些库,几乎没有框架的特性,所以易用性很差,如YUI2,所以,它的用户群也只能局限于二次开发者,或水平比较高的开发者。
....点击查看更多内容

Posted in : 开发相关by : JKFebruary 19, 20110 CommentsTag : none

浅说QWrap的核心机制 ----by 月影

月影写过一篇浅说QWrap的核心机制的文章,发布于51js,详情参见:
浅说QWrap的核心机制

Posted in : 开发相关by : JKFebruary 18, 20110 CommentsTag : none

QWrap骨骼----by LC

LC同学写过一篇QWrap骨骼的文章,具体内容参见:
QWrap骨骼

Posted in : 开发相关by : JKFebruary 18, 20110 CommentsTag : none