-
Notifications
You must be signed in to change notification settings - Fork 32
/
Copy pathindex-110429.html
227 lines (221 loc) · 10 KB
/
index-110429.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="kissy,javascript库,淘宝网脚本库,ui library" />
<meta name="description" content="kissy,javascript库,淘宝网脚本库,ui library" />
<title>KISSY - Keep It Simple & Stupid, Short & Sweet, Slim & Sexy...</title>
<link rel="stylesheet" href="../kissy/build/cssreset-grids/reset-grids.css"/>
<link rel="stylesheet" href="./assets/homepage/grids.css"/>
<link rel="stylesheet" href="../kissy-dpl/build/packages/dpl-pkg.css"/>
<style>
body{font-size:14px;}
#header,
#content,
#footer{width:950px;margin:0 auto;}
#header{overflow:hidden;}
#header .logo{float:left;margin-top:10px;}
#header .sub-title{float:left;margin-top:45px;font-size:15px;}
#header .rel-nav{float:right;margin-top:45px;}
#footer{margin-top:10px;padding:10px 0 20px 0;text-align:center;color:#666;;border-top:1px solid #ddd;}
.h{color:#f30;}
.box .box-hd{border:none;border-bottom:1px dashed #a3d0ef;background:#d1e8fa;}
.box .box-hd h3{font-size:15px;font-family:"Microsoft YaHei";}
.box .box-bd{padding:10px;border:none;}
.sub-title{display:block;color: #335974;font-family:"Microsoft YaHei";font-size: 18px;font-weight: normal;}
.quick-tips{padding-left:1em;font-size:12px;}
.desc{text-indent:2em;color:#666;}
.col-sub-left{float:left;width:50%;}
.col-sub-right{float:right;width:48%;}
.api .list{margin-left:3em;list-style-type: disc;}
</style>
<base target="_blank" />
</head>
<body>
<div id="header">
<a class="logo" href="index.html"><img src="logo/logo.png" alt="KISSY"/></a>
<p class="sub-title">小巧灵活、简洁实用、愉悦编码、快乐开发</p>
<p class="rel-nav">
<a href="http://github.com/kissyteam">源码</a> |
<a href="http://kissyui.com/blog/">博客</a>
</p>
</div>
<div id="content">
<!-- {{{ layout -->
<div class="layout grid-c3e">
<div class="col-main">
<div class="main-wrap">
<!-- {{{ box -->
<div class="box">
<div class="box-hd">
<h3>快速入门</h3>
</div>
<div class="box-bd">
<div class="desc">
<P>KISSY是由淘宝前端攻城师们发起的一个开源项目。</P>
<p>KISSY提供了设计模式库、脚本库和最佳开发流程等工具，致力于减少重复开发，提高开发效率。</p>
<p>我们为你准备了一份快速入门教程, 教你从最基本的地方开始<a class="h" href="docs/html/quickstart/">熟悉可爱的KISSY</a> ^o^。</p>
</div>
</div>
</div>
<!-- box }}} -->
<!-- {{{ box -->
<div class="box api">
<div class="box-hd">
<h3>API文档 & 范例 <a href='docs/html' style='margin-left:300px;'>全部列表</a></h3>
</div>
<div class="box-bd">
<div class="col-sub-left">
<h3 class="sub-title">Seed</h3>
<p class="desc">种子</p>
<ul class="list">
<li><a href="docs/html/seed/kissy/index.html">kissy</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/seed/lang.html">lang</a></li>
<li><a href="docs/html/seed/loader/index.html">loader</a></li>
</ul>
<h3 class="sub-title">Core<a class="quick-tips" href="http://docs.kissyui.com/kcs/core.html">作弊条</a></h3>
<p class="desc">核心文件</p>
<ul class="list">
<li><a href="http://docs.kissyui.com/kissy/docs/ua/index.html">ua</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/dom/index.html">dom</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/event/index.html">event</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/node/index.html">node</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/json/index.html">json</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/ajax/index.html">ajax</a></li>
<li><a href="docs/html/core/anim/index.html">anim</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/cookie/index.html">cookie</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/base/index.html">base</a></li>
</ul>
</div>
<div class="col-sub-right">
<h3 class="sub-title">Components<a class="quick-tips" href="http://docs.kissyui.com/kcs/widget.html">作弊条</a></h3>
<p class="desc">UI组件</p>
<ul class="list">
<li><a href="http://docs.kissyui.com/kissy/docs/cssreset/index.html">cssreset</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/cssgrids/index.html">cssgrids</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/csscommon/index.html">csscommon</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/sizzle/index.html">sizzle</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/template/index.html">template</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/datalazyload/index.html">datalazyload</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/flash/index.html">flash</a></li>
<li><a href="http://docs.kissyui.com/docs/html/component/dd/index.html">dd</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/switchable/index.html">switchable</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/suggest/index.html">suggest</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/calendar/index.html">calendar</a></li>
<li><a href="http://docs.kissyui.com/kissy/docs/imagezoom/index.html">imagezoom</a></li>
<li><a href="docs/html/component/overlay/">overlay</a></li>
</ul>
<h3 class="sub-title">Related Projects</h3>
<p class="desc">独立子项目</p>
<ul class="list">
<li><a href="http://docs.kissyui.com/kissy-dpl/">DPL</a></li>
<li><a href="http://kissyteam.github.com/docs/html/editorguide/">Editor</a></li>
<li><a href="http://kissyteam.github.com/kissy-ajbridge/docs/">AJBridge</a></li>
</ul>
</div>
</div>
</div>
<!-- box }}} -->
</div>
</div>
<div class="col-sub">
<!-- {{{ box -->
<div class="box best-practice">
<div class="box-hd">
<h3>编码最佳实践</h3>
</div>
<div class="box-bd">
<ul class="list">
<li><a href="docs/html/styleguide/common-conventions.html">通用约定</a></li>
<li><a href="docs/html/styleguide/html-coding-style.html">HTML 编码规范</a></li>
<li><a href="docs/html/styleguide/css-coding-style.html">CSS 编码规范</a></li>
<li><a href="docs/html/styleguide/js-lang-rules.html">JavaScript 语言规范</a></li>
<li><a href="docs/html/styleguide/js-style-rules.html">JavaScript 编码风格</a></li>
<li><a href="docs/html/styleguide/kissy-components-style-guide.html">KISSY 组件开发规范</a></li>
<li><a href="source/styleguide/google/javascriptguide.xml">Google JavaScript 编码规范指南</a></li>
</ul>
</div>
</div>
<!-- box }}} -->
<!-- {{{ box -->
<div class="box best-practice">
<div class="box-hd">
<h3>常用工具</h3>
</div>
<div class="box-bd">
<ul class="list">
<li><a href="http://code.google.com/intl/zh-CN/closure/compiler/">Closure Compiler: </a><span class="desc">JS压缩</span></li>
<li><a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor: </a><span class="desc">CSS压缩</span></li>
<li><a href="http://code.google.com/p/jsdoc-toolkit/">JsDoc Toolkit:</a><span class="desc">文档生成</span></li>
<li><a href="http://code.google.com/closure/utilities/">Closure Linter:</a><span class="desc">检查校验</span></li>
<li><a href="http://ant.apache.org/">Ant: </a><span class="desc">自动配置、打包</span></li>
<li>iDebug:<span class="desc">页面调试</span></li>
<li>CSSEmbed:<span class="desc">图片转DataURI</span></li>
<li>ConvertZ:<span class="desc">繁简转换</span></li>
<li>PNGOut:<span class="desc">PNG优化</span></li>
</ul>
</div>
</div>
<!-- box }}} -->
</div>
<div class="col-extra">
<!-- {{{ box -->
<div class="box">
<div class="box-hd">
<h3>开发计划</h3>
</div>
<div class="box-bd">
KISSY的新闻、更新、发布公告
</div>
</div>
<!-- box }}} -->
<!-- {{{ box -->
<div class="box join-us">
<div class="box-hd">
<h3>加入我们</h3>
</div>
<div class="box-bd">
<ul>
<li>旺旺群：29676575</li>
<li>邮箱：[email protected]</li>
</ul>
<br/>
<p class="desc">如果你想贡献你的代码，你可以先了解<a href="http://docs.kissyui.com/docs/html/workflow/">KISSY的开发流程</a>。</p>
</div>
</div>
<!-- box }}} -->
<!-- {{{ box -->
<!--
<div class="box">
<div class="box-hd">
<h3>最新评论</h3>
</div>
<div class="box-bd">
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'kissy-docs'; // required: replace example with your forum shortname
// The following are highly recommended additional parameters. Remove the slashes in front to use.
//var disqus_identifier = '/anim';
//var disqus_url = window.location;
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</div>
</div>
-->
<!-- box }}} -->
</div>
</div>
<!-- layout }}} -->
</div>
<div id="footer">
<p class="copyright">© 2009 - 2029 KISSY UI LIBRARY</p>
<p class="copyright">HOMEPAGE DESIGNED BY FOOL2FISH</p>
</div>
</body>
</html>