ThinkPark FE开源项目官网 http://ThinkParkFE.github.io/
One Team, One Dream! 多年以后,让我们创造一个奇迹!
By ThinkPark FE
成为业界卓越的Web团队!
虽然这些细节是小事,但是却体现了一个coder的专业程度。 更多详细情况请看: http://ThinkParkFE.github.io/CodeGuide/
[mainfolder]
|--[assets]
| |--[js] //js文件夹
| | |-- main.js
| |--[style] //所有样式相关的css和image
| | |-- [image] //主要image文件夹
| | | |-- img1.png
| | | ...
| | |-- [style_name_a] //皮肤A的文件夹
| | | |-- [image] //皮肤A的image
| | | |-- style_name_a.css //皮肤A的css文件
| | | ...
| | |-- [style_name_b] //皮肤B的文件夹
| | |-- [style_name_c] //皮肤C的文件夹
| | |-- main.css //主要css文件
| |--[media] //所有样式相关的audio音频文件
| | |-- sound.mp3 //audio文件
|-- index.html //index文件
|-- page1.html //其他页面
...
文件名全部英文小写,用下划线分隔。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="ThinkPark.FE.Andy" />
<meta name="copyright" content="ThinkParkFE" />
<meta name="keywords" content="ThinkPark FE 团队" />
<meta name="description" content="ThinkParkFE" />
<title>ThinkParkFE 标准文档</title>
<link href="./style/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- 注释 -->
<h1 id="title" class="title">ThinkParkFE 标准文档</h1>
<div>
<h3>Title</h3>
<p>
标准文档
</p>
</div>
<script src="./js/main.js"></script>
<script >
var M = new main();
</script>
</body>
</html>
.copyright {
margin: 50px 0 0 0;
height: 50px;
font-family: Tahoma;
font-size: 12px;
text-align: center;
color: #999;
}
.copyright a {
text-decoration: none;
color: #999;
}
/* 注释 */
.copyright a:hover,
.copyright a:focus {
text-decoration: underline;
outline: none;
}
<div class="copyright">Copyright © <script>document.write(new Date().getFullYear());</script> <a href="http://ThinkParkFE.github.io/" target="_blank">ThinkParkFE</a>. All Rights Reserved.</div>
<!--baidu Analytics-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?1ee2f02312eff0b52269d9e346025a78";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
var ThinkParkFE = {
name: 'ThinkParkFE',
qq: 4240249,
site: 'http://ThinkParkFE.github.io/',
github: 'http://ThinkParkFE.github.io/'
}