源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-01-29 01:56 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:SeaJS入门教程系列之完整示例(三)
[b]一个完整的例子 [/b]上文说了那么多,知识点比较分散,所以最后我打算用一个完整的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:
[url=#]</div> <script src="./sea.js" data-main="./init"></script> </body> </html>
javascript: css:
[u]复制代码[/u] 代码如下:
.author{color:red;font-size:10pt;} .blog{font-size:10pt;}
运行效果如下: [img]http://files.jb51.net/file_images/article/201403/20140303094055.jpg?20142394159[/img]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部