To be or not to be.That is a question!

---源于莎士比亚的《哈姆雷特》

导航

YUI3模块化定制

demo：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://yui.yahooapis.com/3.10.0/build/yui/yui-min.js"></script>
</head>
<body>
    <div id="demo"></div>
    <script type="text/javascript">
    YUI({
        modules:{
            'hello':{                    
                fullpath:'hello.js',
                requires:['node-base']
            }
        }
    }).use('hello',function(Y){
        Y.hello.sayHello(Y.one('#demo'));
    })
    </script>
</script>
</body>
</html>

外部定义的单独js模块：

YUI.add('hello',function(Y){
    function addMessage(node,html){
        node=Y.one(node);
        if(node){
            node.setHTML(html);
        }
    }
    Y.namespace('hello').sayHello=function(node){
        addMessage(node,'hello world');
    }
},'0.0.1',{requires:['node-base']})

Yui提供各类强大的模块化管理工具集，对项目js进行模块化开发提供了便捷

posted on 2013-04-29 18:10  Ijavascript  阅读(192)  评论(0)  编辑  收藏  举报