请您先登录,才能继续操作

论坛首页 Web前端技术论坛

实践ajax 1

浏览 3097 次
锁定老帖子 主题:实践ajax 1
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-02-25  
刚开始学习ajax的一些东西,这里是一些笔记。

成果:
  1. scriptaculous的成果
  2. dojo的成果


目的:
实现一个渐出的留言表格

工具:
  1. scriptaculous
  2. dojo
实现:
  • 使用scriptaculous
使用scriptaculous的effect包。在scriptaculous的主页有各种effects的在线演示,通过这些演示选择了BlindDown()和BlindUp()两个Effects。
js 代码
 
  1. var s = true;  
  2. function c(){  
  3.     var con = $('con1');  
  4.     if(s){  
  5.         new Effect.BlindDown(con);  
  6.         s = false;  
  7.     }else{  
  8.         new Effect.BlindUp(con);  
  9.         s = true;  
  10.     }  
  11. }  
  • 使用dojo
dojo也有一个类似的effect包,名字叫做lfx。在dojo的网站也有在线演示 在里面的see it in action tab里面,dojo到底是个大东西,看他的演示的时候偶的浏览器动作超级缓慢,延时严重。不知道大家是不是也有类似的经历,如果这么慢得速度的话,看样子这个framework还有优化的必要。
js 代码
 
  1. var s = true;  
  2. function c(){  
  3.     var con = $('con1');  
  4.     if(s){  
  5.         dojo.lfx.html.fadeIn(con, 300).play();  
  6.         s = false;  
  7.     }else{  
  8.         dojo.lfx.html.fadeOut(con, 300).play();  
  9.         s = true;  
  10.     }  
  11. }  

小结:
初次接触javascript的编程,感觉debug是个大问题。firebug是个很好的工具,这里是firebug的一个使用演示
scriptaculous的效果好看一些,dojo的文档多一些。
scriptaculous没有widget。
   发表时间:2007-02-25  
从blog自动发到论坛的文章是不全的
0 请登录后投票
   发表时间:2007-02-25  
LZ的两个连接页面都有问题啊!
0 请登录后投票
   发表时间:2007-02-25  
搞定了,这个服务器的apache每周日都重启。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics