-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
181 lines (167 loc) · 6.16 KB
/
index.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
<!DOCTYPE html>
<!--[if IE]><![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>React 构建套件 | cuz</title>
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="/logo.png">
<link rel="stylesheet" href="/css/cuz.css">
<link rel="stylesheet" href="/css/syntax.css">
<link rel="stylesheet" href="/css/codemirror.css">
<link rel="stylesheet" href="/css/index.css">
<link rel="stylesheet" href="/css/docs.css">
<!--[if lte IE 8]>
<script src="/js/html5shiv.min.js"></script>
<script src="/js/es5-shim.min.js"></script>
<script src="/js/es5-sham.min.js"></script>
<![endif]-->
<script src="http://codemirror.net/lib/codemirror.js"></script>
<script src="http://codemirror.net/mode/javascript/javascript.js"></script>
<script src="http://codemirror.net/mode/xml/xml.js"></script>
<script src="http://codemirror.net/mode/jsx/jsx.js"></script>
<script src="/js/JSXTransformer.js"></script>
<script src="/js/cuz.js"></script>
<script>
React = cuz.React;
ReactDOM = cuz.ReactDOM;
</script>
<script src="/js/babel-browser.min.js"></script>
<script src="/js/live_editor.js"></script>
</head>
<body>
<div class="docs-container">
<div class="nav-main">
<div class="wrap">
<a class="nav-home" href="/index.html">
<img src="/logo-white.png" class="nav-logo" width="38" height="28" />
CUZ
</a>
<span class="nav-desc">React 构建套件</span>
<ul class="nav-site nav-site-internal">
</ul>
<ul class="nav-site nav-site-external">
<li>
<a href="/docs/guide/quick-start.html">
Docs
</a>
</li>
<li>
<a href="/docs/components/button.html">
UI
</a>
</li>
<li>
<a href="/docs/cuz-charts.html">
Charts
</a>
</li>
<li>
<a href="https://github.com/cuzjs/cuz">
<i class="fa fa-fw fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="hero">
<div class="wrap">
<div class="text"><strong>cuz</strong></div>
<div class="minitext">
React 构建套件, 简化复杂应用的开发流程.
</div>
<div class="buttons-unit" style="margin-top: 40px;">
<a href="/docs/guide/quick-start.html" class="button">快速开始</a>
</div>
</div>
</div>
<section class="content wrap">
<p><section class="light home-section">
<div class="marketing-row">
<div class="marketing-col">
<div class="icon"><img src="/img/1.png" /></div>
<h3>组件化 UI</h3>
<p>丰富, 灵活, 实用的基础组件, 满足各种业务需求. 可以快速构建出界面美观, 体验一致的大型应用.</p>
</div>
<div class="marketing-col">
<div class="icon"><img src="/img/2.png" /></div>
<h3>可控的 State</h3>
<p>使用 Redux 对应用程序的状态变化进行管理. 配合 DevTools 您可以浏览并回放 state 的变化过程.</p>
</div>
<div class="marketing-col">
<div class="icon"><img src="/img/3.png" /></div>
<h3>即时反馈</h3>
<p>
当您保存修改后的 JS 和 CSS 文件后, 浏览器立即自动热加载, 不再需手动刷新.
即使修改了底层代码, 更新后所有状态也都将得以保持.
</p>
</div>
</div>
<div class="marketing-row">
<div class="marketing-col">
<div class="icon"><img src="/img/4.png" /></div>
<h3>自动化</h3>
<p>提供命令行接口工具, 使您可以一键启动调试, 运行测试用例和构建发布版本, 不需再进行任何构建工具的配置工作.</p>
</div>
<div class="marketing-col">
<div class="icon"><img src="/img/5.png" /></div>
<h3>下一代 JavaScript</h3>
<p>支持使用最新 ECMAScript 规范版本进行应用的构建. 即从现在起就可使用箭头函数, 解构赋值, 修饰器等特性进行开发.</p>
</div>
<div class="marketing-col">
<div class="icon"><img src="/img/6.png" /></div>
<h3>下一代 CSS</h3>
<p>基于模块化的 CSS 解决方案, 在大型多人项目中, 再也不用担心命名冲突和样式覆盖. 基于组件化的加载方式带来更高的性能.</p>
</div>
</div>
<div class="marketing-row">
<div class="marketing-col">
<div class="icon"><img src="/img/7.png" /></div>
<h3>跨平台</h3>
<p>
支持使用一致的方式进行 web 端, 移动端和桌面端的开发和构建.
不同平台代码具备高可复用性.
</p>
</div>
<div class="marketing-col">
<div class="icon"><img src="/img/8.png" /></div>
<h3>原生应用</h3>
<p>移动端使用 react-native 进行构建, 封装大量常用移动组件, 使用最小的学习成本开发原生移动应用.</p>
</div>
<div class="marketing-col">
<div class="icon"><img src="/img/9.png" /></div>
<h3>基于模版创建</h3>
<p>使用命令行即可初始化项目模版, 是您可以快速的开始构建您的应用.</p>
</div>
</div>
</div>
</section>
<section class="home-section">
</section>
<hr class="home-divider" />
<section class="home-bottom-section">
<div class="buttons-unit">
<a href="/docs/guide/quick-start.html" class="button">快速开始</a>
</div>
</section></p>
</section>
<footer class="wrap">
<div class="left">
<a href="https://github.com/cuzjs/cuz">GitHub</a>
</div>
<div class="right">
© 2015-2016 阿里巴巴 数据应用部
</div>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-21831838-3', 'auto');
ga('send', 'pageview');
</script>
</div>
</body>
</html>