您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
SeaJS入门教程系列之完整示例(三)
作者：佚名 责任编辑：admin 更新时间：2022-06-22
这篇文章主要介绍了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: 'http://blog.codinglabs.org' }); css： 代码如下: .author{color:red;font-size:10pt;} .blog{font-size:10pt;}- 上一个程序编程： jquery序列化form表单使用ajax提交后处理返回的json数据
- 下一个程序编程： jquery提交form表单简单示例分享
