论坛首页 Web前端技术论坛

关于MOOTOOLS,它好像没有默认提供HEAD LOCKED的GRID功能?

浏览 3171 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-10-12  
对于前端选型,目前面临EXT、JQUERY、MOOTOOLS
刚刚看了一下MOOTOOLS它网站上的DEMO,发现它没有一个DEMO实现固定表头的TABLE的例子
它没有实现这个功能吗?
   发表时间:2007-10-18  
的确是没有,Mootools是个基础库,只提供了最基础的类、事件、选择器、DOM修改等功能。固定表头实现起来不难,有一种方法是这样的:

<div style="overflow:hidden;"><table style="table-layout:fixed;">... 用来显示的header  ...</table></div>

<div style="overflow:scroll;"><table>实际的table,header高度设置为1, 用来自动计算宽度。</table></div>

onload的时候,获取实际table的单元格的宽度,赋值到上面副本header中单元格的宽度。然后,让上面副本header外的div的scrollLeft等于下面实际Table的scrollLeft,就可以了。基本原理就是这样。
这部分代码可以用JSP Tag直接打印出来,性能就是浏览器显示Table的性能,比用JS构建的方式要快得多。

Mootools会让你更加快捷方便的实现以上功能,这就是Mootools的作用。

例如, $$("input[name^=xxoo]").each(function(item, index){
   .....
});

当年用JS要写N多行的功能,现在只需要一句话就搞定了,性能又好,可读性又强,赞~

如果要在Mootools、Jquery、Prototype之间比较的话,要看你想怎么去用,究其本质,其实无论用那个基础库都会让你事半功倍,至于语法,就看个人爱好了。如果非要比性能,他们的性能是无限接近的(如果Mootools1.0比Jquery1.0性能好,那么Jquery下一个版本就肯定比Mootools1.0强,反之亦然,其实大家都在努力),对于我们用户来说,那么点儿性能差异是无关紧要的。

所以,选基础库的话,看个人爱好,这三个基础库我都看好,我更喜欢Mootools,因为他最“轻”,而且把自己看的也不是那么的重。
0 请登录后投票
论坛首页 Web前端技术版

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