公司要做公网的网站,目前前端框架选定YUI,通过两天学习我发现YUI这个库理解起来一点不比Ext简单,里面很多比较复杂的函数,没有一两个月估计很难有个基本的理解。还是先从最简单的例子学起吧。
YUI().use('node' ...
YUI()函数负责生成一个YUI实例并返回,在参数里可以设置一些配置项,例如debug什么的,这里我们什么都没设置。'node'参数指明要加载的模块,通过控制台我们可以看到页面上会加载到node模块所需的所有js文件。
YUI().use('node' function(Y) ...
use函数的最后一个参数将做为回调函数,该回调函数第一个参数为YUI实例对象;异步加载情况下,该函数将在加载完毕后执行,这是一种使用YUI实例对象的推荐方式
YUI().use('node', function(Y) {
var node = Y.one('#demo');
Y.log('Found node.. Setting style');
node.setStyle('backgroundColor', '#D00050');
node.set('innerHTML', '<strong>Changed!</strong>');
});
通过在回调函数使用YUI实例我们免去生成外部引用的麻烦(个人以为这样可以确保组件是可插拔的),回调函数执行时所需JS已加载完毕,所以就可以使用对应模块的方法了
分享到:
相关推荐
1. **核心库(Core)**:这是YUI的基础,提供事件处理、DOM操作、CSS样式处理、JSON解析等基础功能。它使得开发者能够更方便地进行页面交互和元素操作。 2. **控制台(Console)**:这是一个调试工具,用于在浏览器...
1. **模块**:YUI由多个模块组成,如Core(核心)、Event(事件)、Node(DOM节点操作)、IO(异步数据请求)等。每个模块都提供了一组相关功能。 2. **类**:每个模块下有若干个类,这些类定义了对象的行为和属性...
例如,`yui-core`包含了基础的事件处理和DOM操作,而`yui-node`提供了更高级的DOM操作API。 2. **事件处理**:YUI提供了一套完整的事件系统,包括事件注册、事件触发和事件代理等。通过`Y.on()`函数可以监听DOM元素...
在网页中引入Ext Core后,可以通过以下示例代码检查是否一切正常: ```javascript Ext.onReady(function() { // 创建一个带有特定类名的段落元素,并追加至body中 Ext.DomHelper.append(document.body, { tag: 'p...
<include name="core\Ext.js"/> <include name="adapter\yui-bridge.js"/> <include name="yui\yahoo.js"/> <include name="yui\dom.js"/> <include name="yui\event.js"/> <include name="yui\connection.js...
ExtJS的设计灵感来源于YUI技术,并借鉴了Java Swing的组件组织方式,提供了强大的UI组件和CSS样式,以及数据解析和异常处理机制。 【.NET】是Microsoft开发的一种全面的开发平台,用于构建各种类型的Web应用程序。...
- 易于集成现有树形UI:支持集成如xtree、exttree和yuimenu等。 - 功能丰富:支持多种类型的树,例如普通树、单选树、复选树、动态树等。 #### 二、开发环境与要求 - **开发环境**:本文档以Struts + Hibernate +...
UI Library (YUI) 构建,提供了完整的 MVC(Model-View-Controller)架构,便于开发复杂的 web 应用。EXT 的组件化设计使得开发者可以方便地组合各种小部件,实现复杂的页面布局和交互。 2. **下载与开始** 要开始...
下载后,包含的文件有库文件、示例、文档等,帮助开发者快速入门。 3. 开始! 开始使用ExtJS,首先需要在HTML文件中引入必要的库文件,如`ext-all.js`或精简版的`ext-core.js`。然后,可以创建基本的组件,如窗口...
1. `adapter`:这部分包含了适配器,用于将EXTJS与不同的底层库(如Prototype、jQuery或YUI)集成,使得EXTJS能够支持这些库的功能。 2. `build`:这个目录下存储的是经过压缩的EXTJS完整源码,适合在生产环境中...
示例代码: ```javascript document.write(Math.round(0.60) + " "); // 输出:1 document.write(Math.round(0.50) + " "); // 输出:1 document.write(Math.round(0.49) + " "); // 输出:0 document....
与其它JavaScript框架相比,DWZ的最大优点在于它具有高度的可配置性和可扩展性,可以很容易地融入到各种Web项目中,并且与现有的Web技术栈兼容,如jQuery、ExtJS、YUI等。 从技术细节来看,DWZ框架包含了许多常用的...
- **起源:** ExtJS最初基于Yahoo UI Library (YUI),由开发者Jack Slocum开发。 - **发展:** 通过参考Java Swing等机制来组织可视化组件,逐步形成了独特的组件体系结构。 #### 二、获取ExtJS - **官方下载:** ...
EXT通常可以从其官方网站或者开源社区如GitHub上下载,下载的包通常包含源码、文档、示例和必要的依赖库。开发者可以根据项目需求选择不同版本的EXT,同时注意保持与所使用的其他库(如jQuery)的兼容性。 3....
- 适配器Adapters:适配器是EXT与不同JavaScript库(如YUI、Prototype)交互的桥梁,让EXT可以在其他框架基础上工作。 - 核心Core:EXT的核心库包含了基本的DOM操作、事件处理、动画效果等功能,是EXT所有组件和功能...
通常,EXT的发行包会包含源码、示例、文档等多个部分,下载后解压即可开始学习和开发。 开始!: EXT的学习可以从了解基本的Element概念开始,Element是EXT对DOM节点的封装,提供了许多便利的操作方法,如样式设置...