??xml version="1.0" encoding="utf-8" standalone="yes"?>久久国产精品99精品国产 ,91福利视频久久久久,一个人看的www视频在线免费观看http://www.aygfsteel.com/BlueDavy/category/8127.html不懂理论只懂实战的粗人?lt;br> &nbsp;&nbsp; <a ><b><font color=red>共有<script src=http://fastonlineusers.com/online.php?d=bluedavy.blogjava.net></script>人在同时阅读此Blog</font></b></a>zh-cnTue, 27 Feb 2007 12:15:00 GMTTue, 27 Feb 2007 12:15:00 GMT60两个问题备忘以?qing)l谈交互http://www.aygfsteel.com/BlueDavy/archive/2006/09/06/68114.htmlBlueDavyBlueDavyWed, 06 Sep 2006 12:10:00 GMThttp://www.aygfsteel.com/BlueDavy/archive/2006/09/06/68114.htmlhttp://www.aygfsteel.com/BlueDavy/comments/68114.htmlhttp://www.aygfsteel.com/BlueDavy/archive/2006/09/06/68114.html#Feedback3http://www.aygfsteel.com/BlueDavy/comments/commentRss/68114.htmlhttp://www.aygfsteel.com/BlueDavy/services/trackbacks/68114.html备忘javascript清空表格中行的问题;
备注动态创建的radio按钮无法选中的问题?nbsp; 阅读全文

BlueDavy 2006-09-06 20:10 发表评论
]]>
Velocity for javascripthttp://www.aygfsteel.com/BlueDavy/archive/2006/04/10/40334.htmlBlueDavyBlueDavyMon, 10 Apr 2006 14:19:00 GMThttp://www.aygfsteel.com/BlueDavy/archive/2006/04/10/40334.htmlhttp://www.aygfsteel.com/BlueDavy/comments/40334.htmlhttp://www.aygfsteel.com/BlueDavy/archive/2006/04/10/40334.html#Feedback2http://www.aygfsteel.com/BlueDavy/comments/commentRss/40334.htmlhttp://www.aygfsteel.com/BlueDavy/services/trackbacks/40334.html做过Ajax应用的h都知道,在js端将后台的数据进行展C其实是一件挺ȝ的事Q尽操作dom不算太麻烦,但要和写一Dhtml相比来说显得太ȝQ而且难以l护了,所以我目前在做实现的时候不得已的采用在后台通过java+velocity模板的方式来生成htmlQ再q回前端jsQ由其负责将html攑օ相应的containerq行昄Q在目前来看q种做法q算q得去,不过其实一U比较期盼的都是能有一个velocity for javascript版,q样我就可以直接把数据模型返回给jsQ在js端结合velocity模板直接渲染生成最后的昄效果了,那就比较爽了Q^_^
不过目前开源界好像没这L(fng)东西呢,前几天在javaeye上看到有人推荐这个东?http://trimpath.com/project/wiki/JavaScriptTemplateSyntax)Q很不错Q是个javascript template的支持的东西Q^_^Q它支持的就是类似velocity的方式,不过它不能支持引入外部文件的方式Q也是说和我所期待的velocity for jsq是不太一L(fng)Q不q有了这东西的话我想要实C个velocity for js也不是什么太隄事,呵呵Q想像的Ҏ(gu)Q^_^Q?br />1、后台请求在q回时返回数据以?qing)模板文Ӟ?br />2、结合javascriptTemplateSyntaxQ将数据与模板文件进行合qӞ渲染生成htmlQ?br />或者另外的Ҏ(gu)是先q回数据Q然后根据数据的情况来决定需要采用什么样的模板文Ӟ之后通过xmlhttp发v同步hQ从服务器获取模板文Ӟ觉得q个Ҏ(gu)Ҏ(gu)造成发v多次hQ有些浪费网l资源,不过也会(x)有它的适用场景...
^_^Q一个简单的思\是q样Q当Ӟ需要提供些更ؓ(f)强大的功?..



BlueDavy 2006-04-10 22:19 发表评论
]]>
js版事件管理器 V0.7http://www.aygfsteel.com/BlueDavy/archive/2006/03/29/38075.htmlBlueDavyBlueDavyWed, 29 Mar 2006 08:17:00 GMThttp://www.aygfsteel.com/BlueDavy/archive/2006/03/29/38075.htmlhttp://www.aygfsteel.com/BlueDavy/comments/38075.htmlhttp://www.aygfsteel.com/BlueDavy/archive/2006/03/29/38075.html#Feedback0http://www.aygfsteel.com/BlueDavy/comments/commentRss/38075.htmlhttp://www.aygfsteel.com/BlueDavy/services/trackbacks/38075.html1、增加了事g参数传递的支持Q?
2、增加了事g、拦截器的有效范围定义的支持Q?
3、增加了事g、拦截器的清除的支持?nbsp; 阅读全文

