您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

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

2024/3/21 18:04:43发布26次查看
一个完整的例子
上文说了那么多,知识点比较分散,所以最后我打算用一个完整的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
javascript:
复制代码 代码如下:
//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;}
运行效果如下:
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product