-
Notifications
You must be signed in to change notification settings - Fork 693
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1,002 changed files
with
174,969 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
fis.config.merge({ | ||
roadmap : { | ||
domain : { | ||
//所有css文件添加http://localhost:8080作为域名 | ||
'**.css' : 'http://localhost:8080' | ||
}, | ||
path : [ | ||
{ | ||
//所有的js文件 | ||
reg : '**.js', | ||
//发布到/static/js/xxx目录下 | ||
release : '/static/js$&' | ||
}, | ||
{ | ||
//所有的css文件 | ||
reg : '**.css', | ||
//发布到/static/css/xxx目录下 | ||
release : '/static/css$&' | ||
}, | ||
{ | ||
//所有image目录下的.png,.gif文件 | ||
reg : /^\/images\/(.*\.(?:png|gif))/i, | ||
//发布到/static/pic/xxx目录下 | ||
release : '/static/pic/$1' | ||
} | ||
] | ||
} | ||
}); |
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
img { border: 5px solid #ccc; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
console.log('inline file'); |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
177 changes: 177 additions & 0 deletions
177
repos/component/firstblood-demo/src/firstblood/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,177 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>F.I.S零配置示例</title> | ||
<link rel="stylesheet" type="text/css" href="style.css"> | ||
</head> | ||
<body> | ||
<div class="main"> | ||
<h2>F.I.S扩展的三种领域语言能力</h2> | ||
<p> | ||
F.I.S自动化工具核心任务是扩展前端领域语言(html,js,css)所欠缺的能力。经过反复总结和实践,我们发现,<strong>只要对前端领域语言扩展三种能力,即可满足各种复杂的前端开发需求</strong>,这三种能力分别是: | ||
</p> | ||
<div class="callout"> | ||
<ul> | ||
<li><strong>资源定位</strong>:获取任何开发中所使用资源的线上路径;</li> | ||
<li><strong>内容嵌入</strong>:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中;</li> | ||
<li><strong>依赖声明</strong>:在一个文本文件内标记对其他资源的依赖关系;</li> | ||
</ul> | ||
</div> | ||
|
||
<blockquote>以下为示例代码,请查看源文件并执行【fis release --dest output <strong>--md5</strong>】命令对产出代码和源文件进行对照</blockquote> | ||
|
||
|
||
|
||
|
||
|
||
|
||
<!--前端领域语言能力扩展示例--> | ||
|
||
<h4>在html中定位资源</h4> | ||
<blockquote>详情请查看源码以及编译后的代码</blockquote> | ||
|
||
<!--源码: | ||
<img title="百度logo" src="images/logo.gif"/> | ||
编译后--> | ||
<img title="百度logo" src="images/logo.gif"/> | ||
|
||
<!--源码: | ||
<link rel="stylesheet" type="text/css" href="demo.css"> | ||
编译后--> | ||
<link rel="stylesheet" type="text/css" href="demo.css"> | ||
|
||
<!--源码: | ||
<script type="text/javascript" src="demo.js"></script> | ||
编译后--> | ||
<script type="text/javascript" src="demo.js"></script> | ||
|
||
|
||
|
||
|
||
|
||
|
||
<h4>在html中嵌入资源</h4> | ||
<blockquote>详情请查看源码以及编译后的代码</blockquote> | ||
|
||
<!--源码: | ||
<img title="百度logo" src="images/logo.gif?__inline"/> | ||
编译后--> | ||
<img title="百度logo" src="images/logo.gif?__inline"/> | ||
|
||
<!--源码: | ||
<link rel="stylesheet" type="text/css" href="demo.css?__inline"> | ||
编译后--> | ||
<link rel="stylesheet" type="text/css" href="demo.css?__inline"> | ||
|
||
<!--源码: | ||
<script type="text/javascript" src="demo.js?__inline"></script> | ||
编译后--> | ||
<script type="text/javascript" src="demo.js?__inline"></script> | ||
|
||
|
||
|
||
|
||
|
||
|
||
<h4>在javascript中定位资源</h4> | ||
<blockquote>详情请查看源码以及编译后的代码</blockquote> | ||
|
||
<!--源码: | ||
<script type="text/javascript"> | ||
var img = __uri('images/logo.gif'); | ||
var css = __uri('demo.css'); | ||
var js = __uri('demo.js'); | ||
</script> | ||
编译后--> | ||
<script type="text/javascript"> | ||
var img = __uri('images/logo.gif'); | ||
var css = __uri('demo.css'); | ||
var js = __uri('demo.js'); | ||
</script> | ||
|
||
|
||
|
||
|
||
|
||
|
||
<h4>在javascript中嵌入资源</h4> | ||
<blockquote>详情请查看源码以及编译后的代码</blockquote> | ||
|
||
<!--源码: | ||
<script type="text/javascript"> | ||
__inline('demo.js'); | ||
var img = __inline('images/logo.gif'); | ||
</script> | ||
编译后--> | ||
<script type="text/javascript"> | ||
__inline('demo.js'); | ||
var img = __inline('images/logo.gif'); | ||
</script> | ||
|
||
|
||
|
||
|
||
|
||
|
||
<h4>在css中定位资源</h4> | ||
<blockquote>详情请查看源码以及编译后的代码</blockquote> | ||
|
||
<!--源码: | ||
<style> | ||
@import url('demo.css'); | ||
.style { | ||
background: url('images/body-bg.png'); | ||
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-bg.png'); | ||
} | ||
</style> | ||
编译后--> | ||
<style> | ||
@import url('demo.css'); | ||
.style { | ||
background: url('images/body-bg.png'); | ||
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-bg.png'); | ||
} | ||
</style> | ||
|
||
|
||
|
||
|
||
|
||
|
||
<h4>在css中嵌入资源</h4> | ||
<blockquote>详情请查看源码以及编译后的代码</blockquote> | ||
|
||
<!--源码: | ||
<style> | ||
@import url('demo.css?__inline'); | ||
.style { | ||
background: url('images/logo.gif?__inline'); | ||
/*filter不支持base64,所以没做处理*/ | ||
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-bg.png?__inline'); | ||
} | ||
</style> | ||
编译后--> | ||
<style> | ||
@import url('demo.css?__inline'); | ||
.style { | ||
background: url('images/logo.gif?__inline'); | ||
/*filter不支持base64,所以没做处理*/ | ||
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-bg.png?__inline'); | ||
} | ||
</style> | ||
|
||
|
||
</div> | ||
</body> | ||
</html> |
Empty file.
156 changes: 156 additions & 0 deletions
156
repos/component/firstblood-demo/src/firstblood/style.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,156 @@ | ||
@charset "utf-8"; | ||
|
||
html { | ||
font-size: 100%; | ||
overflow-y: scroll; | ||
-webkit-text-size-adjust: 100%; | ||
-ms-text-size-adjust: 100%; | ||
} | ||
|
||
body { | ||
color:#444; | ||
font-family:Helvetica, arial, freesans, clean, sans-serif; | ||
font-size:13px; | ||
line-height:1.5em; | ||
background:#fefefe url(images/body-bg.png?__inline); | ||
} | ||
|
||
h1, h2, h3, h4, h5, h6 { | ||
font-weight: bold; | ||
padding: 20px 0; | ||
} | ||
|
||
h1 { | ||
color: #000000; | ||
font-size: 28px; | ||
} | ||
|
||
h2 { | ||
border-bottom: 2px solid #CCCCCC; | ||
color: #000000; | ||
font-size: 24px; | ||
} | ||
|
||
h3 { | ||
border-bottom: 2px solid #CCCCCC; | ||
font-size: 18px; | ||
} | ||
|
||
h4 { | ||
font-size: 16px; | ||
} | ||
|
||
h5 { | ||
font-size: 14px; | ||
} | ||
|
||
h6 { | ||
color: #777777; | ||
background-color: inherit; | ||
font-size: 14px; | ||
} | ||
|
||
hr { | ||
height: 0.2em; | ||
border: 0; | ||
color: #CCCCCC; | ||
background-color: #CCCCCC; | ||
} | ||
|
||
p, blockquote, ul, ol, dl, table, pre { | ||
margin: 15px 0; | ||
} | ||
|
||
p { | ||
margin:1em 0; | ||
} | ||
|
||
pre { | ||
background-color: #F8F8F8; | ||
border: 1px solid #CCCCCC; | ||
border-radius: 3px; | ||
overflow: auto; | ||
padding: 10px 15px; | ||
} | ||
|
||
pre code { | ||
background-color: #F8F8F8; | ||
border: none; | ||
padding: 0; | ||
} | ||
|
||
code { | ||
font-family: Consolas, Monaco, Andale Mono, monospace; | ||
background-color:#F8F8F8; | ||
border: 1px solid #CCCCCC; | ||
border-radius: 3px; | ||
padding: 0 0.2em; | ||
line-height: 1; | ||
} | ||
|
||
pre > code { | ||
border: 0; | ||
margin: 0; | ||
padding: 0; | ||
} | ||
|
||
pre, code, blockquote { font-size: 12px; } | ||
|
||
|
||
a{ color: #0645ad; text-decoration:none;} | ||
a:visited{ color: #0b0080; } | ||
a:hover{ color: #06e; } | ||
a:active{ color:#faa700; } | ||
a:focus{ outline: thin dotted; } | ||
a:hover, a:active{ outline: 0; } | ||
|
||
::-moz-selection{background:rgba(255,255,0,0.3);color:#000} | ||
::selection{background:rgba(255,255,0,0.3);color:#000} | ||
|
||
a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad} | ||
a::selection{background:rgba(255,255,0,0.3);color:#0645ad} | ||
|
||
blockquote{ | ||
color:#666666; | ||
padding-left: 1.5em; | ||
border-left: 0.5em #EEE solid; | ||
} | ||
|
||
ul, ol { margin: 1em 0; padding: 0 0 0 2em; } | ||
li p:last-child { margin:0 } | ||
dd { margin: 0 0 0 2em; } | ||
|
||
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%;} | ||
|
||
table { border-collapse: collapse; border-spacing: 0; } | ||
td { vertical-align: top; } | ||
|
||
@media only screen and (min-width: 768px) { | ||
body{font-size:14px;} | ||
} | ||
|
||
.main { | ||
margin:auto; | ||
width: 960px; | ||
background: #fff; | ||
padding: 2em; | ||
|
||
border: 5px solid #ccc; | ||
-moz-border-radius: 15px; /* Gecko browsers */ | ||
-webkit-border-radius: 15px; /* Webkit browsers */ | ||
border-radius:15px; /* W3C syntax */ | ||
} | ||
.callout { | ||
font-size:13px; | ||
padding:10px; | ||
background:#fffef1; | ||
border:1px solid #e5e2c8; | ||
border-radius:4px; | ||
} | ||
.point { | ||
color: #c30; | ||
} | ||
|
||
.comment { | ||
color: #999; | ||
} |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
#!/bin/bash | ||
|
||
fis -v --no-color | ||
# fis release -Dumopd local --no-color | ||
fis release --domains --md5 --optimize --pack --unique --dest local --no-color |
Oops, something went wrong.