-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
243 lines (233 loc) · 11.1 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
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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta name="keywords" content="validation,validate,css animation,js,jetter,jQuery,js library">
<meta name="description" content="js library for form operate and validate,select HTMLElement like jQuery">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Jetter.js by theajack</title>
<link rel="icon" href="v1/assets/images/logo.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="v1/assets/css/index.css"/>
<link rel="stylesheet" type="text/css" href="v1/assets/css/base.min.css"/>
</head>
<body>
<!--header-->
<div id="header">
<div id="title">Jetter.js
</div>
<div id="smallTitle">Js library for form operation and validation</div>
<div id="viewProject" class="border-btn" onclick="J.open('https://github.com/theajack/jetterjs')">View project on github</div>
</div>
<!--intro-->
<div id="introPart" class="bg-gray text-black part clearfix pb-none">
<div class="part-title">What can I do?</div>
<div class="icon-wrapper clearfix">
<div class="intro-item">
<span class="glyphicon glyphicon-search intro-icon"></span>
<span class="intro-text">jetSelect</span>
</div>
<div class="intro-item">
<span class="glyphicon glyphicon-edit intro-icon"></span>
<span class="intro-text">Serialize</span>
</div>
<div class="intro-item">
<span class="glyphicon glyphicon-ok-circle intro-icon"></span>
<span class="intro-text">Validation</span>
</div>
<div class="intro-item">
<span class="glyphicon glyphicon-wrench intro-icon"></span>
<span class="intro-text">Tools</span>
</div>
</div>
</div>
<div id="introDetail" class="bg-gray" jet-index="-1">
<div class="part intro">
<div class="trangle"></div>
</div>
<div class="detail-div"></div>
<div id="viewApi" class="border-btn dark">View this API</div>
</div>
<div class="fill-div bg-gray"></div>
<div id="downloadPart" class="bg-dark text-white part">
<div class="part-title hassmall">Useage</div>
<pre class="code">// npm useage
npm i jetterjs
import J from 'jetterjs'</pre>
<pre class="code">
<--cdn useage-->
<script src="https://cdn.jsdelivr.net/npm/jetterjs/jetter.min.js"></script>
<script>
J.ready(function(){
});
</script></pre>
</div>
<!--api-->
<div id="apiPart" class="bg-gray part">
<div class="part-title text-black relative">API document
<div id="apiSearchWrapper">
<input type="text" id="apiSearchInput" placeholder="Search"/>
<span id="apiSearchBtn" class="glyphicon glyphicon-search"></span>
<div id="apiSearchResultWrapper" class="display-none">
<span class="result-close-btn glyphicon glyphicon-eject j-animation"></br>
<span><span id="resultNum" class="search-key"></span>results</span>
</span>
<div id="apiSearchResultList">
</div>
</div>
</div>
</div>
<div class="relative">
<div id="apiDetailWrapper">
<div id="apiDetail" jet-form="apiDetail">
<div id="apiDetailSwitchWrapper">
<span class="glyphicon glyphicon-chevron-left prev"></span>
<span class="glyphicon glyphicon-chevron-right next"></span>
<span class="glyphicon glyphicon-remove close-btn"></span>
</div>
<!--<span class="close-btn glyphicon glyphicon-remove"></span>-->
<div id="apiDetailTitleWrapper">
<div id="apiTitleLeft">
<div class="part-title hassmall" api-part="title">Title</div>
<div class="part-title smaller" api-part="intro">intro</div>
</div>
<div id="apiTitleRight">
<div class="mb-m">
<span class="api-detail-title"><span class="glyphicon glyphicon-th-large"></span>Function:</span>
<span class="api-detail-content" api-part="function">function</span>
</div>
<div class="">
<span class="api-detail-title"><span class="glyphicon glyphicon-file"></span>How to use:</span>
<span class="api-detail-content" api-part="howUse">how to use</span>
</div>
</div>
</div>
<div class="api-detail-item small relative border">
<div id="apiBtnWrapper">
<div id="apiCodeBtn" class="border-btn dark"><span class="glyphicon glyphicon-saved"></span>Submit</div>
<div id="apiCodeCopyBtn" class="border-btn dark d-hide"><span class="glyphicon glyphicon-floppy-disk "></span>Copy</div>
<div id="apiCodeResetBtn" class="border-btn dark"><span class="glyphicon glyphicon-repeat only"></span></div>
<div id="apiCodeClearBtn" class="border-btn dark"><span class="glyphicon glyphicon-remove only"></span></div>
<div id="apiClearColor" class="border-btn dark"><span class="glyphicon glyphicon-list-alt only"></span></div>
<div id="apiFixColor" class="border-btn dark d-show"><span class="glyphicon glyphicon-wrench only"></span></div>
<div id="apiHideAllCodeBtn" class="border-btn dark d-hide"><span class="glyphicon hide-all glyphicon-chevron-up only"></span></div>
<div id="apiShowAllCodeBtn" class="border-btn dark d-hide"><span class="glyphicon show-all glyphicon-chevron-down only"></span></div>
</div>
<span class="api-detail-title display-block"><span class="glyphicon glyphicon-pencil"></span>Code:</span>
<div id="showCode">
<pre id="apiCodeView"></pre>
<textarea id="apiCode" jet-api-index="" spellcheck="false" jet-change="0" api-part="code"></textarea>
</div>
</div>
<div class="api-detail-item large result">
<span class="api-detail-title display-block"><span class="glyphicon glyphicon-globe"></span>Result:</span>
<div id="resultArea"></div>
<div class="result-cover hide">This case cannot be executed,just use it in your project.</div>
</div>
</div>
</div>
</div>
<div id="apiBarTitle">
<div class="api-title bg-dark"><span class="glyphicon glyphicon-search"></span>jetSelect</div>
<div class="api-title bg-lgray"><span class="glyphicon glyphicon-edit"></span>Serialize</div>
<div class="api-title bg-dark"><span class="glyphicon glyphicon-ok-circle"></span>Validation</div>
<div class="api-title bg-lgray"><span class="glyphicon glyphicon-wrench"></span>Tools</div>
</div>
<div id="apiWindow">
<div id="apiTrangleBar">
<div class="trangle api dark"></div>
</div>
<div id="apiBar">
<div class="api-item bg-lgray" jet-api="jetSelect">
</div>
<div class="api-item bg-dark" jet-api="Serialize">
</div>
<div class="api-item bg-lgray" jet-api="Validation">
</div>
<div class="api-item bg-dark" jet-api="Tools">
</div>
</div>
</div>
</div>
<!--relate-->
<div id="relatePart" class="bg-dark part">
<div class="part-title hassmall">Related link</div>
<div class="part-title small">(Welcome to visit)</div>
<div id="relateItemWrapper" class="clearfix">
<div class="relate-item" onclick="J.open('https://www.theajack.com/')">
<img class="relate-item-img" src="v1/assets/images/theajack.png"/>
<span class="relate-item-text">TheaJack's home page</span>
</div>
<div class="relate-item" onclick="J.open('https://www.theajack.com/jet/')">
<img class="relate-item-img" src="v1/assets/images/Jet.png"/>
<span class="relate-item-text">Jet</span>
</div>
<div class="relate-item" onclick="J.open('https://www.theajack.com/cnchar/')">
<img class="relate-item-img" src="v1/assets/images/cncharjs.png"/>
<span class="relate-item-text">cnchar.js</span>
</div>
<div class="relate-item">
<div class="relate-item-img app">
<img class="relate-app-img" src="v1/assets/images/Chinese typing game.png" onclick="J.open('https://www.theajack.com/type/')"/>
<img class="relate-app-img" src="v1/assets/images/app_2048plus.png" onclick="J.open('http://a.app.qq.com/o/simple.jsp?pkgname=com.main.theajack')"/>
<img class="relate-app-img" src="v1/assets/images/奔跑的柴柴.png" onclick="J.open('https://minapp.com/miniapp/6495/')"/>
<img class="relate-app-img" src="v1/assets/images/app_stonefinanace.png" onclick="J.open('http://a.app.qq.com/o/simple.jsp?pkgname=com.example.stonefinance')"/>
</div>
<span class="relate-item-text">Games</span>
</div>
</div>
<div id="tjLinks" link-en=true>
</div>
</div>
<!--footer-->
<div id="footer" class="bg-black text-white part">
<div id="footerLink">
<span class="link" onclick="J.open('https://github.com/theajack')">GitHub</span>
<span class="split-icon">|</span>
<span class="link" onclick="J.open('http://weibo.com/p/1005055304330572/home?from=page_100505&mod=TAB&is_all=1')">Sina Micro-blog</span>
<span class="split-icon">|</span>
<span class="wechat-public d-hide" onclick="this.child(0).fadeToggle()">
WeChat Official Accounts
<img class="wechat-img" src="v1/assets/images/wechat_qrcode.jpg"/>
</span>
<span class="split-icon d-hide">|</span>
Email:[email protected]
<div class=" d-show">
<span class="wechat-public" onclick="this.child(0).fadeToggle()">
WeChat Official Accounts
<img class="wechat-img" src="v1/assets/images/wechat_qrcode.jpg"/>
</span>
</div>
</div>
<div id="copyright">
<span class="glyphicon glyphicon-copyright-mark"></span> 2018 TheaJack All rights reserved
</div>
</div>
<script src="v1/assets/js/jetter2.min.js"></script>
<script>
J.new=J.ct;
J.class=J.cls;
J.load=J.ready;
</script>
<script src="v1/assets/js/codeEditor.js"></script>
<script src="v1/assets/js/apiData.min.js"></script>
<script src="v1/assets/js/main.js"></script>
<!-- <script src="https://www.theajack.com/assets/js/logo.js"></script> -->
<script src="https://www.theajack.com/assets/js/log.js"></script>
<script src="https://www.theajack.com/assets/js/link.js"></script>
<script name="jetterjs" src="https://www.theajack.com/assets/js/stat.js"></script>
<script type="text/javascript">
i=20;
function F(a,arr){ //一个经典的递归阶乘函数
this.a=a;
this.a.b++;
this.arr=arr;
if(i>0){
i--;
this.init();
}
};F.prototype.init=function(){
this.arr.push(new F(this.a,this.arr))
}
</script>
</body>
</html>