博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SeaJS项目完整实例【转】
阅读量:5095 次
发布时间:2019-06-13

本文共 869 字,大约阅读时间需要 2 分钟。

index.html——主页面。

sea.js——SeaJS脚本。

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

data.js——data模块,纯json数据模块,由init载入。

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

style.css——CSS样式表,作为style模块由init载入。

sea.js和jquery.js的代码属于库代码,就不赘述,这里只给出自己编写的文件的代码。

html:

 

Blog

 

 javascript:

//init.jsdefine(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.jsdefine({    author:'ZhangYang',    blog:'http://leoo2sk.cnblogs.com'});

 css:

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

 

[1] SeaJS主页 – 

[2] SeaJS的GitHub库(可获取源码) – 

[3] SeaJS作者玉伯的博客 - 

 

转载于:https://www.cnblogs.com/jamesbd/p/3668645.html

你可能感兴趣的文章
基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理...
查看>>
Java开发者必备十大学习网站
查看>>
【BZOJ】2956:模积和
查看>>
dubbo 配置文件详解
查看>>
【转】博客美化(6)为你的博文自动添加目录
查看>>
XDOJ-1007-易碎的鸟蛋(鹰蛋问题)(dp)
查看>>
【基础算法练习】【最短路+图的遍历+最小生成树】水题 C+ E+ F-----AC题
查看>>
史上最简单MySQL教程详解(基础篇)之多表联合查询
查看>>
去重记录并做成拉链表
查看>>
iis7 500.19 无法访问请求的页面,因为该页的相关配置数据无效
查看>>
48.Course Schedule(课程安排)
查看>>
Java之基本数据的类型转换
查看>>
时延(分组交换网)是如何产生的?
查看>>
由扩展方法引申出的编程思维
查看>>
[golang] go的typeswitch guard(类型区别)语法和type assertion(类型断言)语法
查看>>
Linux-03 Linux下的tar命令
查看>>
如何做信竞
查看>>
linux常用命令
查看>>
chap Class
查看>>
acm课程练习2--1001
查看>>