位置:首页 > JavaScript > SeaJS入门教程系列之完整示例(三)

SeaJS入门教程系列之完整示例(三)

时间:2026-07-31  |  作者:怪兽小助手  |  阅读:0

一个完整的例子

前面聊了不少,内容有点散。最后用一个完整的SeaJS例子把知识点串起来,方便大家回顾。这个例子包含以下文件:

1. index.html——主页面。
2. sea.js——SeaJS脚本。
3. init.js——init模块,入口模块,依赖data、jquery、style三个模块。由主页面载入。
4. data.js——data模块,纯json数据模块,由init载入。
5. jquery.js——jquery模块,对 jQuery库的模块化封装,由init载入。
6. style.css——CSS样式表,作为style模块由init载入。
7. sea.js和jquery.js的代码属于库代码,就不赘述,这里只给出自己编写的文件的代码。

html:

复制代码 代码如下:



   
   



   


   

Blog






ja vascript:

复制代码 代码如下:

//init.js
define(function(require, exports, module) {
    var $ = require('./jquery');
    var data = require('./data');
    var css = require('./style.css');

    $('.author').html(data.author);
    $('.blog').attr('href', data.blog);
});

//data.js
define({
    author: 'ZhangYang',
    blog: 'http://blog.codinglabs.org'
});

css:

复制代码 代码如下:

.author{color:red;font-size:10pt;}
.blog{font-size:10pt;}

运行效果如下:

SeaJS入门教程系列之完整示例(三)_wishdown.com

免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。

相关文章

更多

精选合集

更多

大家都在玩

热门话题

大家都在看

更多