YUI 3 预览版发布：更快更通用更强大

10顶
0踩

2008-08-15 10:50 by 副主编 QQbyte 评论(8) 有11980人浏览

YUI CVS

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

YUI 3 预览版可以下载了: YUI 3preview release

YUI 3 目标是：

1。更轻量级 (更少文件大小)

2。更快 (更少的http请求，需要更少的书写和编译代码，更有效的代码)

3。更通用 (整个库的同一的命名，动作标记和widget APIs)

4。更强大 (能完成更多的动作)

4。更安全 (简单安全的让多个开发者在同一个环境下工作，更容易运行在类似Caja 或 ADsafe的系统下)

新版本的更新包括：

1。sandboxing沙箱：页面的每一个YUI实例能够被自包含，保护和限制(YUI().use())。这种和其他YUI实例的分离，能够配合你的特殊函数需求，并且能让不同的YUI 版本更好的运行在一起。

2。Modularity模块性：YUI 3的架构是许多小模块组成，提供细颗粒的控制。比如你需要托拽功能，你只需包括dd-drag子模块，这是Drag & Drop Utility的一个小模块。

3。Self-completing自完成：只要基础的YUI种子文件就位，你就能够调用库中所有功能。告诉YUI你需要的模块，捆绑到你的应用代码上，在你运行你的代码前，YUI能够通过一个简单的HTTP请求，自动加载所有需要的依赖文件。

4。selectors：元素被有效的CSS选择方式定位，所以很方便操作一个或者一组元素。

5。Custom Events++：Custom Events是YUI 3.0一个更强大的部分，支持气泡，停止扩展，分派/阻止缺省动作等。事实上，Custom Events引擎提供一个DOM和API动作的通用界面，面对所有的动作驱动的工作创建一致的代码方式。

6。Nodes and NodeLists：在YUI 3.0中元素引用通过Node和NodeList颗粒。这样不仅应用代码更有效( Y.Node.get("#main ul li").addClass("foo")),更让浏览动作更常态化(Y.Node.get("#promo").setStyle("opacity", .5);)。

7。Chaining：我们都注意到函数数值返回和函数构建新的架构，给予了应用代码的更简洁的链接参数。

下面是代码例子：

// Creates a YUI instance with the node module (and any dependencies) and adds the class "enabled" to the element with the id of "demo".

YUI().use('node', function(Y) {
    Y.get('#demo').addClass('enabled');
});

// Creates an instance of YUI with basic drag functionality (a subset of the dd module), and makes the element with the id of "demo" draggable.

YUI().use('dd-drag', function(Y) {
        var dd = new Y.DD.Drag({
        node: '#demo'
    });
});

// Adds the class "enabled" to the all elements with the className "demo".

Y.all('.demo').addClass('enabled');

// Sets the title attribute of all elements with the className "demo" and removes the class "disabled" from each.

Y.all('.demo').set('title', 'Ready!').removeClass('disabled');

// Adds the Drag plugin to the element with the id "demo", and enables all of its h2 children drag as handles.

Y.get('#demo').plug(Y.Plugin.Drag, {
    handles: 'h2'
});

// Attaches a DOM event listener to all anchor elements that are children of the element with the id "demo". The event handler prevents the anchor from navigating and then sets a value for the innerHTML of the first em element of the clicked anchor.

Y.on('click', function(e) {
    e.preventDefault();
    e.target.query('em').set('innerHTML', 'clicked');
}, '#demo a');

YUI 3的发布真让人兴奋，同样期待新版本的完整源代码：code repository。

来自: ajaxian.com

分享到：

10
顶

0
踩

评论共 8 条请登录后发表评论

8 楼 yiliyili 2010-04-19 15:01

感觉yui比较混乱还是喜欢jq的简洁

7 楼 tiyi 2010-03-14 12:37

遗憾的是，y2 中可用的widget还未移植，现在只能用mix的方式来使用

6 楼 piggy 2008-08-18 08:49

由于项目的需求,我也接触了yui.除了官网,有没有其他的学习资源?

5 楼 bluecrystal 2008-08-16 23:44

我就很喜欢yui，使用起来太爽了

4 楼 netnova 2008-08-16 13:57

不错啊。不错。

3 楼 AllenZhang 2008-08-15 16:16

感觉很慢阿

2 楼 zjumty 2008-08-15 14:02

yui也越来越强大啦!

使用协程实现地面一排一排塌陷

Unity地面交互效果——4、制作地面凹陷轨迹

上一篇介绍了曲面细分着色器的基本用法和思路，这一篇在曲面细分的基础上，制作地面凹陷的轨迹效果。

Unity 3D 完成地形凹陷、水面、成品树

自己使用的是Unity3D 2018版。先完成地形凹陷先创建一个地形Terrain，点击进入属性面板，第二步：选择完成后，按住Shift，点击地形即可完成凹陷。水面要导入Unity自带的素材包。由于下拉框不可以截图就用文字描述。点击Assets——Import Packzge——Environment 导入素材包，这两个里面的Prefabs文件都是水面的素材，直径拖入场景中即可。调整合适位置，大小即可。树和水面需要的素材包一样，导入后 Edit Trees ——Add Tree

