grunt 怎么把html 分 head foot
1个回答
展开全部
看了不少站点使用seajs，但仅仅仅限于异步加载js（没错，就仅仅是异步加载一个 js文件，里面还是完完全全是普通的js代码），而非 Seajs 所推崇的 匿名模块代码，这样也叫熟练使用 Seajs (择选自不少应聘者简历上的技能说明) 也是醉了。
回顾下我爱抚 Seajs 的经过，在这里，让我来说说 我所理解的 Seajs。
这里是 Seajs 的站点 http://seajs.org/
在粗略看过下大致的使用方法之后，我就随手搞了个demo试试。
demo 目录结构如下:
?
demo_00
|
+ css
| + hellosea.css
|
+ js
| + lib
| | + jquery-1.11.0.min.js
| | + sea.js
| |
| + hellosea
| + page.js
| + util.js
|
+ html
+ hellosea.html
html部分:
?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Grunt seajs demo</title>
<link rel="stylesheet" href="../css/hellosea.css">
</head>
<body>
<div id="box" class="box"></div>
</body>
<script src="http://www.jackness.org/wp-content/themes/JStyle/images/default/blank.png" _src="../js/lib/sea.js"></script>
<script>
// seajs 的简单配置
seajs.config({
base: "../js/lib/",
alias: {
"jquery": "jquery-1.11.0.min.js"
}
});
seajs.use("../js/hellosea/page.js");
</script>
</html>
page.js 部分
?
1
2
3
4
5
6
7
8
9
define(function(require, exports, module) {
var util = require('./util'),
$ = require('jquery');
setInterval(function() {
$('#box').css('background-color',util.randomColor());
}, 1500);
});
回顾下我爱抚 Seajs 的经过，在这里，让我来说说 我所理解的 Seajs。
这里是 Seajs 的站点 http://seajs.org/
在粗略看过下大致的使用方法之后，我就随手搞了个demo试试。
demo 目录结构如下:
?
demo_00
|
+ css
| + hellosea.css
|
+ js
| + lib
| | + jquery-1.11.0.min.js
| | + sea.js
| |
| + hellosea
| + page.js
| + util.js
|
+ html
+ hellosea.html
html部分:
?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Grunt seajs demo</title>
<link rel="stylesheet" href="../css/hellosea.css">
</head>
<body>
<div id="box" class="box"></div>
</body>
<script src="http://www.jackness.org/wp-content/themes/JStyle/images/default/blank.png" _src="../js/lib/sea.js"></script>
<script>
// seajs 的简单配置
seajs.config({
base: "../js/lib/",
alias: {
"jquery": "jquery-1.11.0.min.js"
}
});
seajs.use("../js/hellosea/page.js");
</script>
</html>
page.js 部分
?
1
2
3
4
5
6
7
8
9
define(function(require, exports, module) {
var util = require('./util'),
$ = require('jquery');
setInterval(function() {
$('#box').css('background-color',util.randomColor());
}, 1500);
});
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
