[YUI示例]YUI Core

公司要做公网的网站,目前前端框架选定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已加载完毕,所以就可以使用对应模块的方法了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值