代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://www.cxy521.com">
<meta name="keywords"
content="Cxy521,技术公众号，程序员我爱你,程序员导航,程序员一站式导航网站,在线工具,程序员,工具,开发人员工具,小工具,站长工具,代码格式化、压缩、加密、解密,下载链接转换,字帖,田字格,进制转换,二维码" />
<meta name="description" content="CXY521(程序员我爱你)是一个致力于一站式程序员学习工作娱乐导航网站，以让程序员更便捷为使命，始终围绕程序员需求，为程序员提供最新工具导航" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>程序员导航-小白学习手册</title>
<link rel="shortcut icon" href="./static/img/favicon.ico">
<link rel="icon" sizes="32x32" href="./static/img/favicon.ico">
<link rel="Bookmark" href="./static/img/favicon.ico">
<link rel="stylesheet" href="./static/css/bootstrap.css">
<link rel="stylesheet" href="./static/css/index.css?v=1.01">
<link rel="stylesheet" href="./static/css/common.css?v=1.01">
</head>
<body>
<header class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="header">
<div class="container">
<a id="logo-1" class="navbar-brand text-truncate" href="/" title="拖动 LOGO 到书签栏, 立即收藏 CXY521">
<img src="./static/img/logo521.png" class="logo-2" alt="程序员一站式导航" title="拖动 LOGO 到书签栏, 立即收藏 CXY521">
</a>
<div class="d-none d-lg-block">
<span id="hover-logo" class="g-popover g-popover--light" style="display: none;">
<div class="gdd-favorite-guide gdd-favorite-guide__dark" style="top: 16px; width: 318px;">
<div class="gdd-favorite-guide__arrow">
<div class="gdd-favorite-guide__arrow--stem"></div>
<div class="gdd-favorite-guide__arrow--head"></div>
</div>
<div class="gdd-favorite-guide__content">
拖动 Logo 到书签栏, 立即收藏 CXY521
</div>
</div>
</span>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav"
aria-controls="navbar_collapse" aria-expanded="false" aria-label="展开菜单">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav">
<ul class="navbar-nav mr-auto">
<li class="dropdown">
<a href="index.html" href="wechat.html" class="nav-link demo1">首页<span class="caret"></span></a>
</li>
<li class="dropdown">
<a id="pub-book" href="ai.html " class="nav-link demo1">AI<span class="caret"></span></a>
</li>
<!-- <li class="dropdown">
<a href="article.html" class="nav-link demo1">推荐<span class="caret"></span></a>
</li> -->
<li class="dropdown">
<a href="manual.html" href="wechat.html" class="nav-link demo1">手册<span class="caret"></span></a>
</li>
<li class="dropdown">
<a id="pub-book" href="book.html" class="nav-link demo1">书籍<span class="caret"></span></a>
</li>
<!-- <li class="dropdown">
<a id="pub-wechat-" href="wechat.html" class="nav-link demo1">公号<span class="caret"></span></a>
</li> -->
<li class="dropdown">
<a id="pub-dating" href="java.html" class="nav-link demo1">Java<span class="caret"></span></a>
</li>
<li class="dropdown">
<a id="pub-dating" href="python.html" class="nav-link demo1">Python<span class="caret"></span></a>
</li>
<!-- <li class="dropdown">
<a id="pub-dating" href="object.html" class="nav-link demo1">脱单<span class="caret"></span></a>
</li> -->
<li class="dropdown">
<a id="pub-wechat-chat" href="#" class="nav-link demo1">交流群<span class="caret"></span></a>
</li>
</ul>
<ul class="navbar-nav">
<li class="dropdown">
<a id="pub-wechat-chat" href="https://mp.weixin.qq.com/s/bscD8BoVk4ZUv9TJL1iK2A" target="_blank" class="nav-link demo1">星球<span class="caret"></span></a>
</li>
<!-- <li class="dropdown">
<a id="pub-wechat-chat" href="https://mp.weixin.qq.com/s/dl_PChAbbWmBMYnkEeWMnQ" target="_blank" class="nav-link demo1">闲鱼<span class="caret"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.itmind.net/" target="_blank">小白学堂</a>
</li> -->
</ul>
</div>
</div>
</header>
<main id="body" style="margin-top: 55px;">
<div class="container">
<div class="container1">
<div class="row1">
<div class="leftcl">
<div class="col-md-1s sidebars">
<div class="content-sidebar">
<dl id="goto">
<dt>
<span class="show-list"></span>
</dt>
<dd class="">
<a href="#hot" class="auto-scroll" data-offset="-20" data-speed="500">推荐手册</a>
</dd>
<dd class="">
<a href="#fe" class="auto-scroll" data-offset="-20" data-speed="500">前端技术</a>
</dd>
<dd class="">
<a href="#java" class="auto-scroll" data-offset="-20" data-speed="500">Java手册</a>
</dd>
<dd class="">
<a href="#python" class="auto-scroll" data-offset="-20" data-speed="500">Python手册</a>
</dd>
<dd class="">
<a href="#be" class="auto-scroll" data-offset="-20" data-speed="500">后端手册</a>
</dd>
<dd class="">
<a href="#tech" class="auto-scroll" data-offset="-20" data-speed="500">中间件</a>
</dd>
<dd class="">
<a href="#mobile" class="auto-scroll" data-offset="-20" data-speed="500">移动端手册</a>
</dd>
</dl>
</div>
</div>
</div>
<div class="row">
<div id="main-container">
<div class="main-content" style="position:relative">
<!--推荐手册-->
<div class="indexbox fNAV 0" id="hot" style="position:relative">
<div class="indexbox_title"><strong style="font-weight: bold !important;">推荐手册</strong>
</div>
<div id="catalog">
<section data-catalog="download" class="active">
<ul class="website-list manual">
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/git.ico">
</div>
<div class="contents">
<a href="https://git-scm.com/book/zh/v2" class="website" target="_blank" rel="nofollow"
style="color:#444">Git 学习手册</a>
<p class="description">制作精良多语言 Git 学习手册</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/hot/sql.jpg"></div>
<div class="contents">
<a href="https://www.kancloud.cn/wizardforcel/w3school-sql/93915" class="website"
target="_blank" rel="nofollow" style="color:#444">
SQL 教程
</a>
<p class="description">一份简单的 SQL 学习教程</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/bash.png">
</div>
<div class="contents">
<a href="https://wangdoc.com/bash/intro.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Bash Shell 教程</a>
<p class="description">阮一峰的网络 Bash 脚本教程</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/LeetCode.png">
</div>
<div class="contents">
<a href="https://books.halfrost.com/leetcode/ChapterOne/" class="website" target="_blank"
rel="nofollow" style="color:#444">LeetCode 刷题手册</a>
<p class="description">著名的编程算法面试的题目</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/icon/linux.png">
</div>
<div class="contents">
<a href="http://cn.linux.vbird.org/linux_basic/linux_basic.php" class="website"
target="_blank" rel="nofollow" style="color:#444">鸟哥的 Linux 私房菜</a>
<p class="description">80%的IT人都再推荐的一个Linux 学习教程</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/http.jpg">
</div>
<div class="contents">
<a href="https://yuedu.baidu.com/ebook/478d1a62376baf1ffc4fad99?pn=1###" class="website"
target="_blank" rel="nofollow" style="color:#444">HTTP 2.0 翻译</a>
<p class="description">超文本传输协议是一个简单的请求-响应协议</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/design.ico">
</div>
<div class="contents">
<a href="https://design-patterns.readthedocs.io/zh_CN/latest/index.html" class="website"
target="_blank" rel="nofollow" style="color:#444">图说设计模式</a>
<p class="description">软件模式是将模式的一般概念应用于软件开发领域，即软件开发的 总体指导思路或参照样板</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/learngit.png">
</div>
<div class="contents">
<a href="https://learngitbranching.js.org/?locale=zh_CN" class="website" target="_blank"
rel="nofollow" style="color:#444">Git互动教程</a>
<p class="description">在沙盒里能执行相应的Git命令，同时还能看到每个命令的执行情况；通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能，</p>
</div>
</div>
</li>
<!-- <li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/shell.jpg"></div>
<div class="contents">
<a href="http://billie66.github.io/TLCL/book/index.html" class="website" target="_blank" rel="nofollow" style="color:#444">Shell 教程</a>
<p class="description">Shell 就是一个程序，它接受从键盘输入的命令， 然后把命令传递给操作系统去执行。</p></div>
</div>
</li> -->
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/npm.png">
</div>
<div class="contents">
<a href="https://www.npmjs.cn/" class="website" target="_blank"
rel="nofollow" style="color:#444">npm 中文文档</a>
<p class="description">npm 中文文档</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/hot/yarn.png">
</div>
<div class="contents">
<a href="https://yarn.bootcss.com/" class="website" target="_blank"
rel="nofollow" style="color:#444">Yarn 中文文档</a>
<p class="description">快速、可靠、安全的依赖管理工具。</p>
</div>
</div>
</li>
</ul>
</section>
</div>
</div>
<!--推荐手册结束-->
<div class="clearfix"></div>
<!--前端技术开始-->
<div class="indexbox fNAV 0" id="fe" style="position:relative">
<div class="indexbox_title"><strong style="font-weight: bold !important;">前端技术</strong>
</div>
<div id="catalog">
<section data-catalog="download" class="active">
<ul class="website-list manual">
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/html.jpg">
</div>
<div class="contents">
<a href="https://developer.mozilla.org/zh-CN/docs/learn/HTML" class="website"
target="_blank" rel="nofollow" style="color:#444">Html 教程</a>
<p class="description">学习 HTML ：指南与教程</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/js.png">
</div>
<div class="contents">
<a href="https://developer.mozilla.org/zh-CN/docs/learn/HTML" class="website"
target="_blank" rel="nofollow" style="color:#444">JS 教程</a>
<p class="description">重新介绍 JavaScript</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/css.png">
</div>
<div class="contents">
<a href="http://css.doyoe.com/" class="website" target="_blank" rel="nofollow"
style="color:#444">CSS参考手册</a>
<p class="description">CSS是Cascading Style Sheet（层叠样式表）的缩写</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/jquery.jpg">
</div>
<div class="contents">
<a href="https://www.jquery123.com/" class="website" target="_blank" rel="nofollow"
style="color:#444">jQuery 操作手册</a>
<p class="description">jQuery API 中文文档</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/bootstrap.png">
</div>
<div class="contents">
<a href="https://v4.bootcss.com/docs/getting-started/introduction/" class="website"
target="_blank" rel="nofollow" style="color:#444">Bootstrap 操作手册</a>
<p class="description">Bootstrap 是全球最受欢迎的前端框架</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/vue.png">
</div>
<div class="contents">
<a href="https://v3.cn.vuejs.org/guide/introduction.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Vue.js手册</a>
<p class="description">一套用于构建用户界面的渐进式框架</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/reactjs.ico">
</div>
<div class="contents">
<a href="https://zh-hans.reactjs.org/tutorial/tutorial.html" class="website"
target="_blank" rel="nofollow" style="color:#444">React教程</a>
<p class="description">一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/angularjs.ico">
</div>
<div class="contents">
<a href="https://www.angularjs.net.cn/tutorial/" class="website" target="_blank"
rel="nofollow" style="color:#444">AngularJS教程</a>
<p class="description">一款优秀的前端JS框架</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/Express.jpg">
</div>
<div class="contents">
<a href="https://developer.mozilla.org/zh-CN/docs/learn/Server-side/Express_Nodejs/Introduction"
class="website" target="_blank" rel="nofollow" style="color:#444">Express/Node 入门</a>
<p class="description">Express 是最流行的 Node 框架，是许多其它流行 Node 框架 的底层库</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/nodejs.png">
</div>
<div class="contents">
<a href="http://nodejs.cn/learn" class="website" target="_blank" rel="nofollow"
style="color:#444">Node.js 教程</a>
<p class="description">Node.js 是一个开源与跨平台的 JavaScript 运行时环境。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/nodejs.png">
</div>
<div class="contents">
<a href="http://nqdeng.github.io/7-days-nodejs/" class="website" target="_blank"
rel="nofollow" style="color:#444">七天学会NodeJS</a>
<p class="description">Node.js 是一个开源与跨平台的 JavaScript 运行时环境。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/vue-cli.png">
</div>
<div class="contents">
<a href="https://cli.vuejs.org/zh/guide/" class="website" target="_blank" rel="nofollow"
style="color:#444">Vue cli 教程</a>
<p class="description">vue官方出品的快速构建单页应用的脚手架。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/vant.png">
</div>
<div class="contents">
<a href="https://youzan.github.io/vant-weapp/#/home" class="website" target="_blank"
rel="nofollow" style="color:#444">Vant 教程</a>
<p class="description">轻量、可靠的移动端Vue组件库。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/typescript.png">
</div>
<div class="contents">
<a href="https://ts.xcatliu.com/" class="website" target="_blank" rel="nofollow"
style="color:#444">TypeScript 教程</a>
<p class="description">JavaScript的一个超集，支持ECMAScript 6标准。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/angular2.png">
</div>
<div class="contents">
<a href="https://angular.cn/docs" class="website" target="_blank" rel="nofollow"
style="color:#444">Angular 手册</a>
<p class="description">Angular最新版本手册。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/json.png">
</div>
<div class="contents">
<a href="http://www.dingding.team/book/json/" class="website" target="_blank"
rel="nofollow" style="color:#444">JSON 手册</a>
<p class="description">一种轻量级的数据交换格式。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/es6.png">
</div>
<div class="contents">
<a href="https://es6.ruanyifeng.com/" class="website" target="_blank" rel="nofollow"
style="color:#444">ES6 教程</a>
<p class="description">JavaScript语言的下一代标准。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/jquery-ui.png">
</div>
<div class="contents">
<a href="https://www.w3xue.com/manual/jqu/" class="website" target="_blank" rel="nofollow"
style="color:#444">jQuery UI 手册</a>
<p class="description">基于jQuery 开发的一套界面工具。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/ember-js.png">
</div>
<div class="contents">
<a href="https://emberjs-cn.github.io/guides/" class="website" target="_blank"
rel="nofollow" style="color:#444">Ember.js 教程</a>
<p class="description">一款开源的JavaScript MVC框架。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/coffeescript.png">
</div>
<div class="contents">
<a href="http://coffee-script.org/" class="website" target="_blank" rel="nofollow"
style="color:#444">CoffeeScript 教程</a>
<p class="description">CoffeeScript是一套JavaScript的转译语言。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/highcharts.png">
</div>
<div class="contents">
<a href="https://www.highcharts.com.cn/docs/start-helloworld" class="website"
target="_blank" rel="nofollow" style="color:#444">Highcharts 教程</a>
<p class="description">一个用纯JavaScript编写的一个图表库。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/meteor.png">
</div>
<div class="contents">
<a href="https://doc.yonyoucloud.com/doc/wiki/project/discover-meteor/index.html"
class="website" target="_blank" rel="nofollow" style="color:#444">Meteor 教程</a>
<p class="description">Meteor是一个full-stack javascript平台，可用于开发web和移动应用。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/element.png">
</div>
<div class="contents">
<a href="http://element.eleme.io/#/zh-CN"
class="website" target="_blank" rel="nofollow" style="color:#444">Element</a>
<p class="description">Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/echarts.png">
</div>
<div class="contents">
<a href="https://echarts.apache.org/zh/tutorial.html"
class="website" target="_blank" rel="nofollow" style="color:#444">echarts</a>
<p class="description">一个基于 JavaScript 的开源可视化图表库
</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/reactrouter.png">
</div>
<div class="contents">
<a href="http://react-guide.github.io/react-router-cn/index.html"
class="website" target="_blank" rel="nofollow" style="color:#444">React Router中文文档</a>
<p class="description">React Router是完整的React路由解决方案</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/redux.png">
</div>
<div class="contents">
<a href="https://www.redux.org.cn/"
class="website" target="_blank" rel="nofollow" style="color:#444">Redux</a>
<p class="description">Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 (如果你需要一个 WordPress 框架，请查看 Redux Framework。)
</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/mobx.png">
</div>
<div class="contents">
<a href="https://cn.mobx.js.org/"
class="website" target="_blank" rel="nofollow" style="color:#444">MobX</a>
<p class="description">MobX 是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/RxJS.png">
</div>
<div class="contents">
<a href="https://cn.rx.js.org/"
class="website" target="_blank" rel="nofollow" style="color:#444">RxJS</a>
<p class="description">RxJS 是使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易。这个项目是 Reactive-Extensions/RxJS(RxJS 4) 的重写，具有更好的性能、更好的模块性、更好的可调试调用堆栈，同时保持大部分向后兼容，只有一些破坏性的变更(breaking changes)是为了减少外层的 API 。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="static/img/manual/frontend/svelte.svg">
</div>
<div class="contents">
<a href="https://www.sveltejs.cn/"
class="website" target="_blank" rel="nofollow" style="color:#444">Svelte</a>
<p class="description">Svelte 是一种全新的构建用户界面的方法。</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/frontend/Parcel.png">
</div>
<div class="contents">
<a href="https://zh.parceljs.org/"
class="website" target="_blank" rel="nofollow" style="color:#444">Parcel</a>
<p class="description">Parcel 使用 worker 进程去启用多核编译。同时有文件系统缓存，即使在重启构建后也能快速再编译。</p>
</div>
</div>
</li>
</ul>
</section>
</div>
</div>
<!--前端技术结束-->
<div class="clearfix"></div>
<!--Java手册开始-->
<div class="indexbox fNAV 0" id="java" style="position:relative">
<div class="indexbox_title"><strong style="font-weight: bold !important;">Java手册</strong>
</div>
<div id="catalog">
<section data-catalog="download" class="active">
<ul class="website-list manual">
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/icon/java.png">
</div>
<div class="contents">
<a href="https://www.pdai.tech/md/outline/x-outline.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Java 学习路线</a>
<p class="description">Java 全栈知识体系</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/icon/java.png">
</div>
<div class="contents">
<a href="https://www.liaoxuefeng.com/wiki/1252599548343744" class="website"
target="_blank" rel="nofollow" style="color:#444">Java 入门教程</a>
<p class="description">廖雪峰的 Java 入门教程</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/icon/java.png">
</div>
<div class="contents">
<a href="http://www.ityouknow.com/java.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Jvm 手册</a>
<p class="description">Jvm 系列学习文章</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/icon/java.png">
</div>
<div class="contents">
<a href="http://www.ityouknow.com/java.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Java NIO 教程</a>
<p class="description">Java NIO 简明教程</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/index/study/spring.png">
</div>
<div class="contents">
<a href="https://potoyang.gitbook.io/spring-in-action-v5/" class="website" target="_blank"
rel="nofollow" style="color:#444">Spring 实战</a>
<p class="description">Spring 生态系统中的每个 Spring 版本、Spring Boot 和所有其他项目都释放了一些新的惊人功能</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/index/study/spring.png">
</div>
<div class="contents">
<a href="http://www.ityouknow.com/spring-boot.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Spring Boot 手册</a>
<p class="description">Spring Boot 系列学习文章</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/index/study/spring.png">
</div>
<div class="contents">
<a href="http://www.ityouknow.com/spring-cloud.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Spring Cloud 手册</a>
<p class="description">Spring Cloud 系列学习文章</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/index/study/spring.png">
</div>
<div class="contents">
<a href="https://www.springcloud.cc/spring-data-jpa.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Spring Data JPA - 参考文档</a>
<p class="description">Spring Data JPA是 Spring 基于 ORM 框架、JPA规范的基础上封装的一套JPA应用框架</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/java/shiro.png">
</div>
<div class="contents">
<a href="https://www.docs4dev.com/docs/zh/apache-shiro/1.5.3/reference/introduction.html"
class="website" target="_blank" rel="nofollow" style="color:#444">Apache Shiro 中文文档</a>
<p class="description">Apache Shiro 是一个功能强大且灵活的开源安全框架，可以干净地处理身份验证，授权，企业会话 Management 和加密。
</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/java/Activiti.png">
</div>
<div class="contents">
<a href="https://www.cnblogs.com/xtreme/p/3638810.html" class="website" target="_blank"
rel="nofollow" style="color:#444">Activiti 教程</a>
<p class="description">是一个业务流程管理(BPM)和工作流系统，适用于开发人员和系统管理员</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/java/netty_logo.jpg">
</div>
<div class="contents">
<a href="https://waylau.com/netty-4-user-guide/" class="website" target="_blank"
rel="nofollow" style="color:#444">Netty 4.x 用户指南</a>
<p class="description">包含了官方文档以及其他文章整合</p>
</div>
</div>
</li>
<li class="hot-item ">
<div class="item-card">
<div class="icons">
<img src="./static/img/manual/java/mybatis.jpg">
</div>
<div class="contents">
<a href="https://mybatis.org/mybatis-3/zh/index.html" class="website" target="_blank"
rel="nofollow" style="color:#444">MyBatis中文文档</a>
<p class="description">MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射</p>
</div>
</div>
</li>
</ul>
</section>
</div>
</div>
<!--Java手册结束-->
<!--Python手册开始-->
<div class="indexbox fNAV 0" id="python" style="position:relative">
<div class="indexbox_title"><strong style="font-weight: bold !important;">Python手册</strong>
</div>
<div id="catalog">
<section data-catalog="download" class="active">
<ul class="website-list manual">
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/icon/python.png"></div>
<div class="contents">
<a href="http://www.ityouknow.com/python.html" class="website" target="_blank"
rel="nofollow" style="color:#444">
Python 零基础入门
</a>
<p class="description">从0-100天的 Python 学习教程</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/icon/python.png"></div>
<div class="contents">
<a href="https://www.kancloud.cn/kancloud/python3-cookbook" class="website"
target="_blank" rel="nofollow" style="color:#444">
Python CookBook 中文版
</a>
<p class="description">Python CookBook 中文版-经典书籍</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/icon/python.png"></div>
<div class="contents">
<a href="https://docs.pythontab.com/interpy/" class="website" target="_blank"
rel="nofollow" style="color:#444">
Python进阶
</a>
<p class="description">Python进阶是 Intermediate Python 的中文译本</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/python/django.ico"></div>
<div class="contents">
<a href="https://docs.djangoproject.com/zh-hans/3.2//" class="website" target="_blank"
rel="nofollow" style="color:#444">
Django 教程
</a>
<p class="description">Python实现简单快捷的网站开发</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/python/flask.png"></div>
<div class="contents">
<a href="http://docs.jinkan.org/docs/flask/quickstart.html#quickstart" class="website"
target="_blank" rel="nofollow" style="color:#444">
Flask 教程
</a>
<p class="description">一个用Python编写的轻量级Web应用框架</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/python/scrapy.png"></div>
<div class="contents">
<a href="https://www.osgeo.cn/scrapy/index.html" class="website" target="_blank"
rel="nofollow" style="color:#444">
Scrapy 教程
</a>
<p class="description">Python 常用的爬虫框架</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/python/Celery.ico"></div>
<div class="contents">
<a href="http://docs.jinkan.org/docs/celery/getting-started/introduction.html"
class="website" target="_blank" rel="nofollow" style="color:#444">
Celery 教程
</a>
<p class="description">Python 常用的分布式任务调度模块</p>
</div>
</div>
</li>
</ul>
</section>
</div>
</div>
<!--Python手册结束-->
<!--后端技术开始-->
<div class="indexbox fNAV 0" id="be" style="position:relative">
<div class="indexbox_title"><strong style="font-weight: bold !important;">后端技术</strong>
</div>
<div id="catalog">
<section data-catalog="download" class="active">
<ul class="website-list manual">
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/c-programming.png"></div>
<div class="contents">
<a href="https://www.nowcoder.com/tutorial/10002/8f7c3e0e7efd441d8f7c9c8d43c2a0f4"
class="website" target="_blank" rel="nofollow" style="color:#444">
C语言教程
</a>
<p class="description">最伟大的编程语言</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/php.png"></div>
<div class="contents">
<a href="https://phpbestpractices.justjavac.com/#" class="website" target="_blank"
rel="nofollow" style="color:#444">
PHP 教程
</a>
<p class="description">PHP 最佳实践</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/php.png"></div>
<div class="contents">
<a href="https://ryancao.gitbooks.io/php-developer-prepares/content/" class="website"
target="_blank" rel="nofollow" style="color:#444">
PHP 开发者实践
</a>
<p class="description"> PHP 仍然是目前使用最广泛、重要的 Web 开发语言之一</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/php.png"></div>
<div class="contents">
<a href="https://www.kancloud.cn/agdholo/thinkphp" class="website" target="_blank"
rel="nofollow" style="color:#444">
ThinkPHP 教程
</a>
<p class="description"> Web 入门开发实战</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/laravel.png"></div>
<div class="contents">
<a href="https://learnku.com/docs/laravel/8.x/releases/9351" class="website"
target="_blank" rel="nofollow" style="color:#444">
Laravel 8 中文教程
</a>
<p class="description">Laravel是一套简洁、优雅的PHP Web开发框架</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/go.jpg"></div>
<div class="contents">
<a href="http://www.topgoer.com/" class="website" target="_blank" rel="nofollow"
style="color:#444">
Go 语言教程
</a>
<p class="description">是 Google 开发的开源编程语言</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/go.jpg"></div>
<div class="contents">
<a href="https://github.com/astaxie/build-web-application-with-golang/blob/master/zh/preface.md"
class="website" target="_blank" rel="nofollow" style="color:#444">
Go Web 编程
</a>
<p class="description">一份 go web 编程开源指南</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/C++_.png"></div>
<div class="contents">
<a href="https://www.w3cschool.cn/cpp/" class="website" target="_blank" rel="nofollow"
style="color:#444">
C++ 学习教程（中）
</a>
<p class="description">C++ 是一种静态类型的、编译式的、通用的、大小写敏感的、不规则的编程语言，支持过程化编程、面向对象编程和泛型编程。</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/C++_.png"></div>
<div class="contents">
<a href="https://www.cplusplus.com/doc/tutorial/" class="website" target="_blank"
rel="nofollow" style="color:#444">
C++ 学习教程（英）
</a>
<p class="description">C++ 是一种静态类型的、编译式的、通用的、大小写敏感的、不规则的编程语言，支持过程化编程、面向对象编程和泛型编程。</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/c11.png"></div>
<div class="contents">
<a href="https://docs.microsoft.com/zh-cn/dotnet/csharp/" class="website" target="_blank"
rel="nofollow" style="color:#444">
C#学习教程
</a>
<p class="description">一种新式编程语言，不仅面向对象，还类型安</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/vb.jpg"></div>
<div class="contents">
<a href="https://docs.microsoft.com/zh-cn/visualstudio/get-started/visual-basic/?view=vs-2019"
class="website" target="_blank" rel="nofollow" style="color:#444">
Visual Basic 教程
</a>
<p class="description">Visual Studio 集成开发环境是一种创新启动板，可用于编辑、调试并生成代码，然后发布应用。</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/docker.png"></div>
<div class="contents">
<a href="https://yeasy.gitbook.io/docker_practice/" class="website" target="_blank"
rel="nofollow" style="color:#444">
Docker 教程
</a>
<p class="description">Docker 从入门到实践</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/R.png"></div>
<div class="contents">
<a href="https://www.math.pku.edu.cn/teachers/lidf/docs/Rbook/html/_Rbook/intro.html"
class="website" target="_blank" rel="nofollow" style="color:#444">
R语言教程
</a>
<p class="description">R是用于统计分析、绘图的语言和操作环境</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/swift.png"></div>
<div class="contents">
<a href="https://swift.bootcss.com/" class="website" target="_blank" rel="nofollow"
style="color:#444">
Swift 教程
</a>
<p class="description">苹果出品的开发语言</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/backend/Ruby.png"></div>
<div class="contents">
<a href="https://www.ruby-lang.org/zh_cn/documentation/" class="website" target="_blank"
rel="nofollow" style="color:#444">
Ruby 教程
</a>
<p class="description">一种简单快捷的面向对象（面向对象程序设计）脚本语言</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/index/devtool/idea.png"></div>
<div class="contents">
<a href="https://github.com/judasn/IntelliJ-IDEA-Tutorial" class="website" target="_blank"
rel="nofollow" style="color:#444">
IDEA 使用教程
</a>
<p class="description">IntelliJ IDEA 简体中文专题教程</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/index/devtool/navicat.png"></div>
<div class="contents">
<a href="https://www.navicat.com.cn/manual/online_manual/cn/navicat/win_manual/"
class="website" target="_blank" rel="nofollow" style="color:#444">
Navicat 教程
</a>
<p class="description">一套数据库管理工具</p>
</div>
</div>
</li>
</ul>
</section>
</div>
</div>
<!--后端技术结束-->
<!--中间件开始-->
<div class="indexbox fNAV 0" id="tech" style="position:relative">
<div class="indexbox_title"><strong style="font-weight: bold !important;">中间件</strong>
</div>
<div id="catalog">
<section data-catalog="download" class="active">
<ul class="website-list manual">
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/icon/redis.png"></div>
<div class="contents">
<a href="https://www.redis.com.cn/tutorial.html" class="website" target="_blank"
rel="nofollow" style="color:#444">
Redis 中文教程
</a>
<p class="description">一份简单的 Redis 学习教程</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/Memcached.png"></div>
<div class="contents">
<a href="https://www.twle.cn/l/yufei/memcached/memcached-basic-index.html" class="website"
target="_blank" rel="nofollow" style="color:#444">
memcached 教程
</a>
<p class="description">Memcached是一个自由开源的，高性能，分布式内存键值对缓存系统</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/mongodb.ico"></div>
<div class="contents">
<a href="https://www.mongodb.org.cn/tutorial/" class="website" target="_blank"
rel="nofollow" style="color:#444">
MongoDB 教程
</a>
<p class="description">一个基于分布式文件存储的数据库</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/elasticsearch.png"></div>
<div class="contents">
<a href="https://www.elastic.co/guide/cn/elasticsearch/guide/current/getting-started.html"
class="website" target="_blank" rel="nofollow" style="color:#444">
Elasticsearch 教程
</a>
<p class="description">Elasticsearch 是一个实时的分布式搜索分析引擎</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/apache.png"></div>
<div class="contents">
<a href="https://www.yiibai.com/apache_http/" class="website" target="_blank"
rel="nofollow" style="color:#444">
Apache教程
</a>
<p class="description">世界上使用最广泛的Web服务器应用程序</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/Nginx.png"></div>
<div class="contents">
<a href="https://dunwu.github.io/nginx-tutorial/#/nginx-quickstart" class="website"
target="_blank" rel="nofollow" style="color:#444">
Nginx 极简教程
</a>
<p class="description">Nginx (engine x) 是一款轻量级的 Web 服务器 、反向代理服务器及电子邮件（IMAP/POP3）代理服务器。</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/OpenResty.png"></div>
<div class="contents">
<a href="https://moonbingbing.gitbooks.io/openresty-best-practices/content/"
class="website" target="_blank" rel="nofollow" style="color:#444">
OpenResty 最佳实践
</a>
<p class="description">OpenResty是一个全功能的 Web 应用服务器</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/tomcat.png"></div>
<div class="contents">
<a href="https://wiki.jikexueyuan.com/project/tomcat/" class="website" target="_blank"
rel="nofollow" style="color:#444">
Tomcat 8 权威指南
</a>
<p class="description">Tomcat 8 权威指南</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/spark.png"></div>
<div class="contents">
<a href="https://aiyanbo.gitbooks.io/spark-programming-guide-zh-cn/content/"
class="website" target="_blank" rel="nofollow" style="color:#444">
Spark 教程
</a>
<p class="description">Spark 编程指南简体中文版</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/middle/mysql.png"></div>
<div class="contents">
<a href="https://segmentfault.com/a/1190000006876419" class="website" target="_blank"
rel="nofollow" style="color:#444">
Mysql 简单教程
</a>
<p class="description">21分钟MySQL基础入门</p>
</div>
</div>
</li>
</ul>
</section>
</div>
</div>
<!--中间件结束-->
<!--移动端手册开始-->
<div class="indexbox fNAV 0" id="mobile" style="position:relative">
<div class="indexbox_title"><strong style="font-weight: bold !important;">移动端手册</strong>
</div>
<div id="catalog">
<section data-catalog="download" class="active">
<ul class="website-list manual">
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/harmony.png"></div>
<div class="contents">
<a href="https://developer.harmonyos.com/cn/documentation/" class="website"
target="_blank" rel="nofollow" style="color:#444">
鸿蒙OS 手册
</a>
<p class="description">华为开源的操作系统</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/android.png"></div>
<div class="contents">
<a href="https://developer.android.com/guide?hl=zh-cn" class="website" target="_blank"
rel="nofollow" style="color:#444">
Android 手册
</a>
<p class="description">Android是基于linux内核为智能手机和平板设计的操作系统</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/ios.png"></div>
<div class="contents">
<a href="https://developer.apple.com/cn/documentation/" class="website" target="_blank"
rel="nofollow" style="color:#444">
IOS 手册
</a>
<p class="description">由苹果公司开发的移动操作系统</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/weixin.png"></div>
<div class="contents">
<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html"
class="website" target="_blank" rel="nofollow" style="color:#444">
微信小程序手册
</a>
<p class="description">一种不需要下载安装即可使用的应用</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/jquery-mobile.png"></div>
<div class="contents">
<a href="https://wizardforcel.gitbooks.io/jqmobi-doc/content/" class="website"
target="_blank" rel="nofollow" style="color:#444">
Jquery Mobile 手册
</a>
<p class="description">一个用于创建移动端web应用的的前端框架</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/react_native.png"></div>
<div class="contents">
<a href="https://reactnative.cn/docs/getting-started" class="website" target="_blank"
rel="nofollow" style="color:#444">
React Native 手册
</a>
<p class="description">一个基于React的创建原生APP的框架</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/flutter.png"></div>
<div class="contents">
<a href="https://flutter.cn/docs" class="website" target="_blank" rel="nofollow"
style="color:#444">
Flutter 手册
</a>
<p class="description">谷歌开源的移动端跨平台UI框架，可以快速在iOS和Android上构建高质量的原生用户界面</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/m_ui.png"></div>
<div class="contents">
<a href="https://dev.dcloud.net.cn/mui/" class="website" target="_blank" rel="nofollow"
style="color:#444">
MUI 手册
</a>
<p class="description">最接近原生APP体验的高性能前端框架</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/we_ui.png"></div>
<div class="contents">
<a href="https://weui.io/" class="website" target="_blank" rel="nofollow"
style="color:#444">
WeUI 手册
</a>
<p class="description">一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/vux.png"></div>
<div class="contents">
<a href="https://doc.vux.li/zh-CN/" class="website" target="_blank" rel="nofollow"
style="color:#444">
VUX 手册
</a>
<p class="description">基于Vue和Weui的移动端框架</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/forzen_ui.png"></div>
<div class="contents">
<a href="http://frozenui.github.io/getting-started" class="website" target="_blank"
rel="nofollow" style="color:#444">
FrozenUI 手册
</a>
<p class="description">腾讯团队开发的一套基于移动端的UI库，轻量、精美、遵从手机QQ设计规范</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/cube_ui.png"></div>
<div class="contents">
<a href="https://didi.github.io/cube-ui/#/zh-CN/docs/introduction" class="website"
target="_blank" rel="nofollow" style="color:#444">
Cube-UI 手册
</a>
<p class="description">基于Vue实现的精致移动端组件库，由滴滴内部组件库精简提炼而来</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/museUI.png"></div>
<div class="contents">
<a href="https://muse-ui.org/#/zh-CN/contributing" class="website" target="_blank"
rel="nofollow" style="color:#444">
Muse-UI 手册
</a>
<p class="description">一套 Material Design 风格开源组件库</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/mand-mobile.png"></div>
<div class="contents">
<a href="https://didi.github.io/mand-mobile/#/zh-CN/docs/introduce" class="website"
target="_blank" rel="nofollow" style="color:#444">
Mand Mobile 手册
</a>
<p class="description">面向金融场景设计的移动端组件库</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/bui.png"></div>
<div class="contents">
<a href="http://www.easybui.com/docs/" class="website" target="_blank" rel="nofollow"
style="color:#444">
BUI 手册
</a>
<p class="description">开放式的UI交互框架</p>
</div>
</div>
</li>
<li class="hot-item">
<div class="item-card">
<div class="icons"><img src="./static/img/manual/mobile/hUI.png"></div>
<div class="contents">
<a href="http://www.hcoder.net/hui/docs" class="website" target="_blank" rel="nofollow"
style="color:#444">
HUI 手册
</a>
<p class="description">适用于基于H5+的移动app开发</p>
</div>
</div>
</li>
</ul>
</section>
</div>
</div>
<!--移动端手册结束-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="text-muted small bg-dark py-4 mt-3 d-none d-lg-block" id="footer"
style="background:#222c3c !important">
<div class="container">
<div class="row">
<div class="col">
<div class="">
<div class="footer-new">
<div class="about" style="width: 20%;">
<img src="./static/img/logo.png" alt="程序员一站式导航" style="width: 100%; height: auto;" />
</div>
<div class="about" style="width: 444px;">
<h2>关于</h2>
<div class="text">
CXY521 专注程序员一站式导航，提供最精华有趣的内容 。 本站仅为网址导航，网站来源于网络，对其内容不负任何责任，若有问题，请联系我们。
</div>
</div>
<div class="about" style="width: 100px;">
<h2>友情链接</h2>
<div class="text">
<!-- <p><a href="http://www.itmind.net//" target="_blank" style="color:#eee">小白学堂</a></p>
<p><a href="http://www.buhuixiao.com/" target="_blank" style="color:#eee">不会笑青年</a></p> -->
<p><a href="http://www.ityouknow.com/" target="_blank" style="color:#eee">纯洁的微笑</a></p>
<!-- <p><a href="/about" target="_blank">关于我们</a></p>
<p><a href="contact" target="_blank">联系我们</a></p> -->
</div>
</div>
<div class="about">
<h2>公众号
<!-- &小程序 -->
</h2>
<div class="">
<div class="text">
<div class="" id="t1" style="">
<!--2023-02-16 by 流星绕指柔 修改公众号二维码图片请到index.js中修改-->
<p><img src="" class="appdown" style="width:108px;height:108px">
</p>
<p style="padding-bottom: 0;">回复888进群摸鱼</p>
</div>
</div>
</div>
<!-- <div class="qrmain">
<div class="qrbox">
<div class="qrcodepos" id="t1" style="">
<div><img src="./static/img/wechat/laughyouth.jpg" class="appdown" style="width:108px;height:108px">
</div>
</div>
</div>
</div> -->
</div>
<!-- <div class="about" style="text-align: center; width: 200px;">
<h2>程序员摸鱼群</h2>
<div class="text">
<p style="">
<img src="./static/img/wechat/laughyouth.jpg"" class="appdown" style="width:108px;height:108px;margin-top: 13px">
</p>
</div>
<p style="">回复521开启摸鱼</p>
</div> -->
</div>
</div>
</div>
</div>
</div>
</footer>
<div style="background: #2b374c;color:#818394;padding:12px;font-size:12px;" class="d-none d-lg-block" id="footer">
<div class="container">
<!-- <div class="footer_btnbox">
<div class="botton-footer active" data="-1">Copyright</div>
<div class="botton-footer" data="0">友情链接</div>
</div> -->
<div align="left" id="yqlinks-cate-00" class=" links-box" style="">
Copyright © 2021-2022
<a href="http://www.cxy521.com">
<span style="color: #868e96;">程序员一站式导航</span>
</a>
<a href="http://beian.miit.gov.cn">
<span style="color: #868e96;">京ICP备15067287号-4</span>
</a> 声明：网站上的服务均为第三方提供，与CXY521无关。请用户注意甄别服务质量，避免上当受骗。
</div>
<!-- <div class="time_content links-box" style="display: none;" id="yqlinks-cate-0">
<div style="line-height: 20px;">
友情链接：
<a href="http://www.itmind.net//" target="_blank" style="color:#eee">小白学堂</a>
<a href="http://laughyouth.com/" target="_blank" style="color:#eee">不会笑青年</a>
<a href="http://www.ityouknow.com/" target="_blank" style="color:#eee">纯洁的微笑</a>
</div>
</div> -->
</div>
</div>
<div class="wx-public-container">
<div class="wx-public-dialog" style="z-index: 2009;">
<div class="el-dialog" style="display: none;">
<div class="el-dialog__header">
<span class="el-dialog__title"></span>
</div>
<div class="el-dialog__body">
<div class="top">
<p style="color: #000;padding-top: 20px;">扫码关注公众号</p>
</div>
<div class="qrcode">
<!-- <img src="./static/img/wechat/laughyouth.jpg" alt="不会笑青年公众号"> -->
<!--2023-02-16 by 流星绕指柔 修改公众号二维码图片请到index.js中修改-->
<img src="" alt="">
</div>
<div class="wx-name">
<span ></span>
<span>关注后回复：888，进群交流</span>
</div>
</div>
</div>
</div>
</div>
<!--<script type="text/javascript" src="./static/js/jquery.min.js"></script>
<script type="text/javascript" src="./static/js/tipso.min.js"></script>
<script type="text/javascript" src="./static/js/index.js?v=1.2"></script>
<script type="text/javascript" src="./static/js/girls/bootstrap.min.js"></script>-->
<script type="text/javascript" src="./static/js/common.js"></script>
<div style="display: none;">
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?195b6796d001b750b1bf8e507b220b98";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手