�l�你的元素加一把锁�Q�－Prototype.js

govo — Thu, 14 Sep 2006 10:26:00 GMT

　　在Ajax应用中，我们常常要频�J�更�Ҏ��一元素的倹{��例如有一ID�?pageBody"的元素，我们��x��所有文章内定w��在这里显�C�，做到局部刷新的Ajax应用。但如果因�ؓ�|�速较慢，使得此元素在接收信息时就被用��h��行其它行为，而改变此元素的内容了�Q�而之前的接收信息的线�E�还在进行着�Q�当此线�E�完成了�Q�又把pageBody的值改了一下，此时用户会觉得不知所措，怎么�q�块东西闪来闪去的？严重者，会因为子元素的消��p��出现JS错误的现象�?br />　　��Z��解决此问题，有两个方法：�W�一、在执行�U�程�Q�假设执行一�ơ取��gؓ一个线�E�）的时候，建立一个满屏的DIV�Q��得用��h��法执行其它行为；�W�二、制作一把锁�Q�把此元素锁��h��Q�当其它�U�程��x��变它的值时先查��此元素是否上锁�?br />　　�W�一�U�方法��得用戯��入了�{�待状态，虽然��面没有��h��Q�但与没有��用Ajax的页面没什么分别，所以在非不得已的情况下都不要��用此�Ҏ��?br />　　下面我说说第二种�Ҏ��Q�－制作元素锁�?br />　　其实要实现这个锁�Q�原理很��单，与java中的�U�程锁有点类��|��可惜偶对java的线�E�锁理解不深入，所以在javaScript中此锁与java的线�E�锁应该又会有很大的不同�Q�甚臛_��全不是一个回事�?br />　　首先�Q�我们需要一个Object�Q��?/p>

var _key = {key:key,value: true };

其中key为此对象的标识，value是否为真��q��于是否�ؓ锁定�?br />在java中，每一个Object对象都可以用作锁�Q�但javaScript中不同，而且通过

1  while(true){
2   if(condition) break;
3  }

的方法根本行不通，因�ؓ�q�个while(true)会让��览器僵死，Firefox会提�C�是否��l�执行脚�?IE可能会说脚本有误�Q�杀毒��Y件可能说�q�是病毒�Q?br />　　��Z��能统领全局�Q�更灉|��的掌控它�Q�我们把锁都攑ֈ�一个数�l�中�Q?/p>

1 var _mainlock=[];

同时�Q��ؓ了方便应用，我��用了Prototype.js�Q�以扩展Array的方法，主要用这三个�Ҏ��Q?br />1、detect(iterator)�Q�集合中每个元素调用一�ơIterator�Q�返回第一个��Iterator�q�回True的元素，如果最�l�都没有为true的调用，那么�q�回null�?br /> 2、reject(iterator)�Q�返回所有等于false的元素�?br /> 3、each(iterator)�Q�把每个element做�ؓ�W�一个参敎ͼ�element的index作�ؓ�W�一个参数调用iterator函数�?br /> 有了它们�Q�我们可以创��Z��个Push来给 _mainlock加入唯一key的锁�Q�类似HashMap原理�Q?br />

var _Push = function (Obj) {
   var unIns = _mainlock.reject( function (d) { return d.key == Obj.key;} );
  _mainlock = unIns;
  _mainlock.push(Obj);
}

只要执行_Push(_key)��可以把对象攑օ��q�个伪HashMap中去。如果已有相同的key的对象，则会覆盖它，没有��q��接放入�?br />

var get = function (key) {
return _mainlock.detect( function (d) { return d.key == key;} );
} ;

通过�q�个�Ҏ��Q�就可以取得相应Key的锁了�?br /> 因�ؓJavaScript对DOM的操作有着很多未知性，不可能��L��通过我们预先定义的变量来满��要求�Q�如一个列表，可能是有一行，也可能上千行�Q�每一行的ID又是独立的，所以我们只能用另外的方法来预见之此行�ؓ�Q�那��是通过应用HashMap的特性，以string为标识的唯一Key来统领所有将可能发生的事件。因此，再写一个方法：

var Lock = function (key) {
   var _key = {key:key,value: true } ;
  _Push(_key);
   return true ;
} ;

�q�样�Q�只要有一个string�c�d��的key�Q�就可以建立一个锁对象了。以后，寚w��的徏立和获取�Q�都可以通过上面三个�Ҏ��来实�?只要一个string作�ؓKey来操作锁,而无需知道锁的内部是如何构造�?br />接下来，我们要实现isWait(),sleep(),awake()和awakeAll()�Ҏ��Q�以完善�q�个锁：

以后�Q�当你��用Prototype.js的快捷键$()�Ӟ��可以看看目标是否�ؓisWait�Q�否的话��可以Lock或者sleep一下了�?/p>

以上��是全文内容�Q�请各位指点�?/p>

govo 2006-09-14 18:26 发表评论

听君一�c�话

govo — Thu, 07 Sep 2006 17:51:00 GMT

在javaworld上我问了一个问题：
当我们有了Ajax了，基本所有页面都可能用Html为文件后�~�了，TAG不用写了�Q?lt;%%>�W�号也不用写了，那么�Q�我们还用得着Struts或JSF吗？
然后热心的大�?strong>kebin_liu �l�我指点了迷�z�，现在把他的话抄下�Q?img height="19" src="http://www.aygfsteel.com/Emoticons/emteeth.gif" width="19" border="0" />

用一句俗語來解釋會比較容易瞭解，那就是『殺雞焉用牛刀』�?
Struts�{?web framework��是牛刀�Q�那AJAX��是�D�雞��刀�Q�殺雞小刀能不能取代牛刀?當然可以�Q�只是用起來會不順手不方便而已。但反過來牛刀能不能取代小刀?�{�案是沒辦法完全取代�Q�因為會有死角�?

web framework適合處理web ap的運作流�E�，而AJAX適合資料傌��與頁面處理，如果從所有的web ap說穿了就只是資料傌��與頁面處理的角度��L��考，的確會認為AJAX可以替代一�?web framework。只是當一切都改用 AJAX來處理的時候，開發的工作勢必變得零��繁瑣，��像用小刀�D�牛�Q�最�i�牛一定會死，但是操刀者辛苦不說，那頭牛也飽受凌遲�?

而因�?web framework無法處理純��a頁面部分的控�Ӟ��所以不��有沒有AJAX�Q�web ap都離不開 script�Q�因�?web framework有這個死角，所以說webframework無法取代 AJAX�?

再用一個比喻，web framework��像是徏��的主體�Q�AJAX則是裝�Ş�Q�一個結構穩固又適度裝�Ş的房子，才是最舒適的居住空間。只有裝潢的房子�Q�其實就是樣品屋�Q�雖然也可以住�h�Q�但是結構畢竟不�I�。而過渡裝潢或沒有裝�Ş的房子，一樣讓��Z��起來不舒服�?

�^�之�Q�web framework是架構面�Q�AJAX則偏重於UI處理�Q�二者的角色是相輔相成才��，並沒有互相衝�H�。不��有沒有AJAX�Q�不�?framework本來��還是可以開�?web ap�Q�但我們從來就不會因此�?framework是多��的�Q�有了AJAX也是一樣的�?/font>

govo 2006-09-08 01:51 发表评论

精品亚洲一区二区,亚洲欧美日产图,国产精品久久久久久久久久久久久

�l�你的元素加一把锁�Q�－Prototype.js

听君一�c�话