`

使用YUI框架的一些感受

阅读更多
总结起来只有六个字:难看、难用、难改

  • 难看:YUI3暂时还没几个widget,就说YUI2的。我第一次看到的YUI组件是calendar组件,当时我就傻眼了,UI竟然可以做的如此难看 后来又看了YUI的Tree组件,发现不光是难看,叶子节点前面竟然还有可收缩的图标
  • 难用:1.API不全,例如chart的刷新方法,我是看了源码找到_setRequest这个方法也解决的,还有很多组件的事件上面都没列出(这点就不举例了,实在太多了)2.API不好查,这点是跟Ext相比了,可能是因为Ext的API实在做的太牛X了吧,如果你也想做出那样的Doc,可以到googlecode上找到开源的Ext Doc生成工具
  • 难改:1.YUI2有个分页组件使用的是英文显示链接文字,我想改成中文的,结果一看源码丫竟然把字段写到闭包函数里面了 2.因为要使用YUI3进行延迟加载,而YUI3加载的js文件有些是由多个子模块通过build工具组合生成的,这样就会有个问题,那就是你要修改一个文件的内容,需要同时对其他JS文件也进行修改,如果你有工具和配置文件的话运行一次就行了,但问题是YUI的开发包里是没有源码的配置文件的!也就是说除非你根据生成的代码写出模块所需要配置文件,否则你对源码进行hack都很困难


感觉自己使用YUI2的组件吃尽苦头(也许是我水平不够吧,但我想如果YUI2真的优秀的话也不至于YUI3进行全面的重构了),希望读者可以根据我的一点经验少走弯路,也算我没白瞎忙活。不过话说回来,YUI3的一些特性还是很强大的,或许以后会有很好的发展吧...
分享到:
评论
18 楼 xishuiyue 2013-01-15  
6楼的是不会用YUI吗?同步当然有,async:true,不就是吗?而且YUI发送请求封装了很多方法,io,node等。YUI2确实不怎样,但3是革命性的改变,谁都知道,taobao的kissy组件核心来自于yui。阿里前端们也正在用YUI,新招聘的人员必须会YUI3,YUI3现在更新到3.8了。要是YUI3的组件不够全面,那可以说没有一种JS框架是全面的了。
17 楼 liuyuru 2010-12-19  
听过一次,没用过的
16 楼 firesnake2008 2010-08-31  
UI3没有了LAYOUT了?
不会用啊,怎么布局好看呢?
UI2里还有,为啥3不用了?
有没有写的漂亮的布局例子啊,UI2那个感觉还是蛮好看的
15 楼 kelongsoft 2010-08-20  
(⊙o⊙)哦
14 楼 ego008 2010-07-02  
尝试在http://keb-log.appspot.com/用YUI的编辑器,但还是放弃了。目前只喜欢他的grids
13 楼 bazhuang 2010-06-19  
我们公司一直用的都是YUI,不过用的没有太深,毕竟访问量在哪里,不适合大量使用
12 楼 jkfzero 2010-06-17  
YUI2可配置项太多了。至于难看……css他就是给你了一个模板,让你自己去填的。经常找源码看着看着发现注释// bug *******
然后去bugzilla上去查,好久之前 =。=!
YUI3就聪明多了,索性注重拓展性让你自己去写,不过相应的widgets还很少。
YUI更新的也很频繁,每几个月就要更新一次。
11 楼 mercyblitz 2010-06-16  
YUI太繁琐了,不过OO思想挺好。
10 楼 huangyuanmu 2010-06-14  
你说出了EXT产生的原因咯,呵呵
9 楼 天涯之海 2010-06-13  
还没用过
不好说
8 楼 matin0728 2010-06-13  
我用的Google 的 Closure lib ,比YUI强~~
7 楼 robertliudeqiang 2010-06-13  
以前用过YUI2,感觉和楼主是一致的,雅虎有很多东西想法很好,就是没有做好。
6 楼 peacock 2010-06-13  
YUI连同步ajax都没,这个实在是太杯具了
5 楼 caowei3047 2010-06-13  
不会吧。YUI挺好用的啊,可以拆开用啊
4 楼 piggy 2010-06-13  
你看看下面是不是你想要的

API:http://developer.yahoo.com/yui/docs/

页码中文:http://developer.yahoo.com/yui/examples/paginator/pag_configuration.html
3 楼 chemzqm 2010-06-12  
beeke 写道
YUI2的源码叫又臭又长
话说ext当年是叫yui-ext,最早的版本就是基于yui扩展的
估计jack后来也看不过去了,直接写了自己的包,后来改成ext

就是啊,看的我都要吐血啦!
2 楼 beeke 2010-06-12  
YUI2的源码叫又臭又长
话说ext当年是叫yui-ext,最早的版本就是基于yui扩展的
估计jack后来也看不过去了,直接写了自己的包,后来改成ext
1 楼 oolala 2010-06-11  
还打算试试yui3,一直jquery着。

相关推荐

    针对YUI框架API

    **YUI(Yahoo! User Interface Library)框架API详解** YUI是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者...在实际开发过程中,查阅YUI的API文档将是非常有益的,它将解答你在使用过程中遇到的大部分问题。

    YUI-ajax框架开发文档

    此外,YUI还提供了一些高级特性,如请求队列管理、跨域请求支持、数据缓存等。 在YUI_2.5.2这个版本中,包含了YUI 2系列的组件和示例。这个版本可能已经有些陈旧,但仍然可以作为学习YUI Ajax框架的基础。通过查看...

    yui框架是一个很不错的Java开发框架

    YUI框架包含了许多模块,如DOM操作、事件处理、动画效果、CSS样式管理、Ajax通信、数据存储以及图表绘制等,使得开发者能够更加高效地构建复杂且可扩展的Web应用程序。 1. **DOM操作**:YUI提供了一套强大的DOM操作...

    YUI-EXT使用详解

    **YUI-EXT使用详解** YUI-EXT是基于Yahoo! User Interface Library (YUI)的一个扩展库,专为构建富互联网应用程序(RIA)而设计。YUI-EXT提供了许多高级组件,如表格、菜单、窗口、表单、布局管理器等,极大地丰富...

    alloy_Liferay使用YUI封装的框架,含使用文档

    通过阅读和理解文档,开发者可以了解到如何导入和初始化框架,如何使用框架中的组件,以及如何调用各种API方法。例如,文档可能会讲解如何创建和配置portlet,如何利用Alloy_Liferay实现数据的异步加载,以及如何...

    一些关于YUI的资源

    6. **CSS样式和布局**:YUI还提供了一些预定义的CSS样式和响应式布局工具,帮助开发者快速创建符合现代Web标准的界面。 7. **国际化与本地化**:YUI支持多语言环境,提供了丰富的本地化资源,使开发者能够轻松构建...

    Jquery、YUI、ExtJs 三大javascript框架表单验证带提示功能的demo

    本教程将深入探讨Jquery、YUI和ExtJs这三大JavaScript框架在表单验证和提示功能方面的应用。 **jQuery** jQuery是一款轻量级、高性能的JavaScript库,以其简洁的API和跨浏览器兼容性闻名。在表单验证方面,jQuery...

    高效WEB前端开发之路:YUI3.15

    因此,一些具有开拓创新精神的开发者们便开发出了各种丰富的第三方框架,通过第三方的支持代码实现浏览器兼容性的统一、代码的简化以及功能的增强。  本书作者便是在此背景下,以国外最优秀的JavaScript框架之一...

    《YUI使用文档》汉语版的yui学习材料

    《YUI使用文档》汉语版是一份详细的YUI学习材料,它涵盖了这个JavaScript库的核心功能和使用方法。YUI,全称Yahoo! User Interface Library,是Yahoo开发的一个开放源代码的JavaScript库,旨在帮助开发者创建交互式...

    从YUI2到YUI3看前端的演变 pdf

    YUI3 引入了粒度更细的模块管理方式,通过异步 HTTP 请求加载模块、然后执行...YUI是个“学院派”的框架,以性能和严谨著称,易用性相对而言弱了一些。它能否在已经拉开的 JavaScript 框架大战中胜出,让我们拭目以待。

    YUI js方法使用列子

    在"YUI js方法使用例子"中,我们可以通过以下步骤来体验YUI的强大功能: 1. **引入YUI**:在HTML文件中,通过`<script>`标签引入YUI库,可以选择性地加载所需模块。 ```html <script src="http://yui.yahooapis....

    使用yuicompressor压缩及合并js,css静态资源

    本篇文章将深入探讨如何使用Yahoo的开源工具——YUI Compressor来实现这一目标。 YUI Compressor是由Yahoo开发的一款高效且强大的JavaScript和CSS压缩工具。它能够通过删除空格、注释和不必要的字符,以及进行代码...

    yui_2.9.0前端UI

    YUI 库,全称Yahoo! UI Library。是一组工具和控件,用...YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两个创建时工具: YUI Compressor (压缩) 和 YUI Doc (JavaScripts代码的文档引擎)。

    yui.rar 例子

    例如,例子中可能用到了“yui-button”来创建交互式的按钮,或者使用“yui-menu”构建导航菜单,这些组件大大简化了开发工作,提升了用户体验。 在实际开发中,YUI的调试工具也非常实用。YUI Logger可以帮助开发者...

    yui 资源包

    总结,YUI 3.9.0 r2是一个强大的前端开发框架,它提供了一整套工具和组件,以应对复杂的界面设计挑战,并通过优化资源加载和管理,提升了Web应用的性能和用户体验。无论是初学者还是经验丰富的开发者,都能从中找到...

    JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools

    JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools

    YAHOO yui2.7 文档+ 代码+例子

    YUI 2.7是这个库的一个版本,包含了文档、源代码以及实例,使得开发者能够深入理解并有效地使用这一框架。 **1. YUI的核心组件** YUI由多个核心模块组成,包括事件处理、DOM操作、动画效果、拖放功能、Ajax通信、...

    yui3-master.zip

    《深入理解YUI3:基于yui3-master.zip的探讨》 YUI(Yahoo! User Interface Library)是由雅虎公司开发的一套开源JavaScript库,它为Web开发者提供了丰富的功能和工具,以创建交互性强、性能优秀的网页应用。YUI3是...

    YUi文档(中文的哦)

    - **Lang对象**: `YUI`全局对象还包括一个`Lang`对象,它封装了一些JavaScript语言本身的实用功能,如类型检查等,以便于开发者使用。 #### Node模块详解 Node模块是用于操作DOM节点的强大工具,每个Node实例代表...

    【YUI组件】基于YUI的表单验证器

    通常,这样的组件会有一个主JS文件(如`yui-form-validator.js`),可能还有一个CSS文件(如`yui-form-validator.css`)来处理样式,以及一些示例或测试用例文件。 **相关知识点:** 1. **YUI库**:了解YUI的基本...

Global site tag (gtag.js) - Google Analytics