Giter Club home page Giter Club logo

alloyteam.github.com's Introduction

Tencent AlloyTeam

One Team, One Dream! 多年以后,让我们创造一个奇迹!

By Tencent AlloyTeam

我们的愿景

成为业界卓越的Web团队!

团队部分代码规范

虽然这些细节是小事,但是却体现了一个coder的专业程度。 更多详细情况请看: http://alloyteam.github.com/DevelopmentCodes.doc

标准文件结构

[mainfolder]
 |--[js]		//js文件夹
 |   |-- main.js
 |--[style]		//所有样式相关的css和image
 |   |-- [image]	//主要image文件夹
 |   |    |-- img1.png
 |   |    ...
 |   |-- [styleNameA]	//皮肤A的文件夹
 |   |    |-- [image]	//皮肤A的image
 |   |    |-- styleNameA.css	//皮肤A的css文件
 |   |    ...
 |   |-- [styleNameB]	//皮肤B的文件夹
 |   |-- [styleNameC]	//皮肤C的文件夹
 |   |-- main.css	//主要css文件
 |--[audio]		//所有样式相关的audio音频文件
 |   |-- sound.mp3	//audio文件
 |-- index.html		//index文件
 |-- page1.html		//其他页面
 ...

ps:文件名全部英文小写,尽量不要加复数s,必要时可以使用下划线“_”。

标准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) 2012 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(<a href="mailto:[email protected]">[email protected]</a>)
 * @description 描述文字
 * -------------------------------------------------------------- 2009.11.17 ----------------------------
 */

/**
 * 注释
 */
Jx().$package("tencent.alloyteam", function(J){
	var packageContext = 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;
	color:#999999;
	font-family:Tahoma;
	font-size: 12px;
	text-align:center;
}

.copyright a{
	color:#999999;
	text-decoration:none;
}

/* 注释 */
.copyright a:hover,
.copyright a:focus{
	outline:none;
	text-decoration:underline;
}

标准版权声明代码

<div class="copyright">Copyright &copy; <script>document.write(new Date().getFullYear());</script> <a href="http://www.AlloyTeam.com/" target="_blank">Tencent AlloyTeam</a>. All Rights Reserved.</div>

标准访问统计代码

<!--Tencent Analytics-->
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=8957212" 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>

alloyteam.github.com's People

Contributors

csonlai avatar hongru avatar iazrael avatar iptton avatar kinvix avatar rehorn avatar sheranli avatar yuanyan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.