Posts tagged jquery

最近使用的几个jQuery 插件

十15
2008 1 Comment Written by Filia.Tao

最近使用了几个很好用的jQuery 插件, 在这里分享一下.

  • jquery.form.js http://www.malsup.com/jquery/form/
    这个插件将表单ajax 化， 经常的做法是在beforeSubmit 函数里面做客户端数据验证， 在success 回调函数里面做提交成功的处理。
  • jquery.validate.js http://docs.jquery.com/Plugins/Validation
    这个插件是用来做客户端数据验证, 很好很强大。 我用的时候在这个页面抄了很多， 是个好例子。
  • jquery.template.js http://plugins.jquery.com/project/jquerytemplate
    这个是一个非常小巧的模板系统。 用来在客户端拼HTML 很好用， 至于说条件，循环等等不支持，我也不需要。
    它默认的变量的格式是JSP 的格式，我自己写了一个smarty 格式的变量的正则

    smarty:     /\\{$([\w-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g
  • jquery.livequery.js http://plugins.jquery.com/project/livequery
    这个我要严重推荐. 这个插件可以将事件绑定到某些选择器对应的元素上面。 即使页面元素已经发生变化， 绑定也会起作用。
    至于说性能问题， 其实基本没有影响。 看一下作者的这篇Blog 就理解了。
  • jquery.DOMWindow.js  http://swip.codylindley.com/DOMWindowDemo.html
    用来做页面内的弹出窗口的， 类似thickbox ， 这个轻量级一点。 不过不得不说这个文档不好，试了好久才搞明白怎么用的。

就这么多了， jQuery 的插件还是挺多的挺好用的。

Posted in 随便写写 - Tagged , , , , , ,

prototype.js 和jQuery 比较

十一09
2007 Leave a Comment Written by Filia.Tao

昨天被人问了一个问题, prototype.js 和jQuery 这两个框架的区别. 当时吱吱唔唔没说清楚.
回来仔细想了想了,总结一下.
prototype.js : 更多是在javascript 核心上做文章. 它试图模拟传统的OO 编程 .
prototype.js 是ROR 社区推出的东西,而现在java 社区又比较推崇ROR, 所以现在java 社区也比较喜欢prototype.js .
jQuery : 更多是在DOM 上下功夫, 对于javascript 核心并没有太多的扩展. jQuery 的核心的非常强大的选择器.在此基础上加入了很多对DOM 进行操作的方便功能. (你基本可以不用标准的DOM 方法.)
Python 社区比较推崇jQuery , 因为其风格比较pythonic .

还是很乱啊…..
//个人倾向: jQuery .

Posted in javascript - Tagged ,

S5Creator – 文件管理

十一09
2007 1 Comment Written by Filia.Tao

昨天和今天把文件管理的功能从编辑页面移动到一个单独的页面.
主要是新建/删除/浏览功能. 顺便把jQuery 的table (Sortable Table) UI组件来用了一下.
演示: http://dev.filia.cn/S5-Creator/HTML/manage.html
还有实现了一个全选/不选/反选的功能, 发现用jQuery 来做这个真是太简单了.

//选择按钮
 
$(this._options.selectButtonSelector).click(
 function(e){
 	var which = $(this).attr("which");
 	switch(which)
 	{
 		case 'none':
 			$(fm._options.checkboxSelector).removeAttr("checked");
 			break;
 		case 'all':
 			$(fm._options.checkboxSelector).attr("checked","checked");
 			break;
 		case 'reverse':
 			$(fm._options.checkboxSelector).each(function(i){
 				if($(this).attr('checked'))
 					$(this).removeAttr('checked');
 				else
 					$(this).attr("checked","checked");
 			});
 			break;
 	}
 }
);

简单明白,逻辑清楚.
其他更新:

  • 改进后端
  • 信息显示(上次保存时间,刚进行过的动作)
  • 代码清理
Posted in javascript - Tagged , ,

Modal Dialog

九08
2007 Leave a Comment Written by Filia.Tao

我也写了个基于jQuery 和 blockUI 的Modal Dialog 组件.
其实已经有一个 jqModal 了 , 但是它的使用风格我不喜欢,而且比较难看.
昨天自己写了一个, 编程风格有点象XUL的dialog.

  • 可以指定显示的按钮,按钮标签,回调函数.
  • 可以指定标题
  • 实现了Dialog.alert , Dialog.confirm , Dialog.prompt 这三个常用功能.

总的来说, blockUI 比较灵活, 但是显示/隐藏的代码分散在不同的地方, 有点混乱.
我的Dialog 基于回调函数, 同时显示/隐藏自动完成.
可以通过在回调函数中返回false,来阻止默认行为隐藏对话框.
下面是代码, 这里我使用More 标签. (由于使用js作语法高亮,只有在网页上才能正常浏览)
(如果你想查看这个东东的最新版本, 请查看这里) READ MORE »

Posted in javascript - Tagged , , ,

最近评论

My Tweets

分类

文章归档