kissyteam.github.com/index.html at master · kissyteam/kissyteam.github.com · GitHub

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
<!doctype html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>KISSY - A Powerful JavaScript Framework</title>
    <meta name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <script src="//g.alicdn.com/kissy/k/1.4.8/seed-min.js"></script>
    <script src="/1.4/source/guideline/templates/assets/jquery.min.js"></script>
    <script src="/1.4/source/guideline/templates/assets/script.js"></script>
    <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/bootstrap.css">
    <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/normalize.css">
    <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/kissy.css">
    <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/prettify.css">
    <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/forkit.css">
    <script src="/1.4/source/guideline/api/assets/highlight.pack.js"></script>
    <link href="/1.4/source/guideline/api/assets/tomorrow-night-bright.css" rel=stylesheet />
    <link rel="shortcut icon" href="http://a.tbcdn.cn/s/kissy/favicon.ico">
</head>

<body class="">
    <nav id="sidebar">
        <header>
            <a href="/">
                <img src="http://gtms01.alicdn.com/tps/i1/T1MVbxFoRcXXchhRni-175-68.png" alt=""/>
            </a>
        </header>
        <ul>
            <li><a href="https://github.com/kissyteam/kissy">GitHub</a></li>
            <li><a href="/1.4/docs/html/guideline/why-kissy.html">为什么选择kissy</a></li>
            <li><a href="/1.4/docs/html/guideline/get-started.html">入门指南</a></li>
            <li><a href="/1.4/docs/html/api/">API Doc</a></li>
            <li><a href="/1.4/docs/html/coms.html" class="J_Coms J_NavComs">组件列表</a></li>
            <li><a href="https://github.com/minghe/generator-bee/wiki/generator-bee%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B">bee 项目构建器</a></li>
            <li class="nav-divider"><a href="https://www.npmjs.com/package/gulp-kmc">gulp-kmc</a></li>
            <li><a href="/index-1.3.html">v1.3</a></li>
            <li><a href="/index-1.2.html">v1.2</a></li>
            <li><a href="/index-1.1.6.html">v1.1.6</a></li>
        </ul>
    </nav>

  <div id="content">
    <article>
	    <h1 id="what-is-kissy-">What is KISSY ?</h1>
<div class="github-count">
    <iframe class="github-btn"
            src="http://ghbtns.com/github-btn.html?user=kissyteam&amp;repo=kissy&amp;type=watch&amp;count=true"
            width="100" height="20" title="Star on GitHub"></iframe>
    <iframe class="github-btn"
            src="http://ghbtns.com/github-btn.html?user=kissyteam&amp;repo=kissy&amp;type=fork&amp;count=true"
            width="102" height="20" title="Fork on GitHub"></iframe>
</div>

<p>
    <a href="https://travis-ci.org/kissyteam/kissy" target="_blank">
        <img src="https://secure.travis-ci.org/kissyteam/kissy.png?branch=1.4.x"/>
    </a>
</p>

<p>KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等，它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架，KISSY 为移动终端做了大量适配和优化，让你的程序在全终端均能流畅运行。</p>
<p>KISSY is a powerful javascript framework for building cross end web application such as desktop, mobile and pad.</p>
<div class="row-fluid">
    <div class="col-md-3 text-center">
        <h2>跨终端</h2>
            <img src="/1.4/source/guideline/templates/assets/img/icon1.png" />
    </div>
    <div class="col-md-3 text-center">
        <h2>模块化</h2>
            <img src="/1.4/source/guideline/templates/assets/img/icon3.png" />

    </div>
    <div class="col-md-3 text-center">
        <h2>高性能</h2>
            <img src="/1.4/source/guideline/templates/assets/img/icon4.png" />

    </div>
    <div class="col-md-3 text-center">
        <h2>使用简单</h2>
            <img src="/1.4/source/guideline/templates/assets/img/icon2.png" />

    </div>
</div>

<p>&nbsp;</p>


<div class="jumbotron row-fluid">
    <div class="clearfix btn-wrapper">
        <a class="btn btn-primary btn-lg btn-block" href="/1.4/docs/html/api/" style="color:white"><span class="iconfont">&#xe603;</span>API 文档</a>
        <a class="btn btn-info btn-lg btn-block J_Coms" href="/1.4/docs/html/coms.html" style="color:white"><span class="iconfont">&#xe600;</span>组件列表</a>
        <a class="btn btn-info btn-lg btn-block" href="/1.4/docs/html/tutorials/" style="color:white"><span class="iconfont">&#xe601;</span>教程</a>
        <a class="btn btn-info btn-lg btn-block" href="/1.4/docs/html/demo/" style="color:white"><span class="iconfont">&#xe602;</span>DEMO 示例</a>
    </div>
</div>


<h1 id="-kissy-1-4">使用 KISSY 1.4</h1>
<ol>
<li>下载 <a href="https://github.com/kissyteam/kissy/archive/1.4.8.zip">KISSY 1.4.8</a></li>
<li>通过 cdn 使用 <code>//g.alicdn.com/kissy/k/1.4.8/seed-min.js</code></li>
<li>npm 安装 KISSY: <code>npm install kissy@1.4.8</code></li>
<li>bower 安装 KISSY: <code>bower install kissy#1.4.8</code></li>
</ol>
<h1 id="-kissy">参与 KISSY</h1>
<ol>
<li>通过 <a href="https://waffle.io/kissyteam/kissy">任务面板</a> 了解 KISSY 将要做或正在做的事情.</li>
<li>通过 <a href="https://github.com/kissyteam/kissy/issues">issues</a> 来提供反馈.</li>
<li>通过 <a href="https://github.com/kissyteam/kissy/blob/master/CONTRIBUTING.md">github</a> 来给 KISSY 贡献代码.<script>
KISSY.getScript('/lan.js');
</script></li>
</ol>

          <style>
            .github-btn {
                border: 0 none;
                overflow: hidden;
                margin-top:4px;
            }
            footer {
                border-top:1px solid #e2e2e2;
                padding-top:20px;
                clear:both;
            }
            /* iPhone 及以下 */
            @media only screen and (max-width: 767px) {
                .github-link {
                    display:none;
                }
            }
          </style>
    </article>
  </div>
  <script>
	var S = KISSY;
	(function(){
		S.use('node',function(S){
			S.all('code').each(function(node){
				var className = node.attr('class');
				if(/^lang-/.test(className)){
					var tc = className.replace(/^lang-/,'');
					node.replaceClass(className,tc);
				}
			});
			hljs.tabReplace = '    ';
			hljs.initHighlighting();
		});
	})();
	(function(){
		var h3s = document.getElementsByTagName('h3');
		for(var i = 0;i<h3s.length;i++){
			var str = S.trim(h3s[i].innerHTML);
			try{
				str = str.match(/\w+/)[0];
			}catch(e){
				continue;
			}
			h3s[i].innerHTML = '<a name="'+str+'"></a>' + h3s[i].innerHTML;
		}
	})();
  </script>
  <script type="text/javascript" src="http://tajs.qq.com/stats?sId=39100375" charset="UTF-8"></script>
</body>
</html>