SeaJS初学者教程系列完整示例(3)

上面已经提到了一个完整的例子，知识点比较分散，所以最后打算用一个完整的SeaJS例子把这些知识点串起来，方便朋友们总结复习。该示例包含以下文件：1.index.html——主页。2.sea.js——SeaJS脚本。3.init.js——init模块，入口模块，依赖于三个模块：数据、jquery和style。由主页加载。4.data.js——data模块，纯json数据模块，由init加载。5.jQuery.js——jQuery模块，是jquery库的模块化包，由init加载。6.style.css——CSS样式表，由init作为样式模块加载。7.7.sea.js和jquery.js的代码属于库代码，这里不再赘述。这里只给出我们自己写的文件的代码。Html:复制代码如下：DOCTYPE HTMl HTMl lang=' zh-CN ' head meta charset=' UTF-8 ' title/title/head dydiv id=' content ' p class=' author '/p p class=' Blog ' a href=' # ' Blog/a/p/Script src=' http :/sea . js“data-main=”。/init '/script/body/html JavaScript:复制的代码如下：//init . jsdefine(function(require，exports，module) {var $=require('。/jquery ')。var数据=必需('。/data’)；var css=require('。/style . CSS ')；$('.作者')。html(data . author)；$('.博客’)。attr('href '，data . blog)；});//data.jsdefine({ author: '张洋'，blog : ' http://blog . coding labs . org ' })；Css:复制代码如下： author { color : red；font-size :10 pt；}.博客{ font-size 3:10 pt；}运行效果如下：。