论坛首页 Web前端技术论坛

我为什么选择mootools,抛弃了prototype. (mootools与prototype 核心代码分析)

浏览 90900 次
该帖已经被评为精华帖
作者 正文
   发表时间:2007-09-10  
再说UI这块。我个人觉得这块对lib选择很重要。
你们也同意一个项目不用n个lib吧?

那如果你选择一个对UI支持不好的lib怎么办。例如,选择了prototype.js,你还要用它的很多扩展项目,当然你也不是很愿意。

mootools对UI支持的不错。yui-ext更是。

但我提个问题,你对UI的热衷,是你对xhtml+css的生熟造成的。你同意吗?

为什么我对yui-ext有上面的说法。

yui对UI的支持进度太慢了。jack等不及,自己写了一些UI,grid,tab,tree,dialog... ...。
为什么大家都选ext,是看中它的UI。基础lib呢?用的有多少?

我不是批判ext,我只是说出它的特点来,UI很好.





说实话,如果用yui-ext的项目多了,客户会有审美疲劳的。我现在看那种蓝色调确实有些恶心了,可能你也会有那一天的!
0 请登录后投票
   发表时间:2007-09-10  
fins 写道
其实比较好的做法是 moo还是提供一个命名空间
例如 moo.Ajax moo.$extend.....
然后自己再做一个桥  把这些东西挂到window的根上.

例如

Ajax=moo.Ajax
$extend=moo.$extend...
当开发者不希望moo的东西都挂到window下时,可以不引入那个桥



yui作者当初面对这个问题时,和你是相同的答案。
1 请登录后投票
   发表时间:2007-09-10  
我的出发点不是做项目和系统,从学习角度来看jQuery很好。
我们项目中用了yui,ext0.3,prototype.js,dwr
没有用jQuery,但我从研究学习角度很喜欢jQuery。
说说原因:
    1、jQuery本身提供功能”不多“。其实很多了
    2、需要plugin才能有很多功能。
    3、最重要的。我手下人包括我驾驭不了jQuery。因为jQuery太灵活了,需要很多灵感创意才能用好它!
   4、css,xpath 表达式很多人不熟悉。

jQuery的作者就在mozilla工作,对javascript的理解和使用很是到位。看代码就知道了!

预告一下,过几天我放一段jQuery代码解读!
0 请登录后投票
   发表时间:2007-09-10  
radar 写道
我的出发点不是做项目和系统,从学习角度来看jQuery很好。
我们项目中用了yui,ext0.3,prototype.js,dwr
没有用jQuery,但我从研究学习角度很喜欢jQuery。
说说原因:
    1、jQuery本身提供功能”不多“。其实很多了
    2、需要plugin才能有很多功能。
    3、最重要的。我手下人包括我驾驭不了jQuery。因为jQuery太灵活了,需要很多灵感创意才能用好它!
   4、css,xpath 表达式很多人不熟悉。

jQuery的作者就在mozilla工作,对javascript的理解和使用很是到位。看代码就知道了!

预告一下,过几天我放一段jQuery代码解读!


非常期待
0 请登录后投票
   发表时间:2007-09-10  
jquery的代码量确实很少,呵呵献个丑。但是我觉得在工程中使用不太好,因为需要对CSS,xhtml有一定了解,看似简单的代码其实是通过与良好的HTML风格搭配实现的。写起来有一种极其流畅的感觉,不过读起来就不是那么一目了然,如果自己做东西,用这一套肯定很爽。
删除表格中选定了checkbox的行
$("table#my_data_grid input:checked").parents("tr").remove();

类似WindowsXP侧边栏那种折叠/打开功能
$(document).ready(function(){
            $(".fold .fold-button img").click(function(){
                $(".expand",$(this).parents("div.fold")).toggle();
            });
        });

HTML代码
<fieldset>
    <legend><b>具有的角色</b></legend>
	<div class="fold">
        <div class="fold-button">
            <img src="../images/close.gif" />
        </div>
        <div class="expand">
            <ul>
                <li><a href="../role/角色信息.html">角色1</a></li>
                <li><a href="../role/角色信息.html">角色2</a></li>
                <li><a href="../role/角色信息.html">角色3</a></li>
            </ul>
        </div>
	</div>
</fieldset>
<fieldset>
    <legend><b>禁止的角色</b></legend>
	<div class="fold">
        <div class="fold-button">
            <img src="../images/close.gif" />
        </div>
        <div class="expand">
            <ul>
                <li><a href="../role/角色信息.html">角色8 </a></li>
                <li><a href="../role/角色信息.html">角色9 </a></li>
                <li><a href="../role/角色信息.html">角色10</a></li>
            </ul>
        </div>
	</div>
</fieldset>
0 请登录后投票
   发表时间:2007-09-10  
引用
我现在看那种蓝色调确实有些恶心了,可能你也会有那一天的!

把skin交给美工修改。
用EXT做的,但修改过SKIN,相信这样能够不会“一下子”看出是EXT做的:
0 请登录后投票
   发表时间:2007-09-10  
呵呵 不错 虽然我不认为比EXT默认风格好看
但是确实非常不像EXT了

其实EXT作者选择的默认风格遵循了一条很简单的原则:当你不能确定对方喜欢什么颜色时,那么你就选择蓝色吧 呵呵

蓝色+灰 + 白 +黑(再红绿橙黄做小小的点缀 ) 这样的搭配能符合绝大多数人的审美 呵呵

感觉这帖子跑题跑的比较厉害啊

从mootools跑到jquery 又跑到ext 现在又跑到美工了 哈哈
不过这样的跑题还是比较有意义的


0 请登录后投票
   发表时间:2007-09-11  
Skin is easy to be modiflied by CSS sprite as the way of ext did ....
0 请登录后投票
   发表时间:2007-09-12  
楼主分析的很中肯。
我个人也很喜欢mootools,一来小巧,比较OO,其次其提供的封装,我使用起来比较顺手,再就是对一些基本的特效提供了很好的封装。。总之你是扩展mootools也好,使用mootools开发也好,感觉比较舒服尤其习惯OO的开发者。
另外本人就在mootools的基础上开发了一个简单的网路拓扑管理的东东
https://sourceforge.net/projects/webtopology/
0 请登录后投票
   发表时间:2007-09-12  
我也喜欢jquery

比如把checkbox当radio使用

$("#aa input:checkbox").click(function(){
  if(this.checked)
    $("#aa input:checkbox:checked").not(this).attr("checked", false);
});
0 请登录后投票
论坛首页 Web前端技术版

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