index.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!-->
  6. <html class="no-js">
  7. <!--<![endif]-->
  8. <head>
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <meta name="description" content="Hutool: A set of tools that keep Java sweet." />
  13. <meta name="keywords" content="hutool,java,orm,tools,工具" />
  14. <!-- 搜索引擎验证 -->
  15. <meta name="baidu-site-verification" content="3wiVWg7AdT" />
  16. <meta name="360-site-verification" content="02746194ea28ec4b021636a7edf0609e" />
  17. <!-- QQ分享卡片信息 -->
  18. <meta itemprop="name" content="Hutool-Java工具集" />
  19. <meta itemprop="description" content="Hutool是一个Java工具包,它帮助我们简化代码和方法,让Java语言也可以甜甜的。" />
  20. <meta itemprop="image" content="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/logo_small.jpg" />
  21. <title>Hutool &mdash; A set of tools that keep Java sweet.</title>
  22. <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/looly/hutool-site/favicon.ico">
  23. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/looly/hutool-site/css/animate.min.css">
  24. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/looly/hutool-site/css/icomoon.min.css">
  25. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-line-icons@2.4.1/css/simple-line-icons.min.css">
  26. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css">
  27. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
  28. <!-- highlight.js -->
  29. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@9.13.1/styles/zenburn.min.css">
  30. <!-- Theme style -->
  31. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/looly/hutool-site/css/style.min.css">
  32. <!-- Modernizr JS -->
  33. <script src="https://cdn.jsdelivr.net/gh/looly/hutool-site/js/modernizr-2.6.2.min.js"></script>
  34. <!-- FOR IE9 below -->
  35. <!--[if lt IE 9]>
  36. <script src="https://cdn.jsdelivr.net/gh/looly/hutool-site/js/respond.min.js"></script>
  37. <![endif]-->
  38. <!-- 百度统计 -->
  39. <script>
  40. var _hmt = _hmt || [];
  41. (function() {
  42. var hm = document.createElement("script");
  43. hm.src = "https://hm.baidu.com/hm.js?f2c884fc06fca522c4105429259b8a73";
  44. var s = document.getElementsByTagName("script")[0];
  45. s.parentNode.insertBefore(hm, s);
  46. })();
  47. </script>
  48. </head>
  49. <body>
  50. <!-- Loader -->
  51. <div class="fh5co-loader"></div>
  52. <div class="fh5co-page" id="app">
  53. <div id="fh5co-container">
  54. <div id="fh5co-home" class="js-fullheight-home" data-section="home" style="background-image: url(https://api.cn.berryapi.net/?service=App.Bing.Images&w=1920&h=1080);" data-stellar-background-ratio="0.5">
  55. <div class="container">
  56. <div class="col-md-6">
  57. <div class="js-fullheight-home fh5co-copy">
  58. <div class="js-fullheight-home fh5co-copy-inner" style="padding-left: 11%; background-color: rgba(0,106,180,0.4)">
  59. <h1>
  60. <b style="font-size: 180%;margin-left:-10px">Hutool</b>
  61. <span style="font-size: 50%">v{{version}}</span>
  62. </h1>
  63. <h2>A set of tools that keep Java sweet.</h2>
  64. <div style="margin-top: 100px">
  65. <div>
  66. <a href="https://gitee.com/loolly/hutool/" target="_blank" class="btn btn-primary btn-outline">Gitee</a>
  67. <a href="https://github.com/looly/hutool/" target="_blank" class="btn btn-primary btn-outline">Github</a>
  68. <a href="docs/" target="_blank" class="btn btn-primary btn-outline"><b>参考文档</b></a>
  69. <a href="https://apidoc.gitee.com/loolly/hutool" target="_blank" class="btn btn-primary btn-outline"><b>API文档</b></a>
  70. </div>
  71. <br/>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <!-- 导航 -->
  79. <div class="js-sticky">
  80. <div class="fh5co-main-nav">
  81. <div class="container">
  82. <div class="fh5co-menu-1">
  83. <span><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/logo.jpg" style="width: 120px;margin-right: 50px;"/></span>
  84. <a href="#" data-nav-section="home">主页</a>
  85. <a href="#" data-nav-section="start">开始</a>
  86. <a href="#" data-nav-section="docs">文档</a>
  87. <a href="#" data-nav-section="team">团队</a>
  88. <a href="#" data-nav-section="contact">加入讨论</a>
  89. <a href="#" data-nav-section="donate">赞助商</a>
  90. <a href="#" data-nav-section="friends">友情链接</a>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. <div id="fh5co-about" data-section="start">
  96. <div class="fh5co-2col">
  97. <div class="fh5co-2col-inner left">
  98. <div class="fh5co-tabs-container">
  99. <ul class="fh5co-tabs fh5co-three">
  100. <li class="active">
  101. <a href="#" data-tab="marketing">简介</a>
  102. </li>
  103. <li>
  104. <a href="#" data-tab="analysis">设计哲学</a>
  105. </li>
  106. <li>
  107. <a href="#" data-tab="strategy">安装</a>
  108. </li>
  109. </ul>
  110. <div class="fh5co-tab-content active" data-tab-content="marketing">
  111. <p>Hutool是Hu + tool的自造词,前者致敬我的“前任公司”,后者为工具之意,谐音“糊涂”,寓意追求“<b>万事都作糊涂观,无所谓失,无所谓得</b>”的境界。</p>
  112. <p>Hutool是一个Java工具包,也只是一个工具包,它帮助我们简化每一行代码,减少每一个方法,让Java语言也可以“甜甜的”。Hutool最初是我项目中“util”包的一个整理,后来慢慢积累并加入更多非业务相关功能,并广泛学习其它开源项目精髓,经过自己整理修改,最终形成丰富的开源工具集。</p>
  113. <ul class="checked">
  114. <li>Web开发</li>
  115. <li>与其它框架无耦合</li>
  116. <li>高度可替换</li>
  117. </ul>
  118. </div>
  119. <div class="fh5co-tab-content" data-tab-content="analysis">
  120. <p>Hutool的设计思想是尽量减少重复的定义,让项目中的util这个package尽量少,总的来说有如下的几个思想:</p>
  121. <ul class="checked">
  122. <li>方法优先于对象</li>
  123. <li>自动识别优于用户定义</li>
  124. <li>便捷性与灵活性并存</li>
  125. <li>适配与兼容</li>
  126. <li>可选依赖原则</li>
  127. <li>无侵入原则</li>
  128. </ul>
  129. </div>
  130. <div class="fh5co-tab-content" data-tab-content="strategy">
  131. <div>Maven:在项目的pom.xml的dependencies中加入以下内容:</div>
  132. <pre style="background: none; padding: 0;margin: 0;border: none;">
  133. <code>&lt;dependency&gt;
  134. &lt;groupId&gt;cn.hutool&lt;/groupId&gt;
  135. &lt;artifactId&gt;hutool-all&lt;/artifactId&gt;
  136. &lt;version&gt;{{version}}&lt;/version&gt;
  137. &lt;/dependency&gt;</code>
  138. </pre>
  139. <div>Gradle:</div>
  140. <pre style="background: none; padding: 0;margin: 0;border: none;">
  141. <code>compile 'cn.hutool:hutool-all:{{version}}'</code>
  142. </pre>
  143. <p>
  144. <a href="http://search.maven.org/#search%7Cga%7C1%7Ca%3A%22hutool-all%22" class="btn btn-primary btn-outline" target="_blank">从Maven安装</a>
  145. </p>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <div class="fh5co-2col fh5co-text" style="margin-top: 100px;">
  151. <img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/code_example.png" style="width: 100%;" />
  152. </div>
  153. </div>
  154. <div id="fh5co-services" data-section="docs">
  155. <div class="fh5co-video">
  156. <a href="movies/hutool-example1.mp4" class="popup-vimeo">
  157. <i class="icon-play2"></i>
  158. </a>
  159. <span>Watch Video</span>
  160. </div>
  161. <div class="container">
  162. <div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
  163. <h2>Hutool 是什么</h2>
  164. <p>Hutool是一个Java工具包类库,对文件、流、加密解密、转码、正则、线程、XML等JDK方法进行封装,组成各种Util工具类</p>
  165. </div>
  166. <div class="col-md-4">
  167. <div class="service">
  168. <div class="icon"><i class="icon-clock"></i></div>
  169. <h3>日期工具</h3>
  170. <p>通过DateUtil类,提供高度便捷的日期访问、处理和转换方式。</p>
  171. </div>
  172. </div>
  173. <div class="col-md-4">
  174. <div class="service">
  175. <div class="icon"><i class="icon-compass"></i></div>
  176. <h3>HTTP客户端</h3>
  177. <p>通过HttpUtil对HTTP客户端的封装,实现便捷的HTTP请求,并简化文件上传操作。</p>
  178. </div>
  179. </div>
  180. <div class="col-md-4">
  181. <div class="service">
  182. <div class="icon"><i class="icon-shuffle"></i></div>
  183. <h3>转换工具</h3>
  184. <p>通过Convert类中的相应静态方法,提供一整套的类型转换解决方案,并通过ConverterRegistry工厂类自定义转换。</p>
  185. </div>
  186. </div>
  187. <div class="col-md-4">
  188. <div class="service">
  189. <div class="icon"><i class="icon-settings"></i></div>
  190. <h3>配置文件工具(Setting)</h3>
  191. <p>通过Setting对象,提供兼容Properties文件的更加强大的配置文件工具,用于解决中文、分组等JDK配置文件存在的诸多问题。</p>
  192. </div>
  193. </div>
  194. <div class="col-md-4">
  195. <div class="service">
  196. <div class="icon"><i class="icon-note"></i></div>
  197. <h3>日志工具</h3>
  198. <p>Hutool的日志功能,通过抽象Log接口,提供对Slf4j、LogBack、Log4j、JDK-Logging的全面兼容支持。</p>
  199. </div>
  200. </div>
  201. <div class="col-md-4">
  202. <div class="service">
  203. <div class="icon"><i class="icon-support"></i></div>
  204. <h3>JDBC工具类(DB模块)</h3>
  205. <p>通过db模块,提供对MySQL、Oracle等关系型数据库的JDBC封装,借助ActiveRecord思想,大大简化数据库操作。</p>
  206. </div>
  207. </div>
  208. <div class="col-md-12 text-center">
  209. <p>Hutool的更多功能,期待你的探索:</p>
  210. <p>
  211. <a href="docs/" target="_blank" class="btn btn-primary btn-outline">参考文档</a>
  212. <a href="https://apidoc.gitee.com/loolly/hutool" target="_blank" class="btn btn-primary btn-outline" style="margin-left: 60px;">API 文档</a>
  213. </p>
  214. </div>
  215. </div>
  216. </div>
  217. <!-- END fh5co-services -->
  218. <div id="fh5co-team" data-section="team">
  219. <div class="container">
  220. <div class="col-md-12 text-center fh5co-heading">
  221. <h2>开发团队</h2>
  222. <p>我们不是一个人在战斗</p>
  223. </div>
  224. <div class="col-md-4">
  225. <div class="person">
  226. <img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/team/me.jpg" alt="" class="img-responsive">
  227. <h3>路小磊</h3>
  228. <h4>二手Java码农,Python和前端爱好者</h4>
  229. <p>一个非职业的码农,混迹于非IT圈子,利用8小时之外做自己喜欢的事情,爱前端,爱数码,爱美女。</p>
  230. <ul class="social">
  231. <li>
  232. <a href="http://www.luxiaolei.com/" target="_blank"><i class="icon-home"></i></a>
  233. </li>
  234. <li>
  235. <a href="http://weibo.com/loolly" target="_blank"><i class="icon-weibo"></i></a>
  236. </li>
  237. <li>
  238. <a href="https://github.com/looly" target="_blank"><i class="icon-github"></i></a>
  239. </li>
  240. </ul>
  241. </div>
  242. </div>
  243. <div class="col-md-4">
  244. <div class="person">
  245. <img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/team/shenshanmanong.jpg" alt="" class="img-responsive">
  246. <h3>深山码农</h3>
  247. <h4>崇拜自由的生活和善良的人性</h4>
  248. <p>深山耕耘互金行业多年,熟悉互金系统架构和设计,喜欢研究新技术,善于发现和解决问题</p>
  249. <ul class="social">
  250. <li>
  251. <a href="https://my.oschina.net/u/190652" target="_blank"><i class="icon-home"></i></a>
  252. </li>
  253. <li>
  254. <a href="https://weibo.com/u/2647798525" target="_blank"><i class="icon-weibo"></i></a>
  255. </li>
  256. <li>
  257. <a href="https://gitee.com/jokewang1/" target="_blank"><i class="icon-github"></i></a>
  258. </li>
  259. </ul>
  260. </div>
  261. </div>
  262. <div class="col-md-4">
  263. <div class="person">
  264. <img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/team/chinaboy.jpg" alt="" class="img-responsive">
  265. <h3>Chinaboy</h3>
  266. <h4>相信自己,明天会更好</h4>
  267. <p>一个奔波于IT圈子的程序猿,拥有自己的梦想,喜欢美女、喜欢音乐、爱打篮球儿...</p>
  268. <ul class="social">
  269. <li>
  270. <a href="https://my.oschina.net/u/1782401" target="_blank"><i class="icon-home"></i></a>
  271. </li>
  272. <li>
  273. <a href="https://weibo.com/u/6413995744" target="_blank"><i class="icon-weibo"></i></a>
  274. </li>
  275. <li>
  276. <a href="https://github.com/chinaboy-scl" target="_blank"><i class="icon-github"></i></a>
  277. </li>
  278. </ul>
  279. </div>
  280. </div>
  281. <div class="col-md-4">
  282. <div class="person">
  283. <img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/team/wangwang.jpg" alt="" class="img-responsive">
  284. <h3>汪汪90</h3>
  285. <h4>悲观的乐观主义者</h4>
  286. <p>Java程序员一枚,喜欢从生活中领悟技术,喜欢关注技术细节,ennio morricone 音乐的死忠粉。</p>
  287. <ul class="social">
  288. <li>
  289. <a href="https://my.oschina.net/wanglin123" target="_blank"><i class="icon-home"></i></a>
  290. </li>
  291. <li>
  292. <a href="https://github.com/wanglin90" target="_blank"><i class="icon-github"></i></a>
  293. </li>
  294. </ul>
  295. </div>
  296. </div>
  297. <div class="col-md-4">
  298. <div class="person">
  299. <img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/team/puhuihui.jpg" alt="" class="img-responsive">
  300. <h3>普辉辉</h3>
  301. <h4>java码农,爱技术、爱旅游</h4>
  302. <p>java码农,爱技术、爱旅游、一直活跃在互联网技术圈。<br>&nbsp;</p>
  303. <ul class="social">
  304. <li>
  305. <a href="https://gitee.com/phhutool" target="_blank"><i class="icon-github"></i></a>
  306. </li>
  307. </ul>
  308. </div>
  309. </div>
  310. <div class="col-md-4">
  311. <div class="person">
  312. <img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/team/puxiangdong.jpg" alt="" class="img-responsive">
  313. <h3>普向东</h3>
  314. <h4>需求分析,项目沟通,提供解决方案</h4>
  315. <p>喜欢编程类工作,喜欢使用代码解决问题的成功感,信仰代码力量,码出高效。<br>&nbsp;</p>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. <!-- END fh5co-team -->
  321. <div id="fh5co-contact" data-section="contact">
  322. <div class="container">
  323. <div class="col-md-12 text-center fh5co-heading">
  324. <h2>加入讨论</h2>
  325. <p>通过以下方式加入讨论,或为Hutool添砖加瓦</p>
  326. </div>
  327. <div style="text-align: center;">
  328. <div class="col-md-3">
  329. <i class="icon-qq"></i>
  330. <a href="http://shang.qq.com/wpa/qunwpa?idkey=35764b2247c46ffebe28e4541e5b2af8f5dee5efcf47ceec69d21e4521aa8c75" target="_blank">555368316</a>
  331. | <a href="https://shang.qq.com/wpa/qunwpa?idkey=309056e409a304a454c7ba250a10d38dd82b9b49cd0e1f180fedbde78b02ae0d">718802356</a>
  332. </div>
  333. <div class="col-md-3">
  334. <i class="icon-mail2"></i>
  335. <a href="mailto:loolly@aliyun.com" target="_blank">loolly@aliyun.com</a>
  336. </div>
  337. <div class="col-md-3">
  338. <i class="icon-git"></i>
  339. <a href="https://gitee.com/loolly/hutool/issues" target="_blank">Gitee Issues</a>
  340. </div>
  341. <div class="col-md-3">
  342. <i class="icon-github"></i>
  343. <a href="https://github.com/looly/hutool/issues" target="_blank">Github Issues</a>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  348. <!-- END fh5co-contact -->
  349. <div id="fh5co-donate" data-section="donate" style="padding: 7em 0; background-color: #E8ECF1;">
  350. <div class="container">
  351. <div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
  352. <h2>赞助商</h2>
  353. <p>为Hutool提供赞助,也许他们也会为你提供更优惠的服务</p>
  354. </div>
  355. <div class="col-md-6 col-md-offset-3">
  356. </div>
  357. </div>
  358. </div>
  359. <!-- END fh5co-friends -->
  360. <div id="fh5co-friends" data-section="friends" style="padding: 7em 0;">
  361. <div class="container">
  362. <div class="col-md-12 text-center fh5co-heading">
  363. <h2>友情链接</h2>
  364. <p>为Hutool提供各种帮助和支持的朋友们,我们一起共奋进</p>
  365. </div>
  366. <div class="col-md-2 friend">
  367. <a target="_blank" href="http://www.oschina.net/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/oschina.gif"></a>
  368. </div>
  369. <div class="col-md-2 friend">
  370. <a target="_blank" href="http://t-io.org"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/tio.png"></a>
  371. </div>
  372. <div class="col-md-2 friend">
  373. <a target="_blank" href="http://actframework.org/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/act.png"></a>
  374. </div>
  375. <div class="col-md-2 friend">
  376. <a target="_blank" href="http://ibeetl.com/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/beetl.png"></a>
  377. </div>
  378. <div class="col-md-2 friend">
  379. <a target="_blank" href="http://www.voovan.org/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/voovan.png"></a>
  380. </div>
  381. <div class="col-md-2 friend">
  382. <a target="_blank" href="https://www.chanmir.cn/?u=3E1076"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/chanmir.png"></a>
  383. </div>
  384. <div class="col-md-2 friend">
  385. <a target="_blank" href="http://www.flyfun.site/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/flyfun.png"></a>
  386. </div>
  387. <div class="col-md-2 friend">
  388. <a target="_blank" href="http://www.jbolt.cn/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/jbolt.png"></a>
  389. </div>
  390. <div class="col-md-2 friend">
  391. <a target="_blank" href="https://www.publiccms.com/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/publiccms.png"></a>
  392. </div>
  393. <div class="col-md-2 friend">
  394. <a target="_blank" href="https://www.peixun69.com/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/peixun69.png"></a>
  395. </div>
  396. <div class="col-md-2 friend">
  397. <a target="_blank" href="https://gitom.top/blog/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/gitom.png"></a>
  398. </div>
  399. <div class="col-md-2 friend">
  400. <a target="_blank" href="http://gathersbar.com/"><img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/friends/gathersbar.jpg"></a>
  401. </div>
  402. </div>
  403. </div>
  404. <!-- END fh5co-friends -->
  405. <footer id="fh5co-footer">
  406. <div class="container">
  407. <div class="row">
  408. <div class="col-md-6">
  409. <p>
  410. <small>&copy; 2019 Hutool Project. All Rights Reserved. </small><br>
  411. Designed by <a href="http://luxiaolei.com/" target="_blank">Looly</a>, Hosted by <a href="https://www.coding.net/" target="_blank">Coding</a> Pages.
  412. </p>
  413. </div>
  414. <div class="col-md-6">
  415. <ul class="fh5co-social">
  416. <li><a href="http://www.luxiaolei.com/" target="_blank"><i class="icon-home"></i></a></li>
  417. <li><a href="http://weibo.com/loolly" target="_blank"><i class="icon-weibo"></i></a></li>
  418. <li><a href="https://github.com/looly/hutool" target="_blank"><i class="icon-github"></i></a></li>
  419. </ul>
  420. </div>
  421. </div>
  422. </div>
  423. </footer>
  424. </div>
  425. <!-- END fh5co-container -->
  426. </div>
  427. <!-- END fh5co-pages -->
  428. <div class="gototop js-top">
  429. <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
  430. </div>
  431. <!-- vue -->
  432. <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script>
  433. <!-- jQuery -->
  434. <script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
  435. <!-- jQuery Easing -->
  436. <script src="https://cdn.jsdelivr.net/npm/jquery.easing@1.4.1/jquery.easing.min.js"></script>
  437. <!-- Waypoints -->
  438. <script src="https://cdn.jsdelivr.net/npm/waypoints@4.0.1/lib/jquery.waypoints.min.js"></script>
  439. <!-- Stellar Parallax -->
  440. <script src="https://cdn.jsdelivr.net/npm/jquery.stellar@0.6.2/jquery.stellar.min.js"></script>
  441. <!-- Magnific Popup -->
  442. <script src="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js"></script>
  443. <script src="https://cdn.jsdelivr.net/gh/looly/hutool-site/js/magnific-popup-options.js"></script>
  444. <script src="https://cdn.jsdelivr.net/npm/highlight.js@9.13.1/lib/highlight.min.js"></script>
  445. <!-- Bootstrap -->
  446. <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  447. <!-- Main JS -->
  448. <script src="https://cdn.jsdelivr.net/gh/looly/hutool-site/js/main.min.js"></script>
  449. <!-- version -->
  450. <script src="https://cdn.jsdelivr.net/gh/looly/hutool-site/js/version.js"></script>
  451. <script>
  452. var app = new Vue({
  453. el: '#app',
  454. data: {
  455. version: version
  456. }
  457. });
  458. </script>
  459. <!-- gitter -->
  460. <script>
  461. ((window.gitter = {}).chat = {}).options = {
  462. room: 'hutool/Lobby'
  463. };
  464. </script>
  465. <script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
  466. </body>
  467. </html>