YUI 3 YUI YUI 3 yahoo UI
关注
分享
扫一扫
文章平均质量分 90
hu_xiaoan
这个作者很懒，什么都没留下…
展开
-
YUI 3 : json
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java,...2011-06-09 15:37:04 · 101 阅读 · 0 评论 -
yui3：widget
Widget 类包含什么？widget类的结构和职能widget类基本的属性渲染方法渐进增强标签结构class名和CSS默认UI事件类的结构和职责 Widget类的结构和职责 Widget类是一个用于创建widgets的基础类。 Widget类可以实例化，但是一般都是用它作为基础类，扩展创建widgets，这些通过扩展创...原创 2011-06-18 11:36:33 · 182 阅读 · 0 评论 -
YUI3：plugin
插件让你可以无侵入地为宿主对象（host object）添加功能。宿主衍生自Base类。node、widget等对象都是宿主对象。我们可以继承Plugin.Base类创建插件类。但是这也不是必须的，可以通过其他方法创建插件类。 插件类用来向组件实例中添加小块功/特性，不需要将这些功能/特性整合进组件类中，组件类甚至可以完全对这些功能特性一无所知。这样，我们就可以在组件实例层级使用这些功能/...2011-06-18 10:22:48 · 119 阅读 · 0 评论 -
YUI3:Base
Base类被设计成基础类，YUI库中attribute-base和event target-base的类都衍生自Base类。Base类为在YUI、库中创建的attribute-base类提供统一的模板。Base类还提供统一的init()和destroy()序列，来串联类层级中的初始化（initializer）和销毁（destructor）方法。Base类还通过插件或扩展的方式，提供代码重用...原创 2011-06-16 20:39:38 · 129 阅读 · 0 评论 -
YUI3：Attribute
YUI的Attribute功能允许你通过一个可扩展的Attribute接口为类添加属性。该接口为你的类添加get和set方法，用来存取类的属性值。该接口还为类添加了“属性change事件(attribute change event)”支持，我们可以监听“属性改变事件”，在属性改变时做相应的操作。另外，属性还可以添加自定义的getter、setter、validator，让开发者可...原创 2011-06-16 10:30:59 · 133 阅读 · 0 评论 -
YUI 3:Event
1. 要使用Event，首先要引入YUI3的种子文件：<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>然后加载相应模块： YUI().use('event', function(Y) {});2. 设置事件响应函数:on() 有两个on方法，一个是Y...原创 2011-06-15 22:23:17 · 150 阅读 · 0 评论 -
YUI3:Node
YUI的Node功能为获取、创建、操作DOM节点提供很易懂的方式。每个Node实例代表一个DOM节点，每个NodeList代表一系列DOM节点。我们可以管理Node的className(myNode.addClass(‘foo’)) 和样式(myNode.setStyle(‘opacity’, 0.5))、可以创建DOM元素(Y.Node.create(‘foo’))等。引入YUI种子文件和配...原创 2011-06-15 15:59:52 · 135 阅读 · 0 评论 -
yui3 :Get 例子
Getting a Script Node with JSON Data这个例子应用YUI Get Utility：从一个跨域web服务获取JSON数据。这是一个相对常用的方法，但了解这门技术的安全细节是非常重要的。通过Get Utility（或者是任何一个“脚本节点”解决方案）被加载的脚本，当他们加载之后立即执行。如果你并不完全控制或者完全信任你的脚本资源，这将会是一个不安全的技术，并且它将...2011-06-15 15:43:03 · 93 阅读 · 0 评论 -
YUI：globle object
YUI模块是YUI3中的单一核心，所有需要使用YUI3的页面都必须包含该 模块，该模块提供加载功能，可以使用该功能动态加载指定模块，其依 赖模块会被自动加载，所以YUI模块可以看成YUI的一个种子。 YUI模块创建了一个全局对象：YUI，一个页面可以共享一个YUI实例，也 可以使用多个实例。 YUI模块是所有YUI3.x实现的核心基础。所有使用YUI的页面都需要引入YUI模块。...2011-06-13 11:52:50 · 122 阅读 · 0 评论 -
YUI3：GET
Get 工具提供了一个，在页面加载完之后，附加脚本和css资源（包括跨域资源）到DOM上的机制。Get工具两种常见的用例：1.跨站数据检索：因为XMLHttplRequest（YUI IO Utility也是使用XMLHttpRequest）依靠一个严格的同源策略，所以，要通过XHR检索第三方数据需要一个服务器代理。（具体搜索一下XMLHttpRequest工作原理）。如果是能控制或者完全...2011-06-12 22:25:34 · 97 阅读 · 0 评论 -
YUI3：DataSource
DataSource 工具，通过广泛支持的协议，为从不同的资源中获得数据提供了一个统一的API。DataSource plugins和扩展能够增加例如schema normalization ，caching，以及polling数据的额外功能。 使用DataSource工具DataSource basics本地资源远程资源（带Get Utility） Get后讲。远程资源（...2011-06-12 21:53:09 · 98 阅读 · 0 评论 -
YUI3:DataSchema
DataSchema Utility 应用一个给定的模式 ，以任意格式的数据，标准化输入（例如JSON，XML，或者是分隔的文本）为一个JavaScript对象。DataSchema工具的作用是通过组建，在一种可预测的方式下，将各种各样的数据转换成一个固定的格式以便使用。使用DataSchema工具DataSchema basicsDataSchema.ArrayDataSchem...2011-06-12 20:57:05 · 141 阅读 · 0 评论 -
YUI3:Cooke
YUI Cookie工具为与cookies交互提供了一个简单的API，包含subcookies的创建和处理。关于HTTPOnly Cookies：暂时不支持。使用Cookie工具创建Cookies很简单：//create a YUI instance and use the cookie module.YUI().use('cookie', function(Y) { ...2011-06-12 16:43:21 · 106 阅读 · 0 评论 -
yui3 ：datatype
DataType工具为数据，日期，以及XML文档，提供方便的格式转换和字符串格式化方法。注意：我们不赞成config.locale,config.dataformat,以及DataType.Data.Locale。这些属性将在3.4.0版本中被移除。使用DataType工具日期格式化日期DataType.Data.format()将使用使用格式化的字符串作为输出。一些格式可...原创 2011-06-12 12:02:39 · 374 阅读 · 0 评论 -
YUI3：cache
Cache 工具为存储名值对到本地JavaScript内存提供了一个基本的缓存管理工具。作为Plugin的一个子类，它无缝地与其他组件结合（例如DataSource）。升级说明3.1.1以及之前的版本，使用cache时，要有Y.Cache变为Y.Plugin.Cache.使用Cache工具基本的caching基本的caching允许你存储在本地JavaScript内存中频繁使用...原创 2011-06-12 10:14:09 · 88 阅读 · 0 评论 -
YUI 3 周边
1.跨域请求：cross-domain初步体验“AJAX不能跨域访问”(原创)［有源码，有示例］ajax跨域访问(cross-domain)百度搜索一下 2.好像YUI中，数组用"[]"表示，对象用"{}"表示。例如.//数组对象[ {make:"Chevrolet",model:"Bel Air",year:1957},...原创 2011-06-11 16:46:57 · 95 阅读 · 0 评论 -
YUI 3 ：IO
YUI IO是一个通讯工具，用于数据获取和内容更新，它使用XMLHttpRequest对象来用于“同区域”请求，当用于“跨区域”请求时，使用相反的传输工具。开始<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js" charset="utf-8"></script>...原创 2011-06-10 11:46:29 · 387 阅读 · 0 评论 -
yui3：widget 例子_widget-extend
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=u原创 2011-06-26 16:07:15 · 199 阅读 · 0 评论