02 2011 档案
摘要：文/xuld本文面向玩代码玩的蛋疼的读者。库和框架都是一种有别于软件、面向程序开发者的产品形式。正因为如此，也有很多人误以为库就是框架，或者认为指定语言的库就是框架。库的英语为 Library ( 简写 Lib )，框架的英语为 Framework。库是将代码集合成的一个产品，供程序员调用。面向对象的代码组织形式而成的库也叫类库。面向过程的代码组织形式而成的库也叫函数库。在函数库中的可直接使用的函数叫库函数。开发者在使用库的时候，只需要使用库的一部分类或函数，然后继续实现自己的功能。框架则是为解决一个(一类)问题而开发的产品，框架用户一般只需要使用框架提供的类或函数，即可实现全部功能。可以说，
阅读全文
posted @ 2011-02-20 12:31
摘要：Ext的 Resize 和 Drag 界面非常漂亮，很多朋友想把它用到自己的地方，却不想用整个Ext ，所以本文特别对这2个效果进行制作。让我们先看下效果：1. 修正一些认识。 很多朋友肯能认为拖动时的虚线和透明窗口是为了美观，但其实它们更为了效率。如果窗口里有很多元素，如果经常改变大小，会导致内部元素经常重新布局，最后导致效果卡得不能用。2. 复习上文的拖动。 上文介绍了如何实现拖动，最终我们可以通过如下代码实现拖动： elem.on('dragstart', function(){});3. resizer 节点。 resize时见到的虚框其实是一个和窗口没关的div，我们把这个div称为
阅读全文
posted @ 2011-02-15 22:56
摘要：节点定位就是获取一个元素所在的位置。jQuery中和节点定位有关的函数为：$.prototype.offset$.prototype.position在DOM编程中，W3C已规定一系列用来定位节点的成员：offsetLeft offsetTop scrollTop scrollLeft getBoundingRect getClientRects不过这些属性被浏览器搞得无法直接用。节点定位看似简单，实现含很多的技巧。在 jQuery 中，专门定义一个类用来管理定位（内部使用）。说到位置，大家肯能想到就是元素的(x, y) 。然后事情不那么简单：假设左上角为(0, 0) 位置， 那一个元素的位置
阅读全文
posted @ 2011-02-13 22:02
摘要：所谓的事件机制，就是用于实现和事件相关的功能的函数，一般我们操作事件需3个功能：绑定取消绑定执行比如elem.on('click', fn);所有js框架都提供事件函数，因为： 浏览器自带的事件不兼容。目前常用的事件实现有：[Ext] elem.on elem.un elem.fireEvent (addEventListener 等简写)[jQuery] elem.bind elem.unbind elem.trigger[mootools] elem.addEvent elem.removeEvent elem.fireEvent我使用的是：elem.on elem.un
阅读全文
posted @ 2011-02-10 22:52
|
||
浙公网安备 33010602011771号