当前位置: 代码网 > it编程>前端脚本>Seajs > SeaJS入门教程系列之完整示例(三)

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

2024年05月15日 Seajs 我要评论
一个完整的例子上文说了那么多,知识点比较分散,所以最后我打算用一个完整的seajs例子把这些知识点串起来,方便朋友们归纳回顾。这个例子包含如下文件:1.index.html——主页面。2.sea.js

一个完整的例子
上文说了那么多,知识点比较分散,所以最后我打算用一个完整的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:

javascript:

css:

运行效果如下:

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com