BlueDavy 2006-03-29 16:17 发表评论
]]>
js版事件管理器http://www.aygfsteel.com/BlueDavy/archive/2006/03/09/34482.htmlBlueDavyBlueDavyThu, 09 Mar 2006 07:29:00 GMThttp://www.aygfsteel.com/BlueDavy/archive/2006/03/09/34482.htmlhttp://www.aygfsteel.com/BlueDavy/comments/34482.htmlhttp://www.aygfsteel.com/BlueDavy/archive/2006/03/09/34482.html#Feedback0http://www.aygfsteel.com/BlueDavy/comments/commentRss/34482.htmlhttp://www.aygfsteel.com/BlueDavy/services/trackbacks/34482.html阅读全文

BlueDavy 2006-03-09 15:29 发表评论
]]>
修改版的丰富交互表格RichTable.jshttp://www.aygfsteel.com/BlueDavy/archive/2006/03/06/33887.htmlBlueDavyBlueDavyMon, 06 Mar 2006 09:07:00 GMThttp://www.aygfsteel.com/BlueDavy/archive/2006/03/06/33887.htmlhttp://www.aygfsteel.com/BlueDavy/comments/33887.htmlhttp://www.aygfsteel.com/BlueDavy/archive/2006/03/06/33887.html#Feedback2http://www.aygfsteel.com/BlueDavy/comments/commentRss/33887.htmlhttp://www.aygfsteel.com/BlueDavy/services/trackbacks/33887.html阅读全文

