公司要做公网的网站,目前前端框架选定YUI,通过两天学习我发现YUI这个库理解起来一点不比Ext简单,里面很多比较复杂的函数,没有一两个月估计很难有个基本的理解。还是先从最简单的例子学起吧。
YUI()函数负责生成一个YUI实例并返回,在参数里可以设置一些配置项,例如debug什么的,这里我们什么都没设置。'node'参数指明要加载的模块,通过控制台我们可以看到页面上会加载到node模块所需的所有js文件。
use函数的最后一个参数将做为回调函数,该回调函数第一个参数为YUI实例对象;异步加载情况下,该函数将在加载完毕后执行,这是一种使用YUI实例对象的推荐方式
通过在回调函数使用YUI实例我们免去生成外部引用的麻烦(个人以为这样可以确保组件是可插拔的),回调函数执行时所需JS已加载完毕,所以就可以使用对应模块的方法了
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已加载完毕,所以就可以使用对应模块的方法了