SeaJS入门教程系列之完整的SeaJS开发例子

  次阅读 作者:智能小宝 来源:互联网 2016-01-27 15:53 我要评论(0)

这篇文章主要介绍了SeaJS入门教程系列之完整示例,演示了一个完整的SeaJS开发例子,需要的朋友可以参考下

一个完整的例子

上文说了那么多,知识点比较分散,所以最后我打算用一个完整的SeaJS例子把这些知识点串起来,方便朋友们归纳回顾。这个例子包含如下文件:

1.index.html主页面。

2.sea.jsSeaJS脚本。

3.init.jsinit模块,入口模块,依赖data、jquery、style三个模块。由主页面载入。

4.data.jsdata模块,纯json数据模块,由init载入。

5.jquery.jsjquery模块,对 jQuery库的模块化封装,由init载入。

6.style.cssCSS样式表,作为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: 'http://blog.codinglabs.org'

});

css:

代码如下:

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

.blog{font-size:10pt;}

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...