BlueDavy 2006-03-06 17:07 发表评论
]]>
Javascript基础知识之this?/title><link>http://www.aygfsteel.com/BlueDavy/archive/2006/03/02/33285.html</link><dc:creator>BlueDavy</dc:creator><author>BlueDavy</author><pubDate>Thu, 02 Mar 2006 12:25:00 GMT</pubDate><guid>http://www.aygfsteel.com/BlueDavy/archive/2006/03/02/33285.html</guid><wfw:comment>http://www.aygfsteel.com/BlueDavy/comments/33285.html</wfw:comment><comments>http://www.aygfsteel.com/BlueDavy/archive/2006/03/02/33285.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.aygfsteel.com/BlueDavy/comments/commentRss/33285.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/BlueDavy/services/trackbacks/33285.html</trackback:ping><description><![CDATA[介绍q方面的文章也有一些,我这里打以一个demo来说明一下,也是Zprototypeq行~写Qjavascript中的this看v来会(x)和java中的this有些不同?BR>一个简单的试Qؓ(f)了绑定事件到一个按钮上Q?BR> <DIV style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top><SPAN style="COLOR: #000000"><</SPAN><SPAN style="COLOR: #000000">script src</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">prototype.js</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">></</SPAN><SPAN style="COLOR: #000000">script</SPAN><SPAN style="COLOR: #000000">></SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top></SPAN><SPAN style="COLOR: #000000"><</SPAN><SPAN style="COLOR: #000000">input type</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #000000">button name</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #000000">btnTest value</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #000000">试</SPAN><SPAN style="COLOR: #000000">></SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top></SPAN><SPAN style="COLOR: #000000"><</SPAN><SPAN style="COLOR: #000000">script</SPAN><SPAN style="COLOR: #000000">></SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top>    <BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top>    </SPAN><SPAN style="COLOR: #0000ff">var</SPAN><SPAN style="COLOR: #000000"> TestThis</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #000000">Class.create();<BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top><BR><IMG id=Codehighlighter1_141_294_Open_Image onclick="this.style.display='none'; Codehighlighter1_141_294_Open_Text.style.display='none'; Codehighlighter1_141_294_Closed_Image.style.display='inline'; Codehighlighter1_141_294_Closed_Text.style.display='inline';" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_141_294_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_141_294_Closed_Text.style.display='none'; Codehighlighter1_141_294_Open_Image.style.display='inline'; Codehighlighter1_141_294_Open_Text.style.display='inline';" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedBlock.gif" align=top>    TestThis.prototype</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN id=Codehighlighter1_141_294_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><IMG src="http://www.aygfsteel.com/images/dot.gif"></SPAN><SPAN id=Codehighlighter1_141_294_Open_Text><SPAN style="COLOR: #000000">{<BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" align=top>    <BR><IMG id=Codehighlighter1_171_237_Open_Image onclick="this.style.display='none'; Codehighlighter1_171_237_Open_Text.style.display='none'; Codehighlighter1_171_237_Closed_Image.style.display='inline'; Codehighlighter1_171_237_Closed_Text.style.display='inline';" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><IMG id=Codehighlighter1_171_237_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_171_237_Closed_Text.style.display='none'; Codehighlighter1_171_237_Open_Image.style.display='inline'; Codehighlighter1_171_237_Open_Text.style.display='inline';" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif" align=top>        initialize:</SPAN><SPAN style="COLOR: #0000ff">function</SPAN><SPAN style="COLOR: #000000">(btn)</SPAN><SPAN id=Codehighlighter1_171_237_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><IMG src="http://www.aygfsteel.com/images/dot.gif"></SPAN><SPAN id=Codehighlighter1_171_237_Open_Text><SPAN style="COLOR: #000000">{<BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" align=top>            </SPAN><SPAN style="COLOR: #0000ff">this</SPAN><SPAN style="COLOR: #000000">.value</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">TestThis</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">;<BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" align=top>            $(btn).onclick</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #0000ff">this</SPAN><SPAN style="COLOR: #000000">.clickButton;<BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>        }</SPAN></SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" align=top><BR><IMG id=Codehighlighter1_264_290_Open_Image onclick="this.style.display='none'; Codehighlighter1_264_290_Open_Text.style.display='none'; Codehighlighter1_264_290_Closed_Image.style.display='inline'; Codehighlighter1_264_290_Closed_Text.style.display='inline';" src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><IMG id=Codehighlighter1_264_290_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_264_290_Closed_Text.style.display='none'; Codehighlighter1_264_290_Open_Image.style.display='inline'; Codehighlighter1_264_290_Open_Text.style.display='inline';" src="http://www.aygfsteel.com/images/OutliningIndicators/ContractedSubBlock.gif" align=top>        clickButton:</SPAN><SPAN style="COLOR: #0000ff">function</SPAN><SPAN style="COLOR: #000000">()</SPAN><SPAN id=Codehighlighter1_264_290_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><IMG src="http://www.aygfsteel.com/images/dot.gif"></SPAN><SPAN id=Codehighlighter1_264_290_Open_Text><SPAN style="COLOR: #000000">{<BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" align=top>            alert(</SPAN><SPAN style="COLOR: #0000ff">this</SPAN><SPAN style="COLOR: #000000">.value);<BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>        }</SPAN></SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/InBlock.gif" align=top><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>    }</SPAN></SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top>    </SPAN><SPAN style="COLOR: #0000ff">new</SPAN><SPAN style="COLOR: #000000"> TestThis(</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">btnTest</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">);<BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top><BR><IMG src="http://www.aygfsteel.com/images/OutliningIndicators/None.gif" align=top></SPAN><SPAN style="COLOR: #000000"></</SPAN><SPAN style="COLOR: #000000">script</SPAN><SPAN style="COLOR: #000000">></SPAN></DIV>在IE中执行代码会(x)发现点击按钮后弹出的提示的gؓ(f)"试"Q按照java的思想ȝ的话我们?x)觉得这是很奇怪的事,因ؓ(f)按照java执行的话q个时候一定是弹出"TestThis"...<BR>那么Z么会(x)发生q样的状况呢Q其实就是在按钮的onclick事gl定到clickButton造成的,当事件发生时候当前的对象为buttonQ而不是TestThisQ自然这个时候的this也就是button?..<BR>有些时候我们是不希望这L(fng)Q在拥有prototype的情况下我们可以用它提供的bind来解冻I上面的l定按钮的onclick事g部分的代码改为:(x)<BR>$(btn).onclick=this.clickButton.bind(this);<BR>再次执行后会(x)发现q个时候点?yn)L钮弹出的提示的值就变ؓ(f)"TestThis"了,呵呵Q其实就是prototype帮忙这个时候的参数q行了重新的l定..<BR>bind和extend是prototype中两个非帔R要的Ҏ(gu)Q去看prototype.js׃(x)发现Q里面很多地斚w用到了Object.extend和Function.prototype.bindq两个函?..<BR>bind可以起到的作用就象我上面说的..<BR>extend起到的作用则为承和扩展Q^_^<img src ="http://www.aygfsteel.com/BlueDavy/aggbug/33285.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/BlueDavy/" target="_blank">BlueDavy</a> 2006-03-02 20:25 <a href="http://www.aygfsteel.com/BlueDavy/archive/2006/03/02/33285.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Prototype.js学习(fn)http://www.aygfsteel.com/BlueDavy/archive/2006/02/28/32882.htmlBlueDavyBlueDavyTue, 28 Feb 2006 10:01:00 GMThttp://www.aygfsteel.com/BlueDavy/archive/2006/02/28/32882.htmlhttp://www.aygfsteel.com/BlueDavy/comments/32882.htmlhttp://www.aygfsteel.com/BlueDavy/archive/2006/02/28/32882.html#Feedback4http://www.aygfsteel.com/BlueDavy/comments/commentRss/32882.htmlhttp://www.aygfsteel.com/BlueDavy/services/trackbacks/32882.html1、类的创?BR>      prototype.js已经装好了Q这个很单?BR>
var Person=Class.create();
      q样创Z一个Personc,q个PersoncdL供initializeҎ(gu)的实玎ͼ(x)
