1、YUI提供的javascript的文件引入

最新推荐文章于 2023-04-07 16:58:39 发布

hello刘海

最新推荐文章于 2023-04-07 16:58:39 发布

阅读量1k

点赞数

分类专栏： YUI

YUI 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了YUI引入的多个版本及其在实际项目中的应用，包括min、debug、beta和便于阅读的版本。同时，文章详细介绍了yahoo-dom-event.js文件的作用以及其在项目中的引入顺序。此外，文章还提供了关于Autocomplete组件和Datatable组件在引入顺序上的指导，确保开发者能够正确地组织和引入YUI库中的文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于引入的版本：

YUI对于需要引入的js文件都提供了多个版本：

1 min是去掉空格后的版本，在正式项目中建议使用min版。

2 debug是调试的版本，主要结合YUI的log组件使用。

3 beta版

4 不带后缀的为便于阅读的版本

yahoo-dom-event.js是包含了yahoo.js，dom.js，event.js的内容，使用了前者后就无需再引入后面三个文件。

关于引入的顺序：

1．大部分组件都是依赖于事件驱动，并通过YUI提供的工具集进行DOM操作的，因此yahoo.js，dom.js，event.js或者这三个文件的合成文件yahoo-dom-event.js必须早于其他YUI的js文件引入

2． Autocomplete如果需要从服务器取数据时，要用到YUI提供的datasource.js，因此datasource.js必须在autocomplete.js之前引入；如果是以XHR（JSON，XML等）的方式取数，还要用到YUI提供的connection，因此connection.js也必须在autocomplete.js之前引入；如果用到了动画方式展开下拉框，则需要保证animation.js在autocomplete.js之前引入。

3． Datatable中列宽度的调整，Container组件中的Overlay以及从Overlay继承下来的Dialog，SimpleDialog的窗口拖动，需要用到dragdrop.js，因此dragdrop.js必须在datatable.js和container.js之前引入；如果要用到Dialog的动画显示效果，则需要先引入animation.js。

详细资料请参见 http://yuilibrary.com/

YUI中文在线文档：http://yui-doc-zh.googlecode.com/svn/trunk/yui_2.7.0b/docs/index.html