澳门皇冠金沙网站-澳门皇冠844网站

热门关键词: 澳门皇冠金沙网站,澳门皇冠844网站

SeaJS入门教程系列之完整示例澳门皇冠844网站

贰个完完全全的例证 上文说了那么多,知识点比较分散,所以最终本人图谋用三个安然无事的SeaJS例子把这么些知识点串起来,方便朋友们归咎回看。那个事例富含如下文件:

SeaJS入门教程种类之完好示例(三)

 那篇文章首要介绍了SeaJS入门教程种类之完好示例,演示了贰个平安无事的SeaJS开拓例子,要求的意中人能够参照下

二个完完全全的例子

上文说了那么多,知识点异常的粗放,所以最后笔者计划用一个完好无缺的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:

 

 代码如下:<!DOCTYPE HTML>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<div id="content">

    <p class="author"></p>

    <p class="blog"><a href="#">Blog</a></p>

</div>

 

<script src="./sea.js" data-main="./init"></script>

</body>

</html>

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: ''

});

 

css:

 代码如下:

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

.blog{font-size:10pt;}

 

 

) 那篇小说首要介绍了SeaJS入门教程类别之完全示例,演示了三个完整的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:

复制代码 代码如下:

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="content">
    <p class="author"></p>
    <p class="blog"><a href="#">Blog</a></p>
</div>

<script src="./sea.js" data-main="./init"></script>
</body>
</html>

javascript:

复制代码 代码如下:

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

本文由澳门皇冠金沙网站发布于前端开发,转载请注明出处:SeaJS入门教程系列之完整示例澳门皇冠844网站