Person.prototype={
                 initialize:
function(){
                 }

      }
;
      Ҏ(gu)javaQClass.create相当于Class.forName()Qinitialize相当于构造器Q和java的构造器一P可以自定义ؓ(f)带参数性质的?BR>      可以看到在用这L(fng)方式定义class后,它和javascript原来的通过function方式来定义一个类有明确的区分了Q在q种情况下我们就可以用Class.create来定义类Q用function来直接定义函数?BR>      c通常q涉?qing)静态成?static性质?和实例成?需要实例化才可调用)的定义?BR>      在javascript中这点也非常Ҏ(gu):
      静态成员:(x)  
var Person={
                name:'person',
                getName:
function(){return 'person'}
      }
;
      实例成员Q?nbsp;   
Person.prototype={
               childname:'child',
               eat:
function()
      }
      上面的Person.getName是可以直接这么调用的Q但eatҎ(gu)则需通过var person=new Person();person.eat();的方式来调用?BR>2、类的?BR>      cȝl承其实javascript本n支持的Q不qprototype提供了一U另外的Ҏ(gu)?BR>      按照javascript的支持的实现Q?BR>
var Student=Class.create();
      Student.prototype
=new Person();
      q样实CStudentl承至Person?BR>      在用prototype的情况下可以q么实现Q?BR>
      var Student=Class.create();
      Object.extend(Student.prototype,Person.prototype);
      子类要增加方法时可?nbsp;
Student.prototype.study=function(){};
      ?nbsp;
Object.extend(Student.prototype,{
                                                                   study:
function(){}
                                                          }
);
3、事件机?对类Ҏ(gu)执行的监听和观察)
      在事件机制上则碰C一些疑惑,作ؓ(f)事g机制主要需要提供事件的定义Q对于事件的监听以及(qing)对于事g的观察?BR>      在javascript中事仉要以on开_(d)也就是作Z件就需要采用onclickq样cM的命名:(x)
      对上面的Student增加一个对外的事gQ如Q?nbsp;   
Student.prototype.study=function(){
             
this.onstudy();
      }

      Student.prototype.onstudy
=function(){};
      q个onstudy是交给相应的实例去实现的,例如实例采用q样的方式:(x) 
      function studyThis(){
          alert(
"study this");
      }

      
var student=new Student();
      student.onstudy
=studyThis();
      对于事g通常都希望进行监听和观察Q根据prototype提供的bindAsEventListener以及(qing)ObserveQ这么进行了试Q?BR>
study.onstudy=watchStudy.bindAsEventListener(this);
      
function watchStudy(event){
            alert(
"watch study");
      }
      按照事g机制来说Q在执行study的时候应该可以看到study this和watch study两个提示Q但最后执行后只能看到watch study的提C,q是Z么呢Q按照listener的概늚话,不应该覆盖原有方法的Q不q我看了一下prototype.js的源代码Q按照上面的~写方式实?x)照成覆盖原?gu)?BR>      Observe是这么尝试的Q?BR>      Event.observe(study,'study',watchStudy,false);
      按照观察机制来说Q应该在执行study的时候会(x)看到两个提示Q但最后执行后q行Ҏ(gu)没起到M作用?BR>      q是Z么呢Q?/FONT>

BlueDavy 2006-02-28 18:01 发表评论
]]>
վ֩ģ壺 ֲ| Ǩ| | ɽʡ| ƽ| | | | ͼ| ɽ| | ͨ| ƽ| | | | | ά| ɽ| | | | | ƽ| | | ֱ| | | ɽ| | µ| ̴| | | ޳| | | | ɽ| |