Unity 2021 凹陷效果设置

2021 Unity 凹陷设置

unity2019.4.22凹形地面的创造

创建terrain后在右侧 Terrain中可以改变地形点Set height可以设置最高抬升的高度，你可以调到自己想要的该高度。然后点flatten all将整体抬高（unity中不允许地形高度为负值）之后切换成Raise or Lower Terrain，按shift配合鼠标既可创造凹陷地形。。 ...

Unity3d中地形系统

通过在场景内容列表中creat 3d object 可添加terrian 点击小齿轮可进行一些重要参数的设定。比如长宽之类的（在Resolution中设定）。这里的第二个按钮（Paint）是和地形高度相关的。可以通过刷子刷出高度，也可以点击右下角的flatten按钮将地形统一上升或下降到某一设定高度（图中该设定高度是90）。这里的按钮可以用来升高或降低地形（与之前那种的不同是...

Unity Mesh基础系列（四）mesh变形（制作一个弹力球）

目录1 场景搭建2 Mesh调节器2.1 准备2.2 顶点速度3 Mesh 调节器的输入3.1 输入检测3.2 施加力3.3 力偏移4 最基础的变形4.1 将力转换为速度4.2 移动顶点...

Unity3D 4.2以上版本 Terrain绘制一个下凹（下陷，坑）的地形详解

Unity4以上版本，绘制一个下陷的地形，绘制一个坑。

unity shader URP下的类动森地面弯曲简单实现

urp管线下的地面随视角弯曲shader。

Unity OF 3DMax毛坯房制作标准

原创文章如需转载请注明：转载自脱莫柔Unity3D学习之旅本文链接地址: Unity OF 3DMax毛坯房制作标准 1、模型 2、贴图 3、模型塌陷展UV 4、灯光 5、Radiosity 6、Render To Texture 7、烘焙 8、导出 1.模型回目录 1)单位统一为：米导出时也选择

Unity2D游戏开发基础（七）：添加地面陷阱

大家好，很高兴和大家分享我们的Unity2D游戏开发经验，这是这个系列教程的第七期视频，在这期视频中，我们将在Unity中添加地面陷阱。当控制角色和地面陷阱发生碰撞时，游戏结束，并显示相应的游戏结束界面。视频中我们将介绍如何使用Canvas, Image, Text等组件，并修改GameController脚本，从而把角色，地面陷阱和UI界面联系起来。不管您是否有Unity的使用和开发经...

【Unity笔记】Terrain地形制作坍塌/深坑

Unity的Terrain组件在【set the terrain height】分页下，height高度为0时，可理解为该地形的海平面高度，此时就不能地形下榻。把height调到100，点击【flatten】，然后就能做地形下榻，深坑的深度最多即可达到100. 学习资料： http://www.maiziedu.com/course/540-7397/ ...

unity 怎么判断凹凸不平地面物体是否出现在视野之内

if (Physics.Raycast(transform.position + Vector3.up,(Player.transform.position- transform.position).normalized,out hit , 1 { if (hit.collider.name == "Graphics" ) {

Unity中实现类似纪念碑谷中地面的雾化效果

看一下纪念碑谷中的这个效果：想要实现一个这种地面的雾化效果，在网上找了很久，也没找到满意的解决方案，最后只能自己做一个了。首先想到的就是shader，思路就是从y坐标=0开始往下的位置都使用雾的颜色，中间过度部分用原颜色和雾的颜色做一个插值即可。但是因为是整个游戏的效果，肯定不能只作用在某一个模型上，所以只能使用后期特效，后期特效的话就会有一个问题，如何获取像素点的世界坐标，于是我

Unity 鼠标跟随点击位置

使用网格寻路实现主角跟随鼠标点击位置。3D物体跟随鼠标位置

unity 场景向屏幕中心塌陷的shader

完整代码在我的github中:https://github.com/LiuFeng1011/Test/tree/master/Assets/CollapseTest先来看下效果：shader代码:Shader "Custom/CollapseShader" { Properties { _MainTex ("Maintex", 2D) = "white" {} _Progre...

地形凹陷

地形凹下去：先要设置terrain-flattenheightmap 这个转载于:https://www.cnblogs.com/wolfsky6/archive/2013/05/29/3106078.html

Unity3D 关于模型变形技术代码实现

本篇博客给读者介绍关于如何实现模型的变形，在项目开发中经常会涉及到模型的变形操作，比如如下效果图：第一部分准备工作首先在Unity中建立一个场景，在场景中放置一个球体，这个球体可以使用Max工具建立，在球体上放几张Materials，效果如下所示：下面开始具体实现，创建一个新的MeshDeformer脚本来处理变形，就像立方体球体组件一样，它需要一个网格过滤器来处理。 using U

10顶0踩