在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 快速指南
模塊化JavaScript的未來(lái)
Sea.js是如何工作的？
快速指南
參考資料
Sea.js是什么？
使用指南
開發(fā)實(shí)戰(zhàn)

快速指南

還記得jQuery如何使用的么？Sea.js也是如此。例子在這里可以找到，用anywhere起個(gè)靜態(tài)服務(wù)來(lái)看看。

首先寫個(gè)模塊：

// File:js/module/greet.js
define(function (require, exports) {
    function helloPython() {
        document.write("Hello,Python");
    }
    function helloJavaScript() {
        document.write("Hello,JavaScript");
    }
    exports.helloPython = helloPython;
    exports.helloJavaScript = helloJavaScript;
});

如果你對(duì)Node.js非常熟悉，你可以把這個(gè)模塊理解為Node.js的模塊加上一個(gè)Wrapper。

在頁(yè)面中引入Sea.js：

<!-- File:index.html -->
<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Getting start with Sea.js</title>
    <!-- 引入seajs-->
    <script src="/js/sea.js"></script>
</head>
<body>

</body>
</html>

加載模塊文件！

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Getting start width Sea.js</title>
    <!-- 引入seajs-->
    <script src="/js/sea.js"></script>
    <script>
        seajs.use(['/js/module/greet'], function (Greet) {
            Greet.helloJavaScript()
        })
    </script>
</head>
<body>

</body>
</html>

看到頁(yè)面上輸出的Hello,JavaScript么，這確實(shí)太簡(jiǎn)單了！