Tencent AlloyTeam
One Team, One Dream! 多年以后，让我们创造一个奇迹！
我们的愿景
成为业界卓越的Web团队！
团队部分代码规范
虽然这些细节是小事，但是却体现了一个coder的专业程度。 更多详细情况请看： http://alloyteam.github.io/CodeGuide/
标准文件结构
[mainfolder]
|--[component] //所有组件
| |-- [component_name] //组件文件夹
| | |-- img1.png //组件依赖的图片
| | |-- index.css //组件依赖的css文件
| | |-- index.js //组件依赖的js文件
| |-- [component_name] //组件文件夹
| | ...
| | |-- index.css //组件依赖的css文件
| | |-- index.js //组件依赖的js文件
|--[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文件
|--[audio] //所有样式相关的audio音频文件
| |-- sound.mp3 //audio文件
|-- index.html //index文件
|-- page1.html //其他页面
...
文件名全部英文小写，用下划线分隔。
标准html5代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="Tencent.AlloyTeam.Jetyu" />
<meta name="copyright" content="Tencent.AlloyTeam" />
<meta name="keywords" content="腾讯 Alloy 团队" />
<meta name="description" content="Tencent.AlloyTeam" />
<title>Tencent AlloyTeam 标准文档</title>
<link href="./style/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- 注释 -->
<h1 id="title" class="title">Tencent AlloyTeam 标准文档</h1>
<div>
<h3>Title</h3>
<p>
标准文档
</p>
</div>
<script type="text/javascript" src="./js/jx.min.js"></script>
<script type="text/javascript">
var J = new Jx();
</script>
</body>
</html>
标准javascript代码
/**
* === Javascript eXtension 模块 =========================================================================
* Copyright (c) 2015 Tencent AlloyTeam, All rights reserved.
* http://www.AlloyTeam.com/
* Code licensed under the BSD License:
* http://www.AlloyTeam.com/license.txt
*
* @version 2.0
* @author Kinvix <[email protected]>
* @description 描述文字
* ---2015.6.1 ----------------------------
*/
/**
* 注释
*/
Jx().$package('tencent.alloyteam', function(J) {
var self = this,
$D = J.dom,
$E = J.event,
$H = J.http;
// 输出字符串'Hello world!'
J.out('Hello world!');
// 输出this === tencent.alloyteam的判断结果
J.out(this === tencent.alloyteam);
});
标准css代码
.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://www.AlloyTeam.com/" target="_blank">AlloyTeam.com</a>. All Rights Reserved.</div>
标准捐赠代码
<a href="http://me.alipay.com/kinvix" target="helpus" title="支持开源项目，请我们喝杯咖啡吧^_Q"> <img src="http://alloyteam.github.io/style/image/alipay_btn.jpg" alt="支持开源项目，请我们喝杯咖啡吧^_Q" /> </a>
<a href="http://me.alipay.com/kinvix" target="helpus" title="感谢支持开源项目，我们会努力做的更好！"> <img src="http://alloyteam.github.io/style/image/alipay_btn.jpg" alt="捐赠开源项目" /> </a>
标准访问统计代码
<!--Tencent Analytics-->
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=39379138" charset="UTF-8"></script>
<!--Google Analytics-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23019343-9']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
关于团队
var AlloyTeam = {
name: 'AlloyTeam',
qq: 1838456721,
site: 'http://www.alloyteam.com/',
github: 'http://alloyteam.github.io/',
coding: 'http://www.coding.net/alloyteam/'
}