mirror of https://github.com/IoTcat/wIoT.git
parent
161f6f8453
commit
1e9c01be47
39 changed files with 6075 additions and 6 deletions
@ -0,0 +1,382 @@ |
||||
@charset "utf-8"; |
||||
|
||||
|
||||
/* ---------- markdown custom ---------- */ |
||||
.markdown-body{font-size:14px;} |
||||
.markdown-body h1{margin-top:50px;font-size:38px;border-bottom:#d5d5d5 1px solid;} |
||||
.markdown-body h2{margin-top:50px;font-size:32px;border-bottom:#ddd 1px solid;} |
||||
.markdown-body h3{margin-top:32px;margin-bottom:14px;} |
||||
.markdown-body h2 + h3{margin-top:24px;} |
||||
.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-bottom:12px;} |
||||
.markdown-body .anchor{margin-left:-24px;} |
||||
.markdown-body blockquote{padding:8px 15px;background-color:#fafafa;} |
||||
.markdown-body .anchor{padding-top:10px;margin-top:-10px;} |
||||
.markdown-body .anchor svg{visibility:hidden;width:20px;height:20px;color:#828282;} |
||||
.markdown-body h3 .anchor{position:relative;top:2px;} |
||||
.markdown-body h1:hover .anchor svg,.markdown-body h2:hover .anchor svg,.markdown-body h3:hover .anchor svg{visibility:visible;} |
||||
.markdown-body img:hover{outline:rgba(0,0,0,.05) 1px solid;box-shadow:1px 1px 1px rgba(0,0,0,.1);cursor:pointer;} |
||||
.markdown-body img[align="center"]{display:block;margin:0 auto;} |
||||
.markdown-body tbody{word-break:initial;} |
||||
.markdown-body input[type="checkbox"]{margin-right:5px;vertical-align:middle;cursor:pointer;} |
||||
.markdown-body input[type="checkbox"]+label{vertical-align:middle;margin-right:7px;cursor:pointer;} |
||||
.markdown-body pre{position:relative;} |
||||
.markdown-body pre code{padding-top:0.15em;padding-bottom:0.15em;margin:0 1px;font-size:90%;color:#000;word-wrap:break-word;white-space:pre-wrap;} |
||||
.markdown-body pre code.hljs{color:#333;} |
||||
.markdown-body .hljs-string{color:#183691;} |
||||
.markdown-body .hljs-built_in{color:#0086b3;} |
||||
.markdown-body code.lang-flow svg{margin-top:-10px;} |
||||
.markdown-body .lang-off-js-comment{display:none;position:absolute;top:0;right:0;width:27px;height:27px;color:#ccc;text-align:center;line-height:27px;background:#f0f0f0;cursor:pointer} |
||||
.markdown-body pre:hover .lang-off-js-comment{display:block;} |
||||
.markdown-body .lang-off-js-comment i{position:absolute;top:0;left:0;width:27px;height:27px;font-size:22px;color:#ddd;text-align:center;line-height:27px;} |
||||
.markdown-body .lang-off-js-comment:hover{color:#999;background:#ddd;} |
||||
.markdown-body .lang-off-js-comment:hover i{color:#999;} |
||||
.markdown-body .lang-off-js-comment.on{display:block;color:#333;background:#ccc;} |
||||
.markdown-body .lang-off-js-comment.on i{color:#f00;} |
||||
.markdown-body mark{color:#e61e1e;background:transparent;} |
||||
|
||||
/* ---------- base ---------- */ |
||||
html{height:100%;} |
||||
body{position:relative;height:100%;background:#e7e8eb;} |
||||
.hidden{display:none !important;} |
||||
|
||||
/* ---------- header ---------- */ |
||||
.header{width:100%;height:70px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;;background:#fff;border-top:#0373e4 6px solid;border-bottom:#c3c4c6 1px solid;} |
||||
.header .header-inner{margin:0 30px;} |
||||
.header .logo{float:left;padding-top:15px;} |
||||
.header .logo img{float:left;margin-left:5px;max-height:32px;} |
||||
.header .logo i{float:left;display:block;width:5px;height:5px;margin:16px 0 0 3px;background:#666666;border-radius:50%;} |
||||
.header .logo b{float:left;max-width:470px;height:32px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:24px;font-weight:normal;color:#666;} |
||||
.header .logo span{float:left;padding:0 3px;margin:1px 0 0 2px;font-size:xx-small;color:#fff;background:#bbbbbb;} |
||||
.header .menu-icon{display:none;} |
||||
|
||||
/* ---------- container ---------- */ |
||||
.container{position:relative;margin:20px 18px 0;background:url(../images/menubar_bg.png) repeat-y #fff;border:#c3c4c6 1px solid;border-top:#4296eb 2px solid;} |
||||
|
||||
/* ---------- menu ---------- */ |
||||
.container .nav{position:absolute;left:0px;top:0px;width:250px;height:100%;} |
||||
/* filter */ |
||||
.menu-filter{box-sizing:content-box;position:absolute;top:0;left:0;z-index:10;width:176px;height:37px;padding-left:35px;border-bottom:1px solid #D9D9D9;} |
||||
.menu-filter svg{position:absolute;top:12px;left:12px;width:16px;height:16px;color:#4296eb;} |
||||
.menu-filter input{display:block;box-sizing:content-box;width:140px;height:22px;padding:0 25px 0 2px;margin-top:8px;line-height:20px;font-size:14px;background:none;border:none;border-bottom:#e0e0e0 1px dashed;} |
||||
.menu-filter input:focus{outline:none;border-bottom:#aaa 1px solid;} |
||||
.menu-filter:hover input{border-bottom:#aaa 1px solid;} |
||||
.menu-filter ::-webkit-input-placeholder{color:#ccc;font-size:13px;} |
||||
.menu-filter :-ms-input-placeholder{color:#ccc;font-size:13px;} |
||||
.menu-filter :-moz-placeholder{color:#ccc;font-size:13px;} |
||||
.menu-filter ::-moz-placeholder{color:#ccc;font-size:13px;} |
||||
.menu-filter ::-ms-clear{display:none !important;width:0;height:0;} |
||||
.menu-filter i{display:block;box-sizing:content-box;position:absolute;top:0px;right:0px;width:23px;padding:2px 10px 0;font-size:25px;text-align:center;color:#ccc;cursor:pointer;} |
||||
.menu-filter i:hover{color:#e6660d;} |
||||
.menu-filter i.off{display:none;} |
||||
/* search */ |
||||
.menu-search{display:block;position:absolute;top:0;right:1px;z-index:11;width:39px;height:38px;border-left:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;cursor:pointer;} |
||||
.menu-search:hover{background-color:#f4f5f9;} |
||||
.menu-search svg{position:absolute;top:12px;left:12px;width:16px;height:16px;color:#4296eb;} |
||||
/* menubar */ |
||||
.menubar{position:relative;z-index:0;width:250px;height:100%;padding-top:38px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;border-right:1px solid #e7e7eb;} |
||||
.menubar h4,.menubar h5{display:block;position:relative;height:37px;margin:-1px 0 0;padding:0 10px 0 30px;font-size:14px;font-weight:normal;color:#333;line-height:37px;text-shadow:#666 1px 0 0;border:1px solid #D9D9D9;border-width:1px 0;cursor:pointer;} |
||||
.menubar h4:hover{background-color:#f4f5f9;} |
||||
.menubar h5.off{display:none;} |
||||
.menubar h5.on{display:block;} |
||||
.menubar h4 svg{position:absolute;top:12px;left:12px;width:13px;height:13px;color:#acacac;} |
||||
.menubar h4.on svg{color:#4296eb;} |
||||
.menubar h4 a{display:block;height:36px;color:#333;text-decoration:none;} |
||||
.menubar h4.on a{color:#0373e4;} |
||||
.menubar h5 svg{position:absolute;top:12px;left:12px;width:13px;height:13px;color:#acacac;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);} |
||||
.menubar h5.on svg{color:#4296eb;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} |
||||
.menubar ul{display:none;margin:0;padding:0;list-style:none;} |
||||
.menubar ul li{padding-left:23px;} |
||||
.menubar .scroller-content > ul > li{padding-left:45px;} |
||||
.menubar ul li.off{display:none;} |
||||
.menubar ul li > a,.menubar ul li > strong{display:block;height:30px;padding:0 55px 0 0;font-weight:normal;white-space:nowrap;line-height:30px;font-size:12px;color:#333;text-decoration:none;cursor:pointer;} |
||||
.menubar ul li > a:after,.menubar ul li > strong:after{display:block;position:absolute;left:0;right:0;height:30px;content:" ";-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;} |
||||
.menubar ul li > a:hover:after,.menubar ul li > strong:hover:after{background:#f5f5f5;-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;transition-duration:0s;} |
||||
.menubar ul li > a > span,.menubar ul li strong > span{float:left;position:relative;z-index:1;} |
||||
.menubar ul li > a.on{color:#0373e4;} |
||||
.menubar ul li > a.on:before{display:block;position:absolute;left:0px;z-index:1;width:2px;height:30px;content:" ";background:#4296eb;} |
||||
.menubar ul li > a.on:after{background:#f5f5f5;} |
||||
.menubar ul li > strong.on{text-shadow:#666 1px 0 0;} |
||||
.menubar ul li > strong:before{position:absolute;z-index:1;width:6px;height:6px;margin:12px 0 0 -12px;background:#acacac;border-radius:50%;content:" ";} |
||||
.menubar ul li > strong.on:before{background:#4296eb;} |
||||
.menubar mark{color:red;background:#f5f5f5;} |
||||
|
||||
/* ---------- scroller ---------- */ |
||||
body[onselectstart]{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none;} |
||||
.scroller{height:100%;overflow:hidden;} |
||||
.scroller .scroller-inner{box-sizing:content-box;width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;} |
||||
.scroller .scroller-inner.on{overflow-y:scroll;} |
||||
.scroller .scrollbar{position:absolute;opacity:0;transition-duration:.5s;-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;} |
||||
.scroller:hover .scrollbar{opacity:1;transition-duration:.3s;} |
||||
.scroller .scrollbar.active{opacity:1;} |
||||
.scroller .scrollbar.off{opacity:0;} |
||||
.scroller .scrollbar div{position:relative;transition-duration:.1s;} |
||||
.scroller .scrollbar i{position:absolute;background:rgba(50,50,50,.25);border-radius:2px;transition-duration:.1s;} |
||||
.scroller .scrollbar:active{padding:0;} |
||||
.scroller .scrollbar:active div{background:rgba(50,50,50,.07);} |
||||
.scroller .scrollbar:active i{border-radius:0;} |
||||
/* scrollbar-y */ |
||||
.container .nav .scrollbar.scrollbar-y,.container .nav .scrollbar.scrollbar-y:active{padding-top:38px;padding-bottom:10px;} |
||||
.scroller .scrollbar.scrollbar-y{top:0;right:0;width:10px;height:100%;} |
||||
.scroller .scrollbar.scrollbar-y div{height:100%;} |
||||
.scroller .scrollbar.scrollbar-y i{top:0;left:4px;width:3px;height:100%;} |
||||
.scroller .scrollbar.scrollbar-y:active i{left:0;width:10px;} |
||||
/* scrollbar-x */ |
||||
.scroller[data-x-rolling="true"] .scroller-inner.on{overflow-x:scroll;} |
||||
.scroller[data-x-rolling="true"] .scroller-content{display:inline-block;position:relative;padding-bottom:10px;white-space:nowrap;min-width:250px;} |
||||
.scroller .scrollbar.scrollbar-x{bottom:0;left:0;width:100%;height:10px;padding-right:10px;} |
||||
.scroller .scrollbar.scrollbar-x div{width:100%;height:100%;} |
||||
.scroller .scrollbar.scrollbar-x i{bottom:0;top:4px;height:3px;width:100%;} |
||||
.scroller .scrollbar.scrollbar-x:active i{top:0;height:10px;} |
||||
|
||||
/* ---------- main ---------- */ |
||||
.main{position:relative;height:100%;margin-left:250px;} |
||||
.main .markdown-body{padding:45px;} |
||||
/* footnote */ |
||||
.main .footnote{position:relative;padding-top:35px;border-top:#ddd 1px solid;} |
||||
.main .footnote i{position:absolute;top:5px;left:10px;font-size:15px;font-style:normal;color:#999;} |
||||
.main .footnote li:focus{background:#EAFFEA;} |
||||
.main .footnote svg{display:inline-block;width:14px;height:14px;margin-bottom:-1px;} |
||||
.main .footnote-none{width:0;height:0;overflow:hidden;} |
||||
/* sibling */ |
||||
.main-sibling{display:none;width:100%;padding:30px 45px 20px;font-size:14px;border-top:1px solid #e7e7eb;} |
||||
.main-sibling.on{display:block;} |
||||
.main-sibling p{position:relative;height:22px;} |
||||
.main-sibling span{position:absolute;left:0;top:0;} |
||||
.main-sibling a{display:inline-block;width:100%;height:19px;padding-left:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} |
||||
.main-sibling a:not([href]){color:#333;} |
||||
.main-sibling a:not([href]):hover{text-decoration:none;} |
||||
|
||||
/* ---------- imgsView ---------- */ |
||||
.imgsv{display:none;position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;} |
||||
.imgsv-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);cursor:pointer;} |
||||
.imgsv-view img{position:absolute;top:48%;left:50%;opacity:0;box-shadow:rgba(0,0,0,.2) 1px 2px 5px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s;/*cursor:move;*/ |
||||
} |
||||
.imgsv.on .imgsv-view img{opacity:1;} |
||||
.imgsv-panel{position:absolute;left:50%;bottom:-50px;padding:0 10px;line-height:50px;list-style:none;white-space:nowrap;background:rgba(255,255,255,.8);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:rgba(0,0,0,.2) 0 -1px 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s;} |
||||
.imgsv.on .imgsv-panel{bottom:0px;} |
||||
.imgsv-panel li{display:inline-block;min-width:50px;padding:0 10px;text-align:center;cursor:pointer;} |
||||
.imgsv-panel li.off{color:#999;cursor:default;} |
||||
.imgsv-panel li:hover{background:rgba(225,225,225,1);} |
||||
.imgsv-panel li.off:hover{background:none;} |
||||
|
||||
/* ---------- contents ---------- */ |
||||
aside .contents{position:fixed;bottom:137px;right:7px;z-index:9900;height:38px;width:38px;background:#f4f5f9;border:1px solid #ccc;} |
||||
aside .contents .btn{cursor:pointer;} |
||||
aside .contents .btn svg{position:absolute;top:7px;left:7px;width:22px;height:22px;color:#aaa;} |
||||
aside .contents.hover .btn svg,aside .contents.on .btn svg{display:none;} |
||||
aside .contents .btn span{display:none;padding:12px 0;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;line-height:14px;text-align:center;color:#aaa;} |
||||
aside .contents.hover .btn span,aside .contents.on .btn span{display:block;} |
||||
aside .contents-list{display:none;position:absolute;right:36px;bottom:-1px;width:270px;max-height:500px;padding:18px;overflow:hidden;overflow-y:scroll;background:#f4f5f9;border:1px solid #ccc;} |
||||
aside .contents.hover .contents-list,aside .contents.on .contents-list{display:block;} |
||||
aside .contents-list p{padding-bottom:5px;margin-bottom:8px;border-bottom:#ccc 1px solid;} |
||||
blockquote.markdown-contents{padding-left:20px;} |
||||
.markdown-contents ol{padding-left:0;list-style:none;} |
||||
.markdown-contents ol ol{padding-left:2em;} |
||||
.markdown-contents ol li>i{font-style:normal;margin-right:4px;color:#4078c0;} |
||||
|
||||
/* ---------- aside-backTop ---------- */ |
||||
aside .back-top{position:fixed;bottom:100px;right:7px;z-index: 9900;height:38px;width:38px;background:#f4f5f9;border:1px solid #ccc;} |
||||
aside .back-icon{display:block;position:relative;width:32px;margin:2px auto;} |
||||
aside .back-icon svg{position:absolute;top:6px;left:5px;width:22px;height:22px;color:#aaa;} |
||||
aside .back-text{display:none;position:absolute;top:0;left:0;z-index:99;padding:4px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-align:center;letter-spacing:2px;line-height:14px;background-color:#f4f5f9;cursor:pointer;} |
||||
aside .back-text:hover{text-decoration:none;} |
||||
aside .back-top:hover .back-icon{border:none;} |
||||
aside .back-top:hover .back-text{display:block;color:#aaa;} |
||||
|
||||
/* ---------- footer ---------- */ |
||||
footer{position:absolute;left:0;bottom:0;width:100%;} |
||||
footer .signature{position:absolute;right:20px;bottom:8px;color:#999;} |
||||
|
||||
/* ---------- lowBrowser ---------- */ |
||||
#lowBrowser{position:fixed;top:0;left:0;z-index:9999999;width:100%;height:100%;} |
||||
#lowBrowser div{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";zoom:1;} |
||||
#lowBrowser p{position:absolute;top:0;left:0;width:100%;text-align:center;} |
||||
#lowBrowser p span{display:inline-block;padding:0 30px;color:#8a6d3b;line-height:50px;background:#fcf8e3;border:#faebcc 1px solid;} |
||||
|
||||
/* ---------- response ---------- */ |
||||
@media screen and (max-width:720px){ |
||||
body{min-width:320px;width:100%;} |
||||
|
||||
/* ---------- markdown custom ---------- */ |
||||
.markdown-body h1:hover .anchor img,.markdown-body h2:hover .anchor img,.markdown-body h3:hover .anchor img{visibility:hidden;} |
||||
.markdown-body h1:active .anchor img,.markdown-body h2:active .anchor img,.markdown-body h3:active .anchor img{visibility:visible;} |
||||
.markdown-body pre code{word-wrap:normal;white-space:pre;} |
||||
|
||||
/* ---------- header ---------- */ |
||||
.header{position:fixed;left:0;top:0;z-index:9999;height:50px;border-top:#0373e4 3px solid;} |
||||
.header .header-inner{height:50px;} |
||||
.header .logo{width:100%;padding-top:13px;} |
||||
.header .logo img{height:18px;} |
||||
.header .logo i{width:3px;height:3px;margin:9px 0 0 3px;} |
||||
.header .logo b{max-width:40%;height:auto;padding-left:7px;font-size:14px;background-size:4px 4px;} |
||||
.header .logo span{margin:-5px 0 0 0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);} |
||||
.header .menu-icon{display:block;position:absolute;right:0;top:0;z-index:1;width:40px;height:47px;} |
||||
.header .menu-icon svg{position:absolute;top:9px;left:5px;width:28px;height:28px;color:#acacac;} |
||||
.header .menu-icon.close svg{top:14px;left:10px;width:18px;height:18px;} |
||||
|
||||
.container{position:relative;margin:50px auto 0;background:#fff;border:none;} |
||||
|
||||
/* ---------- menu ---------- */ |
||||
.container .nav{display:none;position:fixed;left:0;top:50px;z-index:9999;width:100%;height:100%;padding-bottom:30px;background:rgba(0,0,0,0.92);overflow-y:scroll;} |
||||
.container .nav.on{display:block;} |
||||
.menu-filter{width:100%;padding-right:39px;background-color:none;box-sizing:border-box;} |
||||
.menu-filter input{width:90%;width:-webkit-calc(100% - 39px);width:-moz-calc(100% - 39px);width:-ms-calc(100% - 39px);width:calc(100% - 39px);color:#fff;background:none;border:none;border-bottom:#999 1px dashed;} |
||||
.menu-filter i{right:50px;padding:2px 0 0 10px;} |
||||
.menu-search{height:37px;} |
||||
.menu-search:hover{background-color:transparent;} |
||||
.menu-search:active{background-color:#f4f5f9;} |
||||
|
||||
.menubar{width:100%;height:auto;padding-bottom:50px;border-right:none;} |
||||
.menubar i{border-top:1px solid #999;} |
||||
.menubar i:hover{background-color:transparent;} |
||||
.menubar i:active{background-color:#8c8888;} |
||||
.menubar h4,.menubar h5{color:#f5f5f5;border-top:1px solid #999999;border-bottom:none;cursor:pointer;} |
||||
.menubar h4,.menubar h5,.menubar ul{max-width:none;} |
||||
.menubar h4:hover{background-color:#8c8888;} |
||||
.menubar h4 a{color:#f5f5f5;} |
||||
.menubar h4.on a{color:#fff;} |
||||
.menubar ul li a{color:#f5f5f5;} |
||||
.menubar ul li > a.on{color:#fff;} |
||||
.menubar ul li > a:hover{color:#fff;} |
||||
.menubar ul li > a.on:before{width:3px;} |
||||
.menubar ul li > a.on:after{background:#8c8888;} |
||||
.menubar ul li > a:hover:after,.menubar ul li > strong:hover:after{background:none;} |
||||
.menubar ul li > strong{color:#fff;} |
||||
.menubar ul li > strong:hover{background:none;} |
||||
.scroller .scroller-inner{overflow-x:scroll;} |
||||
.scroller[data-x-rolling="true"] .scroller-content{min-width:100%;} |
||||
.scroller .scrollbar{display:none;} |
||||
|
||||
.main{width:100%;height:auto;margin-left:0;overflow:visible;box-sizing:border-box;} |
||||
.main article.markdown-body{padding:25px;} |
||||
.main article iframe{border:0;} |
||||
.main .search-results{height:auto !important;} |
||||
.main-sibling{padding:30px 25px 25px;} |
||||
.main-sibling p{height:22px;} |
||||
.main-sibling a{padding-right:20px;} |
||||
|
||||
/* ---------- contents ---------- */ |
||||
aside .contents{bottom:75px;border-radius:50%;} |
||||
aside .contents-list{right:40px;width:255px;max-height:310px;} |
||||
|
||||
/* ---------- backTop ---------- */ |
||||
aside .back-top{border-radius:50%;bottom:32px;} |
||||
aside .back-top:hover .back-text{display:none;} |
||||
|
||||
/* ---------- footer ---------- */ |
||||
footer{position:relative;left:0;bottom:0;width:100%;height:0;} |
||||
footer .signature{position:absolute;right:12px;bottom:6px;color:#ccc;} |
||||
footer .signature a{color:#aaa;} |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ---------- print ---------- */ |
||||
@media print and (color) { |
||||
*{-webkit-print-color-adjust:exact;print-color-adjust:exact;} |
||||
} |
||||
@media print { |
||||
@page{margin:2cm;size:A4 portrait;} |
||||
} |
||||
@media print { |
||||
|
||||
/* ---------- main ---------- */ |
||||
body{color:black;background:#fff;} |
||||
.header{display:none;} |
||||
.container{margin:0 auto;background:none;border:none;} |
||||
.container .nav{display:none;} |
||||
.main{margin-left:0;padding:0;font-size:14px;} |
||||
.main .markdown-body{display:block !important;font-family:Microsoft YaHei,Tahoma;font-weight:300;;} |
||||
.main h1{padding-top:300px;font-size:32px;text-align:center;font-weight:600;border:none;page-break-after:always;} |
||||
.main h1 .anchor{display:none;} |
||||
.main h2{font-size:24px;font-weight:500;border-bottom:#ccc 1px solid;page-break-after:avoid;} |
||||
.main h3{font-size:18px;font-weight:500;page-break-after:avoid;} |
||||
.main h4{font-size:16px;font-weight:400;} |
||||
.main h1:hover .anchor svg,.main h2:hover .anchor svg,.main h3:hover .anchor svg{visibility:hidden;} |
||||
.main img{max-width:100% !important;page-break-inside:avoid;} |
||||
.main table th{font-weight:500;} |
||||
.main .testing-show{display:none;} |
||||
.main .testing-box{display:none !important;} |
||||
.main .markdown-body h2:first-of-type{page-break-before:always;} |
||||
.main .markdown-body h1 + h2{page-break-before:auto !important;} |
||||
.main .main-sibling{display:none;} |
||||
.back-top{display:none;} |
||||
.signature{display:none;} |
||||
|
||||
/* ---------- increment ---------- */ |
||||
.main{counter-reset:chapternum1;} |
||||
h2{counter-reset:chapternum2;} |
||||
h2:before{counter-increment:chapternum1;content:counter(chapternum1) " ";} |
||||
h3:before{counter-increment:chapternum2;content:counter(chapternum1) "." counter(chapternum2) " ";} |
||||
|
||||
} |
||||
|
||||
@charset "utf-8"; |
||||
|
||||
/* ---------- box ---------- */ |
||||
.search-box *{font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;} |
||||
.search-box{display:none;position:absolute;top:0;right:0;z-index:10;width:100%;height:100%;padding:45px;background-color:#fff;} |
||||
|
||||
/* ---------- search-update ---------- */ |
||||
.search-update{float:right;width:350px;max-width:100%;} |
||||
.search-update .text{position:relative;width:100%;padding-right:140px;text-align:right;font-size:12px;line-height:20px;} |
||||
.search-update .text:after{position:absolute;right:122px;top:9px;width:1px;height:24px;background:#ccc;content:' ';} |
||||
.search-update .text p{margin:0;} |
||||
.search-update .text time{display:inline-block;white-space:nowrap;} |
||||
.search-update .text b{margin-right:5px;} |
||||
.search-update .text span{display:inline-block;margin-left:5px;white-space:nowrap;} |
||||
.search-update .text i{font-style:normal;} |
||||
.search-update input{position:relative;z-index:10;float:right;margin-top:6px;padding:4px 12px;} |
||||
.search-update input[disabled]{padding:5px 13px;color:#ccc;background:#f2f2f2;border:#aaa 1px solid;border-radius:1px;} |
||||
.search-update.off .text:after,.search-update.off .text span,.search-update.off .text i,.search-update.off input{display:none;} |
||||
.search-update.off .text b {margin-right:0;} |
||||
.search-update.off .text{padding-right:5px;} |
||||
|
||||
.search-box h2{height:65px;color:#666;font-size:24px;font-weight:normal;} |
||||
|
||||
/* ---------- search-input ---------- */ |
||||
.search-input{position:relative;padding-right:110px;padding-bottom:30px;} |
||||
.search-input input[type="text"]{display:inline-block;width:100%;padding:10px;font-size:16px;border:#ccc 1px solid;outline:none;} |
||||
.search-input input[type="text"]:focus{border:#81b9f2 1px solid;box-shadow:#81b9f2 0px 0px 2px;} |
||||
.search-input input[type="button"]{position:absolute;top:0;right:0;width:106px;height:44px;text-align:center;line-height:38px;font-size:18px;} |
||||
.search-input input[type="button"][disabled]{color:#ccc;background:#f2f2f2;border:#aaa 1px solid;border-radius:1px;} |
||||
|
||||
/* ---------- search-results ---------- */ |
||||
.search-results{overflow-y:scroll;background:#eee;border-top:#eee 1px solid;border-bottom:#eee 1px solid;} |
||||
.search-result-message{display:none;padding-top:50px;text-align:center;color:#777;font-size:22px;line-height:35px;} |
||||
.search-list{list-style:none;padding:18px 16px 5px;} |
||||
.search-item{margin-bottom:14px;background:#fff;border:#e6e6e6 1px solid;} |
||||
.search-item:hover{border:#d9d9d9 1px solid;box-shadow:rgba(0,0,0,.1) 0 0 2px;} |
||||
.search-item a:hover{text-decoration:none;} |
||||
.search-item .content{padding:12px 14px 6px;} |
||||
.search-item .content strong{display:block;padding:2px 0 5px 0;font-size:16px;color:#333;line-height:23px;font-weight:normal;} |
||||
.search-item .content p{margin:0 0 6px;color:#666;font-size:14px;} |
||||
.search-item .content p.p1{margin:1px 0 7px;overflow:hidden;line-height:24px;white-space:nowrap;text-overflow:ellipsis;background:#f8f8f8;border-radius:2px;} |
||||
.search-item .content em{float:left;padding:0 5px;margin:1px 5px 0 1px;line-height:22px;font-style:normal;font-size:12px;color:#fff;background:#ccc;border-top-left-radius:2px;border-bottom-left-radius:2px;} |
||||
.search-item .content mark{color:red;background:none;} |
||||
.search-item .bottom{position:relative;padding:0 14px;line-height:30px;color:#999;border-top:#e6e6e6 1px solid;background:#fafafa;} |
||||
.search-item .bottom p{margin:0;padding-right:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} |
||||
.search-item .bottom .time{position:absolute;top:0;right:14px;} |
||||
.search-result-more{display:none;margin:0 16px 18px;color:#999;text-align:center;line-height:40px;font-size:16px;letter-spacing:1px;background:#fafafa;border:#e6e6e6 1px solid;cursor:pointer;} |
||||
.search-result-more:active{padding-top:1px;line-height:39px;} |
||||
|
||||
/* ---------- search response ---------- */ |
||||
@media screen and (max-width:950px){ |
||||
.search-box h2{clear:both;height:90px;padding-top:30px;} |
||||
.search-item .bottom p{padding-right:0;line-height:32px;} |
||||
.search-item .bottom .time{position:static;right:auto;padding-bottom:8px;line-height:16px;} |
||||
} |
||||
@media screen and (max-width:375px){ |
||||
.search-box h2{height:100px;padding-top:40px;} |
||||
.search-update .text{clear:both;padding-right:0;padding-top:10px;} |
||||
.search-update .text:after{display:none;content:'';} |
||||
.search-input{padding-right:90px;} |
||||
.search-input input[type="button"]{width:86px;} |
||||
} |
||||
@media screen and (max-width:720px){ |
||||
.search-box{height:auto;min-height:100%;} |
||||
} |
||||
@ -0,0 +1,71 @@ |
||||
/** |
||||
* GitHub Gist Theme |
||||
* Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro |
||||
*/ |
||||
|
||||
.hljs { |
||||
display: block; |
||||
background: white; |
||||
padding: 0.5em; |
||||
color: #333333; |
||||
overflow-x: auto; |
||||
} |
||||
|
||||
.hljs-comment, |
||||
.hljs-meta { |
||||
color: #969896; |
||||
} |
||||
|
||||
.hljs-string, |
||||
.hljs-variable, |
||||
.hljs-template-variable, |
||||
.hljs-strong, |
||||
.hljs-emphasis, |
||||
.hljs-quote { |
||||
color: #df5000; |
||||
} |
||||
|
||||
.hljs-keyword, |
||||
.hljs-selector-tag, |
||||
.hljs-type { |
||||
color: #a71d5d; |
||||
} |
||||
|
||||
.hljs-literal, |
||||
.hljs-symbol, |
||||
.hljs-bullet, |
||||
.hljs-attribute { |
||||
color: #0086b3; |
||||
} |
||||
|
||||
.hljs-section, |
||||
.hljs-name { |
||||
color: #63a35c; |
||||
} |
||||
|
||||
.hljs-tag { |
||||
color: #333333; |
||||
} |
||||
|
||||
.hljs-title, |
||||
.hljs-attr, |
||||
.hljs-selector-id, |
||||
.hljs-selector-class, |
||||
.hljs-selector-attr, |
||||
.hljs-selector-pseudo { |
||||
color: #795da3; |
||||
} |
||||
|
||||
.hljs-addition { |
||||
color: #55a532; |
||||
background-color: #eaffea; |
||||
} |
||||
|
||||
.hljs-deletion { |
||||
color: #bd2c00; |
||||
background-color: #ffecec; |
||||
} |
||||
|
||||
.hljs-link { |
||||
text-decoration: underline; |
||||
} |
||||
@ -0,0 +1,143 @@ |
||||
html{font-family:sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%} |
||||
body{margin:0} |
||||
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} |
||||
audio,canvas,progress,video{display:inline-block;vertical-align:baseline} |
||||
audio:not([controls]){display:none;height:0} |
||||
[hidden],template{display:none} |
||||
a{background-color:transparent} |
||||
a:active,a:hover{outline:0} |
||||
abbr[title]{border-bottom:1px dotted} |
||||
b,strong{font-weight:bold} |
||||
dfn{font-style:italic} |
||||
h1{font-size:2em;margin:0.67em 0} |
||||
mark{background:#ff0;color:#000} |
||||
small{font-size:80%} |
||||
sub,sup{line-height:0;position:relative;vertical-align:baseline} |
||||
sup{top:-0.5em} |
||||
sub{bottom:-0.25em} |
||||
img{border:0} |
||||
svg:not(:root){overflow:hidden} |
||||
figure{margin:1em 40px} |
||||
hr{box-sizing:content-box;height:0} |
||||
pre{overflow:auto} |
||||
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} |
||||
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} |
||||
button{overflow:visible} |
||||
button,select{text-transform:none} |
||||
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} |
||||
button[disabled],html input[disabled]{cursor:default} |
||||
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} |
||||
input{line-height:normal} |
||||
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} |
||||
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} |
||||
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box} |
||||
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} |
||||
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em} |
||||
legend{border:0;padding:0} |
||||
textarea{overflow:auto} |
||||
optgroup{font-weight:bold} |
||||
table{border-collapse:collapse;border-spacing:0} |
||||
td,th{padding:0} |
||||
*{box-sizing:border-box} |
||||
input,select,textarea,button{font:13px / 1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"} |
||||
body{font:13px / 1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#333;background-color:#fff} |
||||
a{color:#4078c0;text-decoration:none} |
||||
a:hover,a:active{text-decoration:underline} |
||||
hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd} |
||||
hr::before,.rule::before{display:table;content:""} |
||||
hr::after,.rule::after{display:table;clear:both;content:""} |
||||
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;line-height:1.5} |
||||
h1{font-size:30px} |
||||
h2{font-size:21px} |
||||
h3{font-size:16px} |
||||
h4{font-size:14px} |
||||
h5{font-size:12px} |
||||
h6{font-size:11px} |
||||
p{margin-top:0;margin-bottom:10px} |
||||
small{font-size:90%} |
||||
blockquote{margin:0} |
||||
.lead{margin-bottom:30px;font-size:20px;font-weight:300;color:#555} |
||||
.text-emphasized{font-weight:bold;color:#333} |
||||
ul,ol{padding-left:0;margin-top:0;margin-bottom:0} |
||||
ol ol,ul ol{list-style-type:lower-roman} |
||||
ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha} |
||||
dd{margin-left:0} |
||||
tt,code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px} |
||||
pre{margin-top:0;margin-bottom:0;font:12px Consolas,"Liberation Mono",Menlo,Courier,monospace} |
||||
.markdown-body{font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.6;word-wrap:break-word} |
||||
.markdown-body:before{display:table;content:""} |
||||
.markdown-body:after{display:table;clear:both;content:""} |
||||
.markdown-body>*:first-child{margin-top:0 !important} |
||||
.markdown-body>*:last-child{margin-bottom:0 !important} |
||||
.markdown-body a:not([href]){color:inherit;text-decoration:none} |
||||
.markdown-body .absent{color:#c00} |
||||
.markdown-body .anchor{display:inline-block;padding-right:2px;margin-left:-18px} |
||||
.markdown-body .anchor:focus{outline:none} |
||||
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1em;margin-bottom:16px;font-weight:bold;line-height:1.4} |
||||
.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#000;vertical-align:middle;visibility:hidden} |
||||
.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none} |
||||
.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible} |
||||
.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit} |
||||
.markdown-body h1{padding-bottom:0.3em;font-size:2.25em;line-height:1.2;border-bottom:1px solid #eee} |
||||
.markdown-body h1 .anchor{line-height:1} |
||||
.markdown-body h2{padding-bottom:0.3em;font-size:1.75em;line-height:1.225;border-bottom:1px solid #eee} |
||||
.markdown-body h2 .anchor{line-height:1} |
||||
.markdown-body h3{font-size:1.5em;line-height:1.43} |
||||
.markdown-body h3 .anchor{line-height:1.2} |
||||
.markdown-body h4{font-size:1.25em} |
||||
.markdown-body h4 .anchor{line-height:1.2} |
||||
.markdown-body h5{font-size:1em} |
||||
.markdown-body h5 .anchor{line-height:1.1} |
||||
.markdown-body h6{font-size:1em;color:#777} |
||||
.markdown-body h6 .anchor{line-height:1.1} |
||||
.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px} |
||||
.markdown-body hr{height:4px;padding:0;margin:16px 0;background-color:#e7e7e7;border:0 none} |
||||
.markdown-body ul,.markdown-body ol{padding-left:2em} |
||||
.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none} |
||||
.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0} |
||||
.markdown-body li>p{margin-top:16px} |
||||
.markdown-body dl{padding:0} |
||||
.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:bold} |
||||
.markdown-body dl dd{padding:0 16px;margin-bottom:16px} |
||||
.markdown-body blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd} |
||||
.markdown-body blockquote>:first-child{margin-top:0} |
||||
.markdown-body blockquote>:last-child{margin-bottom:0} |
||||
.markdown-body table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all} |
||||
.markdown-body table th{font-weight:bold} |
||||
.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #ddd} |
||||
.markdown-body table tr{background-color:#fff;border-top:1px solid #ccc} |
||||
.markdown-body table tr:nth-child(2n){background-color:#f8f8f8} |
||||
.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff} |
||||
.markdown-body img[align=right]{padding-left:20px} |
||||
.markdown-body img[align=left]{padding-right:20px} |
||||
.markdown-body .emoji{max-width:none;background-color:transparent} |
||||
.markdown-body span.frame{display:block;overflow:hidden} |
||||
.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #ddd} |
||||
.markdown-body span.frame span img{display:block;float:left} |
||||
.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#333} |
||||
.markdown-body span.align-center{display:block;overflow:hidden;clear:both} |
||||
.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center} |
||||
.markdown-body span.align-center span img{margin:0 auto;text-align:center} |
||||
.markdown-body span.align-right{display:block;overflow:hidden;clear:both} |
||||
.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right} |
||||
.markdown-body span.align-right span img{margin:0;text-align:right} |
||||
.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden} |
||||
.markdown-body span.float-left span{margin:13px 0 0} |
||||
.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden} |
||||
.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right} |
||||
.markdown-body code,.markdown-body tt{padding:0;padding-top:0.2em;padding-bottom:0.2em;margin:0;font-size:85%;background-color:rgba(0,0,0,0.04);border-radius:3px} |
||||
.markdown-body code:before,.markdown-body code:after,.markdown-body tt:before,.markdown-body tt:after{letter-spacing:-0.2em;content:"\00a0"} |
||||
.markdown-body code br,.markdown-body tt br{display:none} |
||||
.markdown-body del code{text-decoration:inherit} |
||||
.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0} |
||||
.markdown-body .highlight{margin-bottom:16px} |
||||
.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px} |
||||
.markdown-body .highlight pre{margin-bottom:0;word-break:normal} |
||||
.markdown-body pre{word-wrap:normal} |
||||
.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0} |
||||
.markdown-body pre code:before,.markdown-body pre code:after,.markdown-body pre tt:before,.markdown-body pre tt:after{content:normal} |
||||
.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb} |
||||
.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap} |
||||
.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0} |
||||
.markdown-body .csv-data tr{border-top:0} |
||||
.markdown-body .csv-data th{font-weight:bold;background:#f8f8f8;border-top:0} |
||||
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 958 B |
@ -0,0 +1,536 @@ |
||||
/** |
||||
* amWiki Web端 - 文档加载与渲染模块 |
||||
* @author Tevin |
||||
*/ |
||||
|
||||
; |
||||
(function (win, doc, $) { |
||||
|
||||
'use strict'; |
||||
|
||||
var hljs = win.hljs; |
||||
var marked = win.marked; |
||||
var URL_ENCODE_NAME = 'AMWikiUrlEncode'; //记录url编码的键名
|
||||
|
||||
/** |
||||
* 文档管理 |
||||
* @constructor |
||||
*/ |
||||
var Docs = function () { |
||||
this.$e = { |
||||
win: $(win), |
||||
//markdown 文档内容容器
|
||||
view: $('#view'), |
||||
//网页 title 标签
|
||||
title: $('title'), |
||||
//目录悬浮窗标题
|
||||
contentsTitle: $('#contentsTitle') |
||||
}; |
||||
this.data = { |
||||
//记录页面宽度
|
||||
pageWidth: 0 |
||||
}; |
||||
this._initUrlEncode(); |
||||
this._initHashEvent(); |
||||
}; |
||||
|
||||
/** |
||||
* 初始化url编码类型标记 |
||||
* @private |
||||
*/ |
||||
Docs.prototype._initUrlEncode = function () { |
||||
/* |
||||
* 由于win与linux采用不同编码保存中文文件名 |
||||
* 记录浏览器打开当前域名的wiki时服务器中文文件名的编码类型 |
||||
*/ |
||||
if (!localStorage[URL_ENCODE_NAME]) { |
||||
localStorage[URL_ENCODE_NAME] = 'utf8'; |
||||
} else if (localStorage[URL_ENCODE_NAME] != 'utf8' && localStorage[URL_ENCODE_NAME] != 'gbk') { |
||||
localStorage[URL_ENCODE_NAME] = 'utf8'; |
||||
} |
||||
//旧版本记录移除
|
||||
delete localStorage.urlEcode |
||||
}; |
||||
|
||||
/** |
||||
* 修正移动端hash变化时滚动位置 |
||||
* @private |
||||
*/ |
||||
Docs.prototype._initHashEvent = function () { |
||||
var that = this; |
||||
this.data.pageWidth = this.$e.win.width(); |
||||
this.$e.win.on('resize', function () { |
||||
that.data.pageWidth = that.$e.win.width(); |
||||
}); |
||||
this.$e.win.on('hashchange', function (e) { |
||||
var hash = location.hash.split('#')[1]; |
||||
if (that.data.pageWidth <= 720) { |
||||
that.$e.view.find('h1,h2,h3').each(function (index, element) { |
||||
var $title = $(element); |
||||
var text = $title.text().replace(/\s+/g, ''); |
||||
if (hash == text) { |
||||
that.$e.win.scrollTop($title.offset().top - 55); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 转换链接文本 |
||||
* @param {String} str |
||||
* @returns {String} |
||||
* @private |
||||
*/ |
||||
Docs.prototype._tramsformLinkText = function (str) { |
||||
return str |
||||
.replace(/^\s+|\s+$/g, '') //去除首尾空格
|
||||
.replace(/'/g, ''') //转义单引号
|
||||
.replace(/"/g, '"') //转义双引号，由于双引号无法正确传递给html属性，当作为hash时将删除处理
|
||||
.replace(/\(/g, '(') //转义左圆括号
|
||||
.replace(/\)/g, ')') //转义右圆括号
|
||||
.replace(/\[/g, '[') //转义左中括号
|
||||
.replace(/\]/g, ']'); //转义右中括号
|
||||
}; |
||||
|
||||
/** |
||||
* 设置文档h1、h2、h3描记 |
||||
* @returns {string} |
||||
* @private |
||||
*/ |
||||
Docs.prototype._setTitlesAnchor = function () { |
||||
var that = this; |
||||
var $titles = null; |
||||
var hash = ''; |
||||
var contentsMd = ''; //提取目录为markdown字符串
|
||||
if (location.hash && location.hash.length > 1) { |
||||
hash = location.hash.split('#')[1]; |
||||
} |
||||
var anchorHtml = '<a class="anchor" href="#{title}" name="{title}">' + |
||||
'<svg><use xlink:href="#icon:linkAnchor"></use></svg></a>'; |
||||
$titles = that.$e.view.find('h1,h2,h3'); |
||||
$titles.each(function (index, element) { |
||||
var $this = $(element); |
||||
var text1 = that._tramsformLinkText($this.text()); |
||||
var text2 = text1.replace(/"/g, ''); //删除双引号
|
||||
//提取目录
|
||||
if ($this.is('h2')) { |
||||
contentsMd += '1. [' + text1 + '](#' + text2 + ' "' + text2 + '")\n'; |
||||
} else if ($this.is('h3')) { |
||||
contentsMd += '\t1. [' + text1 + '](#' + text2 + ' "' + text2 + '")\n'; |
||||
} |
||||
//设置描记
|
||||
$this.prepend(anchorHtml.replace(/{title}/g, text2)); |
||||
//首次打开页面滚动位置修正
|
||||
if (hash == $this.text().replace(/"/g, '')) { |
||||
if (that.data.pageWidth <= 720) { |
||||
that.$e.win.scrollTop($this.offset().top - 55); |
||||
} else { |
||||
that.$e.win.scrollTop($this.offset().top); |
||||
} |
||||
} |
||||
}); |
||||
if (contentsMd.indexOf('\t') == 0) { |
||||
contentsMd = '1. 　\n' + contentsMd; |
||||
} |
||||
return contentsMd; |
||||
}; |
||||
|
||||
/** |
||||
* 创建脚注 |
||||
* @param {String} text |
||||
* @returns {String} |
||||
* @private |
||||
*/ |
||||
Docs.prototype._setFootnote = function (text) { |
||||
var footnotes = []; |
||||
var noteReg = /\[\^([ a-zA-Z\d]+)]/g; |
||||
var footReg = /\[\^([ a-zA-Z\d]+)]: ?([\S\s]+?)(?=\[\^(?:[ a-zA-Z\d]+)]|\n\n|$)/g; |
||||
var templates = $.trim($('#template\\:footnote').text()).split(/[\r\n]+\s*/g); |
||||
templates[4] += templates[5] + templates[6] + templates[7] + templates[8]; |
||||
var html = ''; |
||||
//提取脚注内容
|
||||
text = text.replace(footReg, function (match, s1, s2, index) { |
||||
var title = ''; |
||||
s2 = s2.replace(/"(.*?)"\s*$/, function (m, ss1) { |
||||
title = ss1; |
||||
return ''; |
||||
}); |
||||
footnotes.push({ |
||||
index: index, |
||||
note: s1, |
||||
content: s2, |
||||
title: title, |
||||
used: false |
||||
}); |
||||
//从页面上删除底部脚注内容
|
||||
return ''; |
||||
}); |
||||
//将脚注的标记转为序号
|
||||
text = text.replace(noteReg, function (match, s1) { |
||||
for (var i = 0, foot; foot = footnotes[i]; i++) { |
||||
if (foot.note == s1) { |
||||
foot.used = true; |
||||
return templates[0].replace(/{{index}}/g, i + 1 + '').replace('{{title}}', foot.title); |
||||
} |
||||
} |
||||
//当脚注的正文不存在，视标记文本为正文
|
||||
var length = footnotes.push({ |
||||
index: 0, |
||||
note: s1, |
||||
content: s1, |
||||
used: true |
||||
}); |
||||
return templates[0].replace(/{{index}}/g, length + ''); |
||||
}); |
||||
//生成底部脚注html
|
||||
if (footnotes.length >= 1) { |
||||
for (var i = 0, foot; foot = footnotes[i]; i++) { |
||||
if (foot.used) { |
||||
html += templates[2] |
||||
.replace('{{index}}', i + 1) |
||||
.replace('{{content}}', foot.content) |
||||
.replace('{{back}}', templates[4].replace('{{index}}', i + 1)); |
||||
} else { |
||||
html += templates[3].replace('{{content}}', foot.content); |
||||
} |
||||
} |
||||
html = templates[1].replace('{{list}}', html); |
||||
} |
||||
return text + '\n<br>' + html; |
||||
}; |
||||
|
||||
/** |
||||
* 设置js代码块注释显示隐藏 |
||||
* @param {Object} $elm |
||||
* @private |
||||
*/ |
||||
Docs.prototype._setJSCommentDisable = function ($elm) { |
||||
var $disBtn = $('<div class="lang-off-js-comment">注<i>/</i></div>'); |
||||
$disBtn.on('click', function () { |
||||
var $this = $(this); |
||||
if ($this.hasClass('on')) { |
||||
$this.removeClass('on'); |
||||
$elm.find('.hljs-comment').show(); |
||||
} else { |
||||
$this.addClass('on'); |
||||
$elm.find('.hljs-comment').hide(); |
||||
} |
||||
}); |
||||
$elm.prepend($disBtn); |
||||
}; |
||||
|
||||
/** |
||||
* 解析流程图 |
||||
* @param {Object} $elm |
||||
* @private |
||||
*/ |
||||
Docs.prototype._createFlowChart = function ($elm) { |
||||
var code = $elm.text(); |
||||
$elm.text(''); |
||||
var id = 'flowChart' + parseInt(Math.random() * 500); |
||||
$elm.attr('id', id); |
||||
var chart = flowchart.parse(code); |
||||
chart.drawSVG(id, { |
||||
'line-width': 1.3, |
||||
'line-length': 56, |
||||
'line-color': '#666', |
||||
'text-margin': 10, |
||||
'font-size': 12, |
||||
'font': 'normal', |
||||
'font-family': 'Helvetica', |
||||
'font-weight': 'normal', |
||||
'font-color': 'black', |
||||
'element-color': '#888', |
||||
'fill': '#fff', |
||||
'yes-text': '是', |
||||
'no-text': '否', |
||||
'arrow-end': 'block-wide-long', |
||||
'symbols': {}, |
||||
'flowstate': {} |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 解析 Markdown 目录 |
||||
* @param {String} html |
||||
* @returns {String} |
||||
* @private |
||||
*/ |
||||
Docs.prototype._setTOC = function (html) { |
||||
return html.replace(/\[(TOC|MENU)]/g, '<blockquote class="markdown-contents"></blockquote>'); |
||||
}; |
||||
|
||||
/** |
||||
* 解析 Markdown 自定义图片大小与对齐方式 |
||||
* @param {String} html |
||||
* @returns {String} |
||||
* @private |
||||
*/ |
||||
Docs.prototype._setImgResize = function (html) { |
||||
return html.replace(/<img(.*?)src="(.*?)=(\d*[-x×]\d*)(-[lrc])?"/g, function (m, s1, s2, s3, s4) { |
||||
var imgHtml = '<img' + s1 + 'src="' + s2 + '"'; |
||||
var imgSize = s3.split(/[-x×]/); |
||||
var align = ({'-l': 'left', '-r': 'right', '-c': 'center'})[s4]; |
||||
if (imgSize[0]) { |
||||
imgHtml += ' width="' + imgSize[0] + '"'; |
||||
} |
||||
if (imgSize[1]) { |
||||
imgHtml += ' height="' + imgSize[1] + '"'; |
||||
} |
||||
if (align) { |
||||
imgHtml += ' align="' + align + '"'; |
||||
} |
||||
return imgHtml; |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 解析 markdown 复选框 |
||||
* @param {String} html |
||||
* @returns {String} |
||||
* @private |
||||
*/ |
||||
Docs.prototype._setCheckbox = function (html) { |
||||
return html.replace(/\[([√×Xx\s\-_])\]\s(.*?)([<\n\r])/g, function (m, s1, s2, s3, index) { |
||||
var checkboxHtml = '<input type="checkbox" id="checkbox' + index + '"'; |
||||
checkboxHtml += /\s/.test(s1) ? '>' : 'checked="true">'; |
||||
checkboxHtml += '<label for="checkbox' + index + '">' + s2 + '</label>'; |
||||
return checkboxHtml + s3; |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 解析 markdown 文字飘红 |
||||
* @param {String} html |
||||
* @returns {String} |
||||
* @private |
||||
*/ |
||||
Docs.prototype._setRedText = function (html) { |
||||
return html.replace(/==(.*?)==/g, function (m, s1) { |
||||
return '<mark>' + s1 + '</mark>'; |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 创建目录 |
||||
* @param {String} contents - markdown 目录 |
||||
* @private |
||||
*/ |
||||
Docs.prototype._createContents = function (contents) { |
||||
var $contents = $('.markdown-contents').html(marked(contents)); |
||||
$('blockquote').each(function () { |
||||
var $this = $(this); |
||||
var $links = $this.find('ol>li>a'); |
||||
//至少2条链接才视为目录
|
||||
if ($links.length > 1) { |
||||
$this.addClass('markdown-contents'); |
||||
$contents = $contents.add($this); |
||||
} |
||||
}); |
||||
//自带序号的目录，不再额外显示一层序号
|
||||
$contents.find('ol').each(function () { |
||||
var $this = $(this); |
||||
var $links = $this.children('li').children('a'); |
||||
var text1 = $links.eq(0).text(), |
||||
text2 = $links.eq(1).text(); |
||||
var conditions = [ |
||||
//普通数字类型
|
||||
/^[\(（]?(\d+\.?)+[^\d]{2,}/, |
||||
//汉字序号类型
|
||||
/^[\(（【第]?[一二三四五六七八九十百千万壹贰叁肆伍陆柒捌玖拾佰仟]+/, |
||||
//英文序号类型
|
||||
/^(chapter)|(section)|(part)|(step)/i, |
||||
//罗马序号类型
|
||||
/^[ⅠⅡⅢⅣIⅤⅥⅦⅧⅨⅩⅪⅫLCDM]+\.?/ |
||||
]; |
||||
for (var i = 0, cond; cond = conditions[i]; i++) { |
||||
if (cond.test(text1) && cond.test(text2)) { |
||||
$this.addClass('unindex'); |
||||
break; |
||||
} |
||||
} |
||||
}); |
||||
//没写序号的目录，创建序号
|
||||
var setIndex = function ($elm, index1) { |
||||
if ($elm.length == 0) { |
||||
return; |
||||
} |
||||
$elm.children('li').each(function (index2) { |
||||
var $this = $(this); |
||||
if (!$elm.hasClass('unindex')) { |
||||
var index = typeof index1 == 'number' ? (index1 + 1) + '.' + (index2 + 1): (index2 + 1) + '.'; |
||||
$this.prepend('<i>' + index + '</i>'); |
||||
} |
||||
setIndex($this.children('ol'), index2); |
||||
}); |
||||
}; |
||||
$contents.children('ol').each(function () { |
||||
setIndex($(this)); |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 编码 url |
||||
* 由于服务器可能存在 GBK 或 UTF-8 两种编码，中文路径编码不对需要切换才能访问 |
||||
* @param {String} path |
||||
* @param {String} type - 是否需要编码类型反转， GBK、UTF-8切换 |
||||
* @returns {String} |
||||
* @private |
||||
*/ |
||||
Docs.prototype._encodeUrl = function (path, type) { |
||||
var url = 'library/'; |
||||
if (typeof AWConfig.libraryPrefix == 'string' && AWConfig.libraryPrefix.length > 0) { |
||||
url = AWConfig.libraryPrefix.replace(/\\/g, '/').replace(/\/?&/, '/'); |
||||
} |
||||
var paths = []; |
||||
//正常编码
|
||||
if (type == 'normal') { |
||||
if (localStorage[URL_ENCODE_NAME] == 'utf8') { |
||||
url += encodeURI(path); |
||||
} else if (localStorage[URL_ENCODE_NAME] == 'gbk') { |
||||
paths = path.split('/').map(function (path) { |
||||
return GBK.encode(path); |
||||
}); |
||||
url += paths.join('/'); |
||||
} |
||||
} |
||||
//反转编码
|
||||
else if (type == 'reverse') { |
||||
if (localStorage[URL_ENCODE_NAME] == 'utf8') { |
||||
paths = path.split('/').map(function (path) { |
||||
return GBK.encode(path); |
||||
}); |
||||
url += paths.join('/'); |
||||
} else if (localStorage[URL_ENCODE_NAME] == 'gbk') { |
||||
url += encodeURI(path); |
||||
} |
||||
} |
||||
url += '.md?t=' + (new Date()).getTime(); |
||||
return url; |
||||
}; |
||||
|
||||
/** |
||||
* 渲染文档 |
||||
* @param {String} content - 需要渲染的文档内容 |
||||
* @public |
||||
*/ |
||||
Docs.prototype.renderDoc = function (content) { |
||||
var that = this; |
||||
var html = ''; |
||||
this.cleanView(); |
||||
//创建脚注
|
||||
content = this._setFootnote(content); |
||||
//编译 markdown
|
||||
html = marked(content); |
||||
//创建目录标记，和悬浮窗格式统一
|
||||
html = this._setTOC(html); |
||||
//自定义图片大小与对齐方式
|
||||
html = this._setImgResize(html); |
||||
//复选框
|
||||
html = this._setCheckbox(html); |
||||
//文字飘红
|
||||
html = this._setRedText(html); |
||||
//填充到页面
|
||||
this.$e.view.html(html); |
||||
//功能化代码块
|
||||
this.$e.view.find('pre code').each(function (i, element) { |
||||
var $elm = $(element); |
||||
var className = $elm.attr('class') || ''; |
||||
//创建流程图
|
||||
if (className.indexOf('lang-flow') >= 0) { |
||||
that._createFlowChart($elm); |
||||
} |
||||
//创建语法高亮
|
||||
else if (className.indexOf('lang') >= 0) { |
||||
hljs.highlightBlock(element); |
||||
} |
||||
//创建js注释开关
|
||||
className = $elm.attr('class') || ''; |
||||
if (className.indexOf('javascript') >= 0) { |
||||
that._setJSCommentDisable($elm); |
||||
} |
||||
}); |
||||
//设置网页title
|
||||
var title = this.$e.view.find('h1').eq(0).text(); |
||||
this.$e.title.text(title); |
||||
this.$e.contentsTitle.text(title).attr('href', '#' + title.replace(/"/g, '')); |
||||
//创建描点
|
||||
var contents = this._setTitlesAnchor(); |
||||
//创建目录
|
||||
this._createContents(contents); |
||||
}; |
||||
|
||||
/** |
||||
* 读取文档 |
||||
* @param {String} url |
||||
* @param {Function} callback |
||||
* @public |
||||
*/ |
||||
Docs.prototype.getDoc = function (url, callback) { |
||||
var that = this; |
||||
var ajaxData = { |
||||
type: 'get', |
||||
url: url, |
||||
dataType: 'text' |
||||
}; |
||||
$.ajax(ajaxData) |
||||
.done(function (data) { |
||||
//如果请求响应包含html，视为报错
|
||||
if (/^\s*<!(DOCTYPE|doctype)/.test(data)) { |
||||
return callback('fail'); |
||||
} |
||||
//成功回调
|
||||
callback('done', data); |
||||
}) |
||||
//请求失败
|
||||
.fail(function () { |
||||
callback('fail'); |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 加载指定页面 |
||||
* @param {String} path - 页面资源地址 |
||||
* @param {Function} callback - 加载完成后的回调，包含参数： |
||||
* type - 加载页面最终状态，success、error 两种 |
||||
* content - 加载页面成功时，传递加载的内容 |
||||
* @public |
||||
*/ |
||||
Docs.prototype.loadPage = function (path, callback) { |
||||
//console.log(path);
|
||||
var that = this; |
||||
var url = this._encodeUrl(path, 'normal'); |
||||
this.getDoc(url, function (type, data) { |
||||
if (type == 'fail') { |
||||
//如果第一失败，转换url编码类型后发送第二次请求
|
||||
var url = that._encodeUrl(path, 'reverse'); |
||||
that.getDoc(url, function (type) { |
||||
//第二次仍然失败，视为打开文档失败
|
||||
if (type == 'fail') { |
||||
callback && callback('error'); |
||||
} |
||||
//如果第二次才成功，转换保存的编码类型标记
|
||||
else if (type == 'done') { |
||||
localStorage[URL_ENCODE_NAME] = localStorage[URL_ENCODE_NAME] == 'utf8' ? 'gbk' : 'utf8'; |
||||
callback && callback('success', data); |
||||
} |
||||
}); |
||||
} else if (type == 'done') { |
||||
callback && callback('success', data); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 清理页面 |
||||
* @public |
||||
*/ |
||||
Docs.prototype.cleanView = function () { |
||||
this.$e.view.find('.lang-off-js-comment').off('click'); |
||||
this.$e.view.html(''); |
||||
}; |
||||
|
||||
return win.AWDocs = Docs; |
||||
|
||||
})(window, document, jQuery); |
||||
@ -0,0 +1,155 @@ |
||||
/** |
||||
* amWiki Web端 - 图片查看模块 |
||||
* @author Tevin |
||||
*/ |
||||
|
||||
;(function (win, $) { |
||||
|
||||
'use strict'; |
||||
|
||||
/** |
||||
* 图片查看器 |
||||
* @param {Element} _this |
||||
* @constructor |
||||
*/ |
||||
var ImgsView = function (_this) { |
||||
this.$e = { |
||||
container: $(_this), //文档主容器
|
||||
imgList: null, //页面图片列表
|
||||
imgsView: $('#imgsView'), //图片弹窗层
|
||||
imgsViewInner: null, //图片容器
|
||||
btnPrev: null, |
||||
btnNext: null |
||||
}; |
||||
this._data = { |
||||
winW: 0, |
||||
winH: 0, |
||||
curIndex: -1 |
||||
}; |
||||
this._init(); |
||||
}; |
||||
|
||||
/** |
||||
* 初始化 |
||||
* @private |
||||
*/ |
||||
ImgsView.prototype._init = function () { |
||||
var that = this; |
||||
this.$e.imgsViewInner = this.$e.imgsView.find('#imgsViewInner'); |
||||
this.$e.btnPrev = this.$e.imgsView.find('.prev'); |
||||
this.$e.btnNext = this.$e.imgsView.find('.next'); |
||||
this._data.winW = $(win).width(); |
||||
this._data.winH = $(win).height(); |
||||
this.$e.container.on('click', function (e) { |
||||
if (e.target.tagName.toLowerCase() == 'img') { |
||||
//抓取图片列表
|
||||
that.$e.imgList = that.$e.container.find('img'); |
||||
that._data.curIndex = that.$e.imgList.index(e.target); |
||||
that.open(); |
||||
} |
||||
}); |
||||
this.$e.imgsView.children('.imgsv-background').on('click', function () { |
||||
that.close(); |
||||
}); |
||||
this.$e.imgsView.find('.original').on('click', function () { |
||||
that.resizeAs('org'); |
||||
}); |
||||
this.$e.imgsView.find('.suit').on('click', function () { |
||||
that.resizeAs('suit'); |
||||
}); |
||||
this.$e.imgsView.find('.prev').on('click', function () { |
||||
var $this = $(this); |
||||
if (!$this.hasClass('off')) { |
||||
that.playTo(that._data.curIndex - 1); |
||||
} |
||||
}); |
||||
this.$e.imgsView.find('.next').on('click', function () { |
||||
var $this = $(this); |
||||
if (!$this.hasClass('off')) { |
||||
that.playTo(that._data.curIndex + 1); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 显示图片浏览弹层 |
||||
* @public |
||||
*/ |
||||
ImgsView.prototype.open = function () { |
||||
var that = this; |
||||
this.playTo(this._data.curIndex); |
||||
this.$e.imgsView.fadeIn(80); |
||||
setTimeout(function () { |
||||
that.$e.imgsView.addClass('on'); |
||||
}, 50); |
||||
}; |
||||
|
||||
/** |
||||
* 关闭图片浏览弹层 |
||||
* @public |
||||
*/ |
||||
ImgsView.prototype.close = function () { |
||||
var that = this; |
||||
this.$e.imgsView.removeClass('on'); |
||||
setTimeout(function () { |
||||
that.$e.imgsView.fadeOut(50); |
||||
}, 200); |
||||
that.$e.imgList = null; |
||||
that._data.curIndex = -1; |
||||
}; |
||||
|
||||
/** |
||||
* 切换图片 |
||||
* @param {Number} index |
||||
* @public |
||||
*/ |
||||
ImgsView.prototype.playTo = function (index) { |
||||
if (index == 0) { |
||||
this.$e.btnPrev.addClass('off'); |
||||
} else { |
||||
this.$e.btnPrev.removeClass('off'); |
||||
} |
||||
if (index == this.$e.imgList.length - 1) { |
||||
this.$e.btnNext.addClass('off'); |
||||
} else { |
||||
this.$e.btnNext.removeClass('off'); |
||||
} |
||||
this.$e.imgCur = this.$e.imgList.eq(index).clone().removeAttr('align'); |
||||
this.resizeAs('suit'); |
||||
this.$e.imgsViewInner.html(this.$e.imgCur); |
||||
this._data.curIndex = index; |
||||
}; |
||||
|
||||
/** |
||||
* 设置图片尺寸 |
||||
* @param {String} type - 尺寸模式：suit 适合 ／ org 原大小 |
||||
* @public |
||||
*/ |
||||
ImgsView.prototype.resizeAs = function (type) { |
||||
if (type == 'suit') { |
||||
this.$e.imgCur.removeAttr('width').removeAttr('height'); |
||||
if (this.$e.imgCur[0].naturalWidth > this._data.winW - 60) { |
||||
this.$e.imgCur.css('max-width', this._data.winW - 60); |
||||
} |
||||
if (this.$e.imgCur[0].naturalHeight > this._data.winH - 60) { |
||||
this.$e.imgCur.css('max-height', this._data.winH - 60); |
||||
} |
||||
} else if (type == 'org') { |
||||
this.$e.imgCur.removeAttr('style'); |
||||
this.$e.imgCur.attr({ |
||||
'width': this.$e.imgCur[0].naturalWidth, |
||||
'height': this.$e.imgCur[0].naturalHeight |
||||
}); |
||||
} |
||||
}; |
||||
|
||||
//注册到 jQuery
|
||||
$.extend($.fn, { |
||||
imgsView: function () { |
||||
return this.each(function () { |
||||
return new ImgsView(this); |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
})(window, jQuery); |
||||
@ -0,0 +1,679 @@ |
||||
/** |
||||
* amWiki Web端 - 入口模块 |
||||
* @author Tevin |
||||
* @see {@link https://github.com/TevinLi/amWiki}
|
||||
* @license MIT - Released under the MIT license. |
||||
*/ |
||||
|
||||
$(function () { |
||||
|
||||
'use strict'; |
||||
|
||||
/* |
||||
引入 |
||||
*/ |
||||
|
||||
//工具集
|
||||
var tools = window.tools; |
||||
//文档管理器
|
||||
var docs = new AWDocs(); |
||||
//本地存储
|
||||
var storage = new AWStorage(); |
||||
//全文库搜索
|
||||
var search = new AWSearch(storage); |
||||
//启用接口ajax测试
|
||||
if (window.AWTesting) { |
||||
var testing = new AWTesting(); |
||||
} |
||||
//是否支持history.state的API (IE9不支持)
|
||||
var HISTORY_STATE = 'pushState' in history; |
||||
|
||||
/* |
||||
页面基本 |
||||
*/ |
||||
|
||||
//页面元素
|
||||
var $win = $(window), |
||||
$body = $('body'), |
||||
$menuIcon = $('#menuIcon'), //顶部折叠显示导航按钮
|
||||
$container = $('#container'), //页面主容器
|
||||
$nav = $('#nav'), //左侧导航
|
||||
$menuBar = $('#menuBar'), //左侧导航内容
|
||||
$filter = $('#menuFilter'), |
||||
$filterClean = $filter.next('i'), |
||||
$main = $('#main'), |
||||
$mainInner = $main.children('.main-inner'), |
||||
$mainSibling = $('#mainSibling'), //其他文章
|
||||
$contents = $('#contents'); //目录
|
||||
|
||||
//是否为移动端
|
||||
var isMobi = window.isMobi = (function () { |
||||
var winW = $win.width(); |
||||
var threshold = 720; |
||||
var onResize = function () { |
||||
winW = $win.width(); |
||||
if (winW <= threshold) { |
||||
$container.removeAttr('style'); |
||||
} else { |
||||
$container.height($win.height() - 70 - 15 - 20 * 2); |
||||
} |
||||
}; |
||||
onResize(); |
||||
$win.on('resize', onResize); |
||||
return function () { |
||||
return winW <= threshold; |
||||
}; |
||||
})(); |
||||
|
||||
//页面基本显示与操作
|
||||
(function () { |
||||
//菜单折叠
|
||||
$menuBar.on('click', 'h4', function () { |
||||
var $this = $(this); |
||||
if (!$this.hasClass('on')) { |
||||
$this.addClass('on'); |
||||
$menuBar.find('a').removeClass('on'); |
||||
} |
||||
$menuBar.find('h5').removeClass('on').next('ul').hide(); |
||||
}); |
||||
$menuBar.on('click', 'h5', function () { |
||||
var $this = $(this), |
||||
$next = $this.next('ul'); |
||||
if ($this.hasClass('on')) { |
||||
$this.removeClass('on'); |
||||
$next.slideUp(200, function () { |
||||
$menuBar.trigger('scrollbar'); |
||||
}); |
||||
} else { |
||||
$this.addClass('on'); |
||||
$next.slideDown(200, function () { |
||||
$menuBar.trigger('scrollbar'); |
||||
}); |
||||
} |
||||
}); |
||||
$menuBar.on('click', 'strong', function () { |
||||
var $this = $(this), |
||||
$next = $this.next('ul'); |
||||
if ($this.hasClass('on')) { |
||||
$this.removeClass('on'); |
||||
$next.slideUp(200, function () { |
||||
$menuBar.trigger('scrollbar'); |
||||
}); |
||||
} else { |
||||
$this.addClass('on'); |
||||
$next.slideDown(200, function () { |
||||
$menuBar.trigger('scrollbar'); |
||||
}); |
||||
} |
||||
}); |
||||
//响应式菜单
|
||||
$menuIcon.on('click', function () { |
||||
var $this = $(this); |
||||
if ($this.hasClass('close')) { |
||||
$this.removeClass('close') |
||||
.find('use').attr('xlink:href', '#icon:navStart'); |
||||
$nav.removeClass('on'); |
||||
} else { |
||||
$this.addClass('close') |
||||
.find('use').attr('xlink:href', '#icon:navClose'); |
||||
$nav.addClass('on'); |
||||
} |
||||
}); |
||||
$nav.on('navchange searchon searchoff', function (e) { |
||||
$menuIcon.removeClass('close') |
||||
.find('use').attr('xlink:href', '#icon:navStart'); |
||||
$nav.removeClass('on'); |
||||
}); |
||||
//筛选操作
|
||||
$filter.on('input propertychange input2', function () { |
||||
var value = $filter.val().replace(/([\(\)\[\]\^\$\+])/g, '\\$1'); |
||||
var valReg = new RegExp('(' + $.trim($filter.val()).split(/[ ,]/).join('|') + ')', 'ig'); |
||||
if (value != '' && !/^\s$/g.test(value)) { |
||||
$filterClean.removeClass('off'); |
||||
$menuBar.find('h5').each(function () { |
||||
filterNav('filter', valReg, $(this)); |
||||
}); |
||||
storage.setStates('navFilterKey', value); |
||||
} else { |
||||
$filterClean.addClass('off'); |
||||
$menuBar.find('h5').each(function () { |
||||
filterNav('open', null, $(this)); |
||||
}); |
||||
storage.setStates('navFilterKey'); |
||||
} |
||||
$menuBar.trigger('scrollbar'); |
||||
}); |
||||
//清空筛选
|
||||
$filterClean.on('click', function () { |
||||
$filter.val('').trigger('input2'); |
||||
}); |
||||
//显示svg图标
|
||||
if (sessionStorage['AMWikiIconsSvg']) { |
||||
$('#svgSymbols').append(sessionStorage['AMWikiIconsSvg']); |
||||
} else { |
||||
$.get('amWiki/images/icons.svg', function (svg) { |
||||
sessionStorage['AMWikiIconsSvg'] = svg; |
||||
$('#svgSymbols').append(svg); |
||||
}, 'text').fail(function () { |
||||
if (typeof AWPageMounts != 'undefined') { |
||||
sessionStorage['AMWikiIconsSvg'] = AWPageMounts['icon'].content; |
||||
$('#svgSymbols').append(AWPageMounts['icon'].content); |
||||
} |
||||
}); |
||||
} |
||||
//目录悬浮窗展开折叠
|
||||
$contents.children('.btn').on('click', function (e) { |
||||
$contents.toggleClass('on').removeClass('hover'); |
||||
}); |
||||
$contents.hover(function () { |
||||
$contents.addClass('hover'); |
||||
}, function () { |
||||
$contents.removeClass('hover'); |
||||
}); |
||||
//开启滚动条
|
||||
$('.scroller').scrollbar(); |
||||
$('#backTop').on('click', function () { |
||||
$mainInner.scrollTop(0); |
||||
}); |
||||
//图片放大
|
||||
$main.imgsView(); |
||||
//全局点击
|
||||
$(document).on('click', function (e) { |
||||
var $tag = $(e.target); |
||||
//移动端
|
||||
if (isMobi()) { |
||||
//折叠目录悬浮窗
|
||||
if ($tag.closest('#contents').length == 0) { |
||||
$contents.removeClass('on').removeClass('on'); |
||||
} |
||||
} |
||||
}); |
||||
})(); |
||||
|
||||
/* |
||||
业务操作函数 |
||||
*/ |
||||
|
||||
/** |
||||
* 向下递归进行导航筛选 |
||||
* 当类型为筛选时，必定有正则 |
||||
* 当文件夹匹配时，其所属链接和所有子级全部显示且显示匹配 |
||||
* 当文件夹不匹配时，其所属链接和当前子级仅显示匹配，隐藏不匹配的项，下一级继续筛选 |
||||
* 当类型为打开时，所属链接和子级一律全部显示不隐藏 |
||||
* 如果有正则，显示当前匹配 |
||||
* 如果无正则，清除匹配 |
||||
* @param {String} type - 筛选类型，有 filter / open 两个值 |
||||
* @param {regexp} valReg - 过滤筛选的正则 |
||||
* @param {Object} $title - jquery 对象，“标题-列表”DOM结构中的标题 |
||||
*/ |
||||
var filterNav = function (type, valReg, $title) { |
||||
var $ul = $title.next('ul'); |
||||
//因为一级文件夹和子级文件夹DOM结构不同，所以区分对待
|
||||
// 显示上，strong 带 on 加粗显示，h5 加 off 隐藏
|
||||
// 文本操作使用变量 $span，其他操作使用变量 $title
|
||||
var $span = $title.find('span'); |
||||
//当类型为筛选时
|
||||
if (type == 'filter' && valReg) { |
||||
//当文件夹标题匹配时
|
||||
if (valReg.test($span.text())) { |
||||
$span.html($span.text().replace(valReg, '<mark>$1</mark>')); |
||||
$title.addClass('on').removeClass('off'); |
||||
//所属链接全部显示，且显示匹配
|
||||
$ul.show().find('> li > a').each(function () { |
||||
var $this = $(this); |
||||
var $span2 = $this.find('span'); |
||||
$span2.html($span2.text().replace(valReg, '<mark>$1</mark>')); |
||||
$this.parent().removeClass('off'); |
||||
}); |
||||
//父级显示
|
||||
showNavParents($title); |
||||
//下一级筛选类型更改，文件和文件夹全部显示，且显示匹配
|
||||
$ul.find('> li > strong').each(function () { |
||||
filterNav('open', valReg, $(this)); |
||||
}); |
||||
} |
||||
//当文件夹标题不匹配时
|
||||
else { |
||||
$span.text($span.text()); |
||||
$title.removeClass('on'); |
||||
//隐藏父级或隐藏h5
|
||||
if ($title.is('h5')) { |
||||
$title.parent().addClass('off'); |
||||
} else { |
||||
$title.addClass('off'); |
||||
} |
||||
//所属链接仅显示匹配的
|
||||
$ul.hide().find('> li > a').each(function () { |
||||
var $this = $(this); |
||||
var $span2 = $this.find('span'); |
||||
if (valReg.test($this.text())) { |
||||
$span2.html($span2.text().replace(valReg, '<mark>$1</mark>')); |
||||
$this.parent().removeClass('off'); |
||||
//存在匹配时父级才显示
|
||||
showNavParents($ul.show().prev()); |
||||
} else { |
||||
$span2.text($span2.text()); |
||||
$this.parent().addClass('off'); |
||||
} |
||||
}); |
||||
//下一级继续完全筛选
|
||||
$ul.find('> li > strong').each(function () { |
||||
filterNav('filter', valReg, $(this)); |
||||
}); |
||||
} |
||||
} |
||||
//当类型为打开，显示全部链接和文件夹
|
||||
else if (type == 'open') { |
||||
$title.removeClass('off'); |
||||
if ($title.hasClass('on')) { |
||||
$ul.show(); |
||||
} else { |
||||
$ul.hide(); |
||||
} |
||||
//当存在正则时，显示匹配
|
||||
if (!!valReg) { |
||||
$span.html($span.text().replace(valReg, '<mark>$1</mark>')); |
||||
if (valReg.test($span.text())) { |
||||
$ul.show(); //当文件夹名称命中，展开文件夹
|
||||
} |
||||
$ul.find('> li > a').each(function () { |
||||
var $this = $(this); |
||||
var $span2 = $this.find('span'); |
||||
$span2.html($span2.text().replace(valReg, '<mark>$1</mark>')); |
||||
if (valReg.test($this.text())) { |
||||
$ul.show(); //当链接名称命中，展开文件夹
|
||||
} |
||||
$this.parent().removeClass('off'); |
||||
}); |
||||
//父级显示
|
||||
showNavParents($title); |
||||
//下一级继续以相同类型显示
|
||||
$ul.find('> li > strong').each(function () { |
||||
filterNav('open', valReg, $(this)); |
||||
}); |
||||
} |
||||
//当正则不存在，显示所有本级和子级、清除匹配
|
||||
else { |
||||
$span.text($span.text()); |
||||
$ul.find('> li > a').each(function () { |
||||
var $span2 = $(this).find('span'); |
||||
$span2.text($span2.text()); |
||||
}); |
||||
$ul.children('li').removeClass('off').children('strong').each(function () { |
||||
filterNav('open', null, $(this)); |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
//向上递归显示父级
|
||||
var showNavParents = function ($title) { |
||||
$title.addClass('on').removeClass('off'); |
||||
//向上显示直到一级目录
|
||||
if (!$title.is('h5')) { |
||||
var $prev2 = $title.parent().removeClass('off').parent().show().prev(); |
||||
showNavParents($prev2); |
||||
} |
||||
}; |
||||
|
||||
//改变底部上下篇目
|
||||
var changeSibling = function ($item) { |
||||
//如果未传导航项进来，隐藏上下篇目栏位
|
||||
if (!$item) { |
||||
$mainSibling.removeClass('on'); |
||||
return; |
||||
} |
||||
//获取平级文档链接
|
||||
var getDocLink = function (type, $elm) { |
||||
var $other = $elm[type](); |
||||
if ($other.length == 0) { |
||||
return null; |
||||
} |
||||
if ($other.children('ul').length > 0) { |
||||
return getDocLink(type, $other); |
||||
} else { |
||||
return $other.children('a'); |
||||
} |
||||
}; |
||||
//设置上下篇目导航
|
||||
var setSiblingNav = function (num, $other) { |
||||
if ($other) { |
||||
$mainSibling.find('a').eq(num) |
||||
.attr('href', $other.attr('href')) |
||||
.text($other.text()); |
||||
} else { |
||||
$mainSibling.find('a').eq(num) |
||||
.removeAttr('href') |
||||
.text('没有了'); |
||||
} |
||||
}; |
||||
setSiblingNav(0, getDocLink('prev', $item)); |
||||
setSiblingNav(1, getDocLink('next', $item)); |
||||
if (testing && !testing.isOpen()) { |
||||
$mainSibling.addClass('on'); |
||||
} |
||||
}; |
||||
|
||||
//改变导航显示
|
||||
var changeNav = function (path) { |
||||
if (/^home[-_].*?/.test(path) || path == '首页') { |
||||
$menuBar.find('h4').addClass('on'); |
||||
$menuBar.find('a').removeClass('on'); |
||||
changeSibling(null); |
||||
} else { |
||||
var hsLink = false; |
||||
$menuBar.find('a').each(function () { |
||||
var $this = $(this); |
||||
var path2 = $this.attr('href').split('file=')[1]; |
||||
if (path2 == path) { |
||||
hsLink = true; |
||||
//本层加高亮
|
||||
var $prev = $this.addClass('on').parent().parent().show().prev().addClass('on'); |
||||
//父级高亮
|
||||
showNavParents($prev); |
||||
//改变上下篇切换
|
||||
changeSibling($this.parent()); |
||||
} else { |
||||
$this.removeClass('on'); |
||||
} |
||||
}); |
||||
if (hsLink) { |
||||
$menuBar.find('h4').removeClass('on'); |
||||
} |
||||
} |
||||
curPath = path; |
||||
$menuBar.trigger('scrollbar'); |
||||
}; |
||||
|
||||
//返回首页
|
||||
var backHome = function () { |
||||
docs.loadPage(homePage.path, function (state, content) { |
||||
if (state == 'success') { |
||||
changeNav(homePage.path); |
||||
docs.renderDoc(content); |
||||
storage.saveDoc(homePage.path, content); |
||||
$main.trigger('scrollbar'); |
||||
} |
||||
}); |
||||
if (HISTORY_STATE) { |
||||
history.replaceState({path: homePage.path}, '', homePage.url); |
||||
} |
||||
}; |
||||
|
||||
//改变页面
|
||||
var changePage = function (path, withOutPushState, callback) { |
||||
//第一步，从本地缓存读取并渲染页面
|
||||
var localDoc = storage.read(path); |
||||
docs.renderDoc(localDoc); |
||||
testing && testing.crawlContent(); |
||||
$main.trigger('scrollbar'); |
||||
$mainInner.scrollTop(0); //返回顶部
|
||||
//更新history记录
|
||||
if (!withOutPushState && HISTORY_STATE) { |
||||
var path2 = path.replace(/&/g, '%26'); //对带 & 符号的地址特殊处理
|
||||
history.pushState({path: path}, '', '?file=' + path2); |
||||
} |
||||
//第二步，加载服务器上的文档资源，如果有更新重新渲染
|
||||
docs.loadPage(path, function (state, content) { |
||||
//读取服务器文档失败时
|
||||
if (state == 'error') { |
||||
//如果本地缓存为空
|
||||
if (localDoc == '') { |
||||
backHome(); |
||||
} |
||||
//如果本地缓存不为空
|
||||
else { |
||||
//记录文档打开数
|
||||
storage.increaseOpenedCount(path); |
||||
callback && callback(); |
||||
} |
||||
} |
||||
//读取服务器文档成功时
|
||||
else if (state == 'success') { |
||||
//如果服务器文档有更新，更新本地缓存、重新渲染页面、重新判断接口测试
|
||||
if (content != localDoc) { |
||||
docs.renderDoc(content); |
||||
storage.saveDoc(path, content); |
||||
testing && testing.crawlContent(); |
||||
$main.trigger('scrollbar'); |
||||
} |
||||
//如果服务器文档与本地缓存一致，不进行任何操作
|
||||
else { |
||||
} |
||||
//记录文档打开数
|
||||
storage.increaseOpenedCount(path); |
||||
callback && callback(); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
//读取目录导航
|
||||
var homePage = {}; |
||||
var loadNav = function (callback) { |
||||
var fillNav = function (data) { |
||||
$menuBar.find('.scroller-content').html(marked(data)); |
||||
//首页
|
||||
var menuBarHome = $menuBar.find('h4'); |
||||
homePage.text = menuBarHome.text(); |
||||
homePage.url = menuBarHome.find('a').attr('href'); |
||||
homePage.path = homePage.url.split('file=')[1]; |
||||
menuBarHome.prepend('<svg><use xlink:href="#icon:navHome"></use></svg>'); |
||||
//列表
|
||||
$menuBar.find('h5').each(function () { |
||||
var $this = $(this); |
||||
$this.html('<svg><use xlink:href="#icon:navArrow"></use></svg><span>' + $this.text() + '</span>') |
||||
}); |
||||
$menuBar.trigger('scrollbar'); |
||||
var pathList = []; |
||||
//支持history api时，改变默认事件，导航不再跳转页面
|
||||
$menuBar.find('a').each(function () { |
||||
var $this = $(this); |
||||
$this.html('<span>' + $this.text() + '</span>'); |
||||
if (HISTORY_STATE) { |
||||
var path = $this.attr('href').split('file=')[1]; |
||||
pathList.push(path); |
||||
$this.on('click', function () { |
||||
search.displayBox('off'); //关闭搜索面板
|
||||
changeNav(path); |
||||
changePage(path); |
||||
$this.trigger('navchange'); |
||||
return false; |
||||
}); |
||||
} |
||||
}); |
||||
//上下翻页不再跳页面
|
||||
$mainSibling.find('a').on('click', function () { |
||||
if (HISTORY_STATE) { |
||||
var $this = $(this); |
||||
var href = $this.attr('href'); |
||||
if (typeof href != 'undefined' && href != '') { |
||||
var path = href.split('file=')[1]; |
||||
changeNav(path); |
||||
changePage(path); |
||||
$this.trigger('navchange'); |
||||
} |
||||
return false; |
||||
} |
||||
}); |
||||
$menuBar.find('strong').each(function () { |
||||
var $this = $(this); |
||||
$this.html('<span>' + $this.text() + '</span>'); |
||||
}); |
||||
//搜索结果不再跳转页面
|
||||
$('#results').on('click', 'a', function () { |
||||
if (HISTORY_STATE) { |
||||
var $this = $(this); |
||||
var href = $this.attr('href'); |
||||
if (typeof href != 'undefined' && href != '') { |
||||
var path = href.split('file=')[1]; |
||||
search.displayBox('off'); //关闭搜索面板
|
||||
changeNav(path); |
||||
changePage(path); |
||||
$this.trigger('navchange'); |
||||
} |
||||
return false; |
||||
} |
||||
}); |
||||
//设置导航筛选初始值
|
||||
var filterVal = storage.getStates('navFilterKey'); |
||||
if (typeof filterVal != 'undefined' && filterVal != '') { |
||||
$filter.val(filterVal).trigger('input2'); |
||||
} |
||||
//回调
|
||||
callback && callback(pathList); |
||||
}; |
||||
$.get('library/$navigation.md?t=' + Date.now(), fillNav, 'text').fail(function () { |
||||
if (typeof AWPageMounts != 'undefined') { |
||||
fillNav(AWPageMounts['nav'].content); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
//读取页面挂载数据文档部分
|
||||
var loadPageMounts = function () { |
||||
if (typeof AWPageMounts == 'undefined') { |
||||
return; |
||||
} |
||||
//打开页面立即比较页面挂载数据时间与本地缓存更新时间
|
||||
// 因为首页总是更新的，如果首页页面挂载数据时间大于本地缓存时间，则挂载数据一定已经经过重建
|
||||
var homePath = AWPageMounts['home'].name.replace(/\.md$/, ''); |
||||
var homeStorageTime = storage.readTime(homePath); |
||||
//如果页面挂载数据经过了重建，开始更新，读取所有挂载数据插入到本地缓存，完成后删除释放资源占用
|
||||
if (AWPageMounts['home'].timestamp > homeStorageTime) { |
||||
//首页
|
||||
storage.saveDoc(homePath, AWPageMounts['home'].content); |
||||
delete AWPageMounts['home']; |
||||
//其他文档
|
||||
for (var lv1 in AWPageMounts) { |
||||
if (!AWPageMounts.hasOwnProperty(lv1)) { |
||||
continue; |
||||
} |
||||
if (!/^m\d+/.test(lv1)) { |
||||
continue; |
||||
} |
||||
for (var i = 0, page; page = AWPageMounts[lv1][i]; i++) { |
||||
storage.saveDoc(page.path.replace(/\.md$/, ''), page.content); |
||||
} |
||||
delete AWPageMounts[lv1]; |
||||
} |
||||
storage.saveRebuild(); |
||||
} |
||||
//否则直接删除页面挂载数据的文档部分，释放内存资源占用
|
||||
else { |
||||
delete AWPageMounts['home']; |
||||
for (var name in AWPageMounts) { |
||||
if (AWPageMounts.hasOwnProperty(name)) { |
||||
if (/^m\d+/.test(name)) { |
||||
delete AWPageMounts[name]; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
|
||||
//根据hash改变滚动位置
|
||||
var changeScrollByHash = function () { |
||||
var hash = location.hash.split('#')[1]; |
||||
//当不存在hash
|
||||
if (!hash || hash.length == '') { |
||||
//检测是否在顶部，不在顶部滚动至顶部
|
||||
if ($mainInner.scrollTop() != 0) { |
||||
$mainInner.scrollTop(0); |
||||
} |
||||
return; |
||||
} |
||||
//获取hash指向的元素
|
||||
var $hash = $('.anchor[name="' + hash + '"]'); |
||||
if ($hash.length == 0) { |
||||
return |
||||
} |
||||
//滚动至元素
|
||||
$mainInner.scrollTop($hash.position().top + $mainInner.scrollTop() - 10); |
||||
}; |
||||
|
||||
/* |
||||
启动应用 |
||||
*/ |
||||
|
||||
//解析地址参数
|
||||
var curPath = tools.getURLParameter('file'); |
||||
curPath = !curPath ? '首页' : decodeURI(curPath); |
||||
curPath = curPath.replace(/%26/g, '&'); |
||||
|
||||
//加载导航
|
||||
loadNav(function (list) { |
||||
//核对本地存储
|
||||
storage.checkLibChange(list); |
||||
//读取页面挂载数据文档部分
|
||||
loadPageMounts(); |
||||
//首次打开改变导航
|
||||
changeNav(curPath); |
||||
//首次打开改变页面
|
||||
changePage(curPath, true, changeScrollByHash); |
||||
}); |
||||
|
||||
//history api 浏览器前进后退操作响应
|
||||
if (HISTORY_STATE) { |
||||
$win.on('popstate', function (e) { |
||||
var path; |
||||
//当有状态记录时，直接跳转
|
||||
if (e.originalEvent.state) { |
||||
path = e.originalEvent.state.path; |
||||
path = path.replace(/%26/g, '&'); |
||||
//改变导航
|
||||
changeNav(path); |
||||
//改变页面
|
||||
changePage(path, true, changeScrollByHash); |
||||
} |
||||
//当没有状态记录时
|
||||
else { |
||||
path = tools.getURLParameter('file'); |
||||
path = !path ? '首页' : decodeURI(path); |
||||
path = path.replace(/%26/g, '&'); |
||||
//判断 url 路径是否和当前一样，不一样才跳转
|
||||
if (path != curPath) { |
||||
//改变导航
|
||||
changeNav(path); |
||||
//改变页面
|
||||
changePage(path, true, changeScrollByHash); |
||||
} |
||||
//相同时不跳转，根据 hash 变化改变位置
|
||||
else { |
||||
changeScrollByHash(); |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
|
||||
/* |
||||
回调中转 |
||||
*/ |
||||
|
||||
//重建缓存
|
||||
search.onNeedRebuildStorage = function (callback) { |
||||
storage.clearLibraries(); |
||||
var list = storage.getIndexList(); |
||||
var count = 0; |
||||
var load = function (path, i) { |
||||
//为避免重建缓存频率过高，人为增设每个请求时间间隔
|
||||
setTimeout(function () { |
||||
docs.loadPage(path, function (state, content) { |
||||
//文档读取成功时保存到内存
|
||||
if (state == 'success') { |
||||
storage.saveDocToDB(path, content); |
||||
} |
||||
//循环结束后完成重建
|
||||
if (++count >= list.length) { |
||||
storage.saveRebuild(); |
||||
callback && callback(); |
||||
} |
||||
}); |
||||
}, i * 100); |
||||
}; |
||||
for (var i = 0, item; item = list[i]; i++) { |
||||
load(item, i); |
||||
} |
||||
}; |
||||
|
||||
}); |
||||
|
||||
|
||||
@ -0,0 +1,288 @@ |
||||
/** |
||||
* amWiki Web端 - 滚动条模块 |
||||
* @author Tevin |
||||
*/ |
||||
|
||||
; |
||||
(function (win, $) { |
||||
|
||||
'use strict'; |
||||
|
||||
//定时检测内容高度作为补充
|
||||
var list = []; |
||||
setInterval(function () { |
||||
for (var i = 0, item; item = list[i]; i++) { |
||||
item.checkHeightWidth(); |
||||
} |
||||
}, 500); |
||||
|
||||
/** |
||||
* 页面滚动 |
||||
* @param {Element} _this |
||||
* @constructor |
||||
*/ |
||||
var Scroller = function (_this) { |
||||
this.$e = { |
||||
container: $(_this), //主容器
|
||||
inner: null, //正文内容
|
||||
barY: null, //垂直滚动条外层
|
||||
boxY: null, //垂直滚动条
|
||||
sliderY: null, //垂直滑块
|
||||
barX: null, //水平滚动条外层
|
||||
boxX: null, //水平滚动条
|
||||
sliderX: null //水平滑块
|
||||
}; |
||||
this._data = { |
||||
xRolling: this.$e.container.attr('data-x-rolling') == 'true', |
||||
maxTop: 0, //最大top值
|
||||
barH: 0, //滚动条高度
|
||||
sliderH: 0, //滑块高度
|
||||
contentH: 0, //内容高度
|
||||
containerH: 0, //容器高度
|
||||
contentHLast: 0, //上次内容高度
|
||||
barW: 0, //滚动条宽度
|
||||
sliderW: 0, //滑块宽度
|
||||
contentW: 0, //内容宽度
|
||||
containerW: 0, //容器宽度
|
||||
contentWLast: 0 //上次内容宽度
|
||||
}; |
||||
this._init(); |
||||
}; |
||||
|
||||
/** |
||||
* 初始化 |
||||
* @private |
||||
*/ |
||||
Scroller.prototype._init = function () { |
||||
var that = this; |
||||
var barHtml = '<div class="scrollbar scrollbar-y" onselectstart="return false"><div><i></i></div></div>'; |
||||
barHtml += this._data.xRolling ? |
||||
'<div class="scrollbar scrollbar-x" onselectstart="return false"><div><i></i></div></div>' : ''; |
||||
this.$e.container.append(barHtml); |
||||
//获取元素
|
||||
this.$e.barY = this.$e.container.find('.scrollbar-y'); |
||||
this.$e.boxY = this.$e.barY.children('div'); |
||||
this.$e.sliderY = this.$e.barY.find('i'); |
||||
if (this._data.xRolling) { |
||||
this.$e.barX = this.$e.container.find('.scrollbar-x'); |
||||
this.$e.boxX = this.$e.barX.children('div'); |
||||
this.$e.sliderX = this.$e.barX.find('i'); |
||||
} |
||||
this.$e.inner = this.$e.container.children('.scroller-inner'); |
||||
//绑定事件
|
||||
this._onWinResize(); |
||||
$(win).on('resize', function () { |
||||
that._onWinResize(); |
||||
that.checkHeightWidth(); |
||||
}); |
||||
this.$e.container.on('scrollbar', function () { |
||||
that.checkHeightWidth(); |
||||
}); |
||||
this.$e.inner.on({ |
||||
'click': function () { |
||||
that.checkHeightWidth(); |
||||
}, |
||||
'scroll': function () { |
||||
that._reScroll(); |
||||
} |
||||
}); |
||||
this.checkHeightWidth(); |
||||
this._bindAction(); |
||||
}; |
||||
|
||||
/** |
||||
* 滑块操作 |
||||
* @private |
||||
*/ |
||||
Scroller.prototype._bindAction = function () { |
||||
var that = this; |
||||
var onDrag = false; |
||||
var _y = 0, |
||||
top = 0, |
||||
_x = 0, |
||||
left = 0; |
||||
this.$e.body = $('body'); |
||||
this.$e.boxY.on({ |
||||
'mousedown': function (e) { |
||||
onDrag = 'y'; |
||||
that.$e.body.attr('onselectstart', 'return false'); |
||||
that.$e.barY.addClass('active'); |
||||
_y = e.pageY; |
||||
top = parseFloat(that.$e.sliderY.css('top')); |
||||
if (that.$e.barY.parents('#main').length > 0) { |
||||
that.$e.body.children('aside').hide(); |
||||
} |
||||
} |
||||
}); |
||||
if (this._data.xRolling) { |
||||
this.$e.boxX.on({ |
||||
'mousedown': function (e) { |
||||
onDrag = 'x'; |
||||
that.$e.body.attr('onselectstart', 'return false'); |
||||
that.$e.barX.addClass('active'); |
||||
_x = e.pageX; |
||||
left = parseFloat(that.$e.sliderX.css('left')); |
||||
} |
||||
}); |
||||
} |
||||
$(win.document).on({ |
||||
'mousemove': function (e) { |
||||
if (onDrag == 'y') { |
||||
that.scrollYTo(top + e.pageY - _y); |
||||
} else if (onDrag == 'x') { |
||||
that.scrollXTo(left + e.pageX - _x); |
||||
} |
||||
}, |
||||
'mouseup': function () { |
||||
that.$e.body.removeAttr('onselectstart', 'return false') |
||||
.children('aside').show(); |
||||
if (onDrag == 'y') { |
||||
that.$e.barY.removeClass('active'); |
||||
} else if (onDrag == 'x') { |
||||
that.$e.barX.removeClass('active'); |
||||
} |
||||
onDrag = false; |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 尺寸缩放 |
||||
* @private |
||||
*/ |
||||
Scroller.prototype._onWinResize = function () { |
||||
if (isMobi()) { |
||||
this.$e.inner.removeAttr('style').removeClass('on'); |
||||
} else { |
||||
this.$e.inner.css({ |
||||
width: this.$e.container.width() + 30, |
||||
paddingRight: 13, |
||||
paddingBottom: 16 |
||||
}).addClass('on'); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 重设滑块大小 |
||||
* @private |
||||
*/ |
||||
Scroller.prototype._resize = function () { |
||||
var that = this; |
||||
this._data.containerH = this.$e.inner.height(); |
||||
//当内容高度小于等于容器时，不显示滚动条
|
||||
if (this._data.contentH <= this._data.containerH) { |
||||
this._data.contentH = this._data.containerH; |
||||
this.$e.barY.addClass('off'); |
||||
} else { |
||||
this.$e.barY.removeClass('off'); |
||||
} |
||||
//设置滑块大小
|
||||
this._data.barH = this.$e.boxY.height(); |
||||
this._data.sliderH = this._data.containerH / that._data.contentH * this._data.barH; |
||||
this.$e.sliderY.height(this._data.sliderH); |
||||
//计算最大高度
|
||||
this._data.maxTop = (this._data.barH - this._data.sliderH) / this._data.barH * this._data.contentH + 1; |
||||
//水平方向
|
||||
if (this._data.xRolling) { |
||||
this._data.containerW = this.$e.inner.width(); |
||||
//当内容宽度不超过容器时，不显示滚动条
|
||||
if (this._data.contentW <= this._data.containerW) { |
||||
this._data.contentW = this._data.containerW; |
||||
this.$e.barX.addClass('off'); |
||||
} else { |
||||
this.$e.barX.removeClass('off'); |
||||
} |
||||
//设置滑块大小
|
||||
this._data.barW = this.$e.boxX.width(); |
||||
this._data.sliderW = this._data.containerW / that._data.contentW * this._data.barW; |
||||
this.$e.sliderX.width(this._data.sliderW); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 重设滑块顶部距离 |
||||
* @private |
||||
*/ |
||||
Scroller.prototype._reScroll = function () { |
||||
var that = this; |
||||
var top1 = this.$e.inner.scrollTop(); |
||||
var barTop = top1 / this._data.contentH * this._data.barH; |
||||
//限制滑动边界 (由事件触发的滚动不会向上过界)
|
||||
if (barTop + this._data.sliderH >= this._data.barH) { |
||||
barTop = this._data.barH - this._data.sliderH; |
||||
this.$e.sliderY.css('top', barTop); |
||||
this.$e.inner.scrollTop(this._data.maxTop); |
||||
} else { |
||||
this.$e.sliderY.css('top', barTop); |
||||
} |
||||
//水平方向
|
||||
if (this._data.xRolling) { |
||||
var barLeft = this.$e.inner.scrollLeft() / this._data.contentW * this._data.barW; |
||||
//水平方向没有鼠标滚动事件
|
||||
this.$e.sliderX.css('left', barLeft); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 垂直滚动到某位置 |
||||
* @param {Number} num |
||||
* @public |
||||
*/ |
||||
Scroller.prototype.scrollYTo = function (num) { |
||||
var barTop = num; |
||||
barTop = barTop < 0 ? 0 : barTop; |
||||
barTop = barTop + this._data.sliderH > this._data.barH ? this._data.barH - this._data.sliderH : barTop; |
||||
this.$e.sliderY.css('top', barTop); |
||||
this.$e.inner.scrollTop(barTop / this._data.barH * this._data.contentH); |
||||
}; |
||||
|
||||
/** |
||||
* 水平滚动到某位置 |
||||
* @param {Number} num |
||||
* @public |
||||
*/ |
||||
Scroller.prototype.scrollXTo = function (num) { |
||||
var barLeft = num; |
||||
barLeft = barLeft < 0 ? 0 : barLeft; |
||||
barLeft = barLeft + this._data.sliderW > this._data.barW ? this._data.barW - this._data.sliderW : barLeft; |
||||
this.$e.sliderX.css('left', barLeft); |
||||
this.$e.inner.scrollLeft(barLeft / this._data.barW * this._data.contentW); |
||||
}; |
||||
|
||||
/** |
||||
* 检查高度宽度 |
||||
* @public |
||||
*/ |
||||
Scroller.prototype.checkHeightWidth = function () { |
||||
var that = this; |
||||
this._data.contentH = 0; |
||||
this._data.contentW = 0; |
||||
this.$e.inner.children('.scroller-content').each(function () { |
||||
that._data.contentH += $(this).outerHeight(); |
||||
that._data.contentW += $(this).outerWidth(); |
||||
}); |
||||
//修正 webkit 中滚动条本身占位
|
||||
if (/webkit/.test(navigator.userAgent.toLowerCase())) { |
||||
that._data.contentH += 15; |
||||
} |
||||
//如果高度未改变不进行操作
|
||||
if (this._data.contentH == this._data.contentHLast && this._data.contentW == this._data.contentWLast) { |
||||
return; |
||||
} else { |
||||
this._data.contentHLast = this._data.contentH; |
||||
this._data.contentWLast = this._data.contentW; |
||||
} |
||||
this._resize(); |
||||
this._reScroll(); |
||||
}; |
||||
|
||||
//注册到 jQuery
|
||||
$.extend($.fn, { |
||||
scrollbar: function () { |
||||
return this.each(function () { |
||||
list.push(new Scroller(this)); |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
})(window, jQuery); |
||||
@ -0,0 +1,297 @@ |
||||
/** |
||||
* amWiki Web端 - 全库搜索模块 |
||||
* @author Tevin |
||||
*/ |
||||
|
||||
; |
||||
(function (win) { |
||||
|
||||
'use strict'; |
||||
|
||||
/** |
||||
* 全局搜索 |
||||
* @param {Storage} _storage |
||||
* @constructor |
||||
*/ |
||||
var Search = function (_storage) { |
||||
this._storage = _storage; |
||||
this.$e = { |
||||
//显示搜索面板按钮
|
||||
searchShow: $('#searchShow'), |
||||
//更新全部缓存按钮
|
||||
searchUpdate: this._storage.$e.searchUpdate, |
||||
//搜索面板
|
||||
searchBox: $('#searchBox'), |
||||
//搜索结果列表
|
||||
results: $('#results'), |
||||
//搜索结果信息提示
|
||||
resultMsg: $('#resultMsg'), |
||||
//搜素结果显示更多
|
||||
resultMore: $('#resultMore'), |
||||
//搜索按钮
|
||||
search: $('#search'), |
||||
//搜索文本
|
||||
searchText: $('#searchText') |
||||
}; |
||||
this._data = { |
||||
//搜素结果
|
||||
result: [], |
||||
//单条结果的模板
|
||||
template: $('#template\\:searchResult').text(), |
||||
//每页结果数
|
||||
pageSize: 15, |
||||
//当前页码
|
||||
pagination: 0 |
||||
}; |
||||
this._bindCtrl(); |
||||
//用户执行重建缓存的回调
|
||||
this.onNeedRebuildStorage = null; |
||||
}; |
||||
|
||||
/** |
||||
* 绑定用户操作 |
||||
* @private |
||||
*/ |
||||
Search.prototype._bindCtrl = function () { |
||||
var that = this; |
||||
//展开折叠搜索面板
|
||||
this.$e.searchShow.on('click', function () { |
||||
if (that.$e.searchBox.hasClass('on')) { |
||||
that.displayBox('off'); |
||||
that.$e.searchShow.trigger('searchoff'); |
||||
} else { |
||||
that.displayBox('on', function () { |
||||
resetResHeight(); |
||||
}); |
||||
that.$e.searchShow.trigger('searchon'); |
||||
} |
||||
}); |
||||
//设置结果区域高度
|
||||
var resetResHeight = function () { |
||||
var hOut = that.$e.searchBox.height(); |
||||
var dt = that.$e.results.offset().top - that.$e.searchUpdate.offset().top; |
||||
that.$e.results.height(hOut - dt); |
||||
}; |
||||
$(win).on('resize', function () { |
||||
if (that.$e.searchBox.hasClass('on')) { |
||||
resetResHeight(); |
||||
} |
||||
}); |
||||
//当本地浏览且存在页面挂载数据时，隐藏重建缓存按钮
|
||||
if (location.protocol == 'file:' && typeof AWPageMounts != 'undefined') { |
||||
this.$e.searchUpdate.parent().addClass('off'); |
||||
} |
||||
//重建缓存
|
||||
this.$e.searchUpdate.on('click', function () { |
||||
//开启重建缓存时，如果存在搜索子进程，则干掉子进程
|
||||
if (that._worker) { |
||||
that._worker.terminate(); |
||||
that._worker = null; |
||||
that.$e.resultMsg.hide(); |
||||
} |
||||
that.$e.search.prop('disabled', true); |
||||
that.$e.searchUpdate.prop('disabled', true); |
||||
that.onNeedRebuildStorage(function () { |
||||
that.$e.search.prop('disabled', false); |
||||
that.$e.searchUpdate.val('请勿频繁使用'); |
||||
}); |
||||
}); |
||||
//更新全部缓存按钮使用的时间限制：一小时内不允许重复使用
|
||||
var lastBuild = this._storage.getLastBuildTs(); |
||||
if (lastBuild) { |
||||
var lave = Date.now() - lastBuild; |
||||
if (lave < 60 * 60 * 1000) { |
||||
this.$e.searchUpdate.prop('disabled', true).val('请勿频繁使用'); |
||||
} |
||||
} |
||||
//点击搜索
|
||||
this.$e.search.on('click', function () { |
||||
that._search(); |
||||
}); |
||||
this.$e.searchText.on('keyup', function (e) { |
||||
if (e.keyCode == 13) { |
||||
that._search(); |
||||
} |
||||
}); |
||||
//结果翻页
|
||||
this.$e.resultMore.on('click', function () { |
||||
that._nextResultPage(); |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 显示隐藏搜索面板 |
||||
* @param {String} type - on 显示 ／ off 隐藏 |
||||
* @param {Function} callback |
||||
* @public |
||||
*/ |
||||
Search.prototype.displayBox = function (type, callback) { |
||||
var that = this; |
||||
var $box = this.$e.searchBox; |
||||
if (type == 'on' && !$box.hasClass('on')) { |
||||
$box |
||||
.addClass('on') |
||||
.css({ |
||||
'display': 'block', |
||||
'width': '0', |
||||
'opacity': 0 |
||||
}) |
||||
.animate({ |
||||
'width': '100%', |
||||
'opacity': 1 |
||||
}, 300, 'swing', function () { |
||||
callback && callback(); |
||||
}); |
||||
} else if (type == 'off' && $box.hasClass('on')) { |
||||
$box |
||||
.removeClass('on') |
||||
.animate({ |
||||
'width': '30%', |
||||
'opacity': 0 |
||||
}, 200, 'swing', function () { |
||||
$box.removeAttr('style'); |
||||
callback && callback(); |
||||
}); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 启动搜素 |
||||
* @private |
||||
*/ |
||||
Search.prototype._search = function () { |
||||
var that = this; |
||||
if (this.$e.searchText.val() == '') { |
||||
this.$e.searchText.focus(); |
||||
return; |
||||
} |
||||
var words = this.$e.searchText.val(); |
||||
this.$e.resultMsg.show().text('创建搜索中...'); |
||||
if (typeof win.Worker !== "undefined") { |
||||
//开启一次新搜索时，如果存在搜索子进程，则干掉子进程
|
||||
if (this._worker) { |
||||
this._worker.terminate(); |
||||
this._worker = null; |
||||
this.$e.resultMsg.hide(); |
||||
} |
||||
try { |
||||
//创建搜素子进程搜素
|
||||
this._worker = new win.Worker('amWiki/js/amWiki.search.worker.js'); |
||||
this._searchByWorker(words); |
||||
} catch (e) { |
||||
//在当前环境搜索
|
||||
this._searchByPresent(words); |
||||
} |
||||
} else { |
||||
//在当前环境搜索
|
||||
this._searchByPresent(words); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 搜索子进程通讯 |
||||
* @param {String} words |
||||
* @private |
||||
*/ |
||||
Search.prototype._searchByWorker = function (words) { |
||||
var that = this; |
||||
//收到子进程搜素消息
|
||||
this._worker.onmessage = function (event) { |
||||
var data = event.data; |
||||
//加载成功后发送文档数据
|
||||
if (data.type == 'searcher:loaded') { |
||||
that._worker.postMessage({type: 'searcher:docs', docs: that._storage.getAllDocs()}); |
||||
} |
||||
//文档预处理完成后开始搜索
|
||||
else if (data.type == 'searcher:ready') { |
||||
that.$e.resultMsg.show().html('正在搜索，请稍后...'); |
||||
that._worker.postMessage({type: 'searcher:search', words: words}); |
||||
} |
||||
//搜索结果排行
|
||||
else if (data.type == 'searcher:result') { |
||||
that._data.result = data.result; |
||||
that._showResultList(); |
||||
that._worker.terminate(); |
||||
that._worker = null; |
||||
} |
||||
}; |
||||
//子进程出错
|
||||
this._worker.onerror = function (e) { |
||||
console.error(e); |
||||
this.$e.resultMsg.show().text('Sorry，出错了！<br/>' + e.msg); |
||||
that._worker.terminate(); |
||||
that._worker = null; |
||||
}; |
||||
}; |
||||
|
||||
/** |
||||
* 在当前环境搜索 |
||||
* @param {String} words |
||||
* @private |
||||
*/ |
||||
Search.prototype._searchByPresent = function (words) { |
||||
var searcher = new AWSearcher(); |
||||
searcher.initDocs(this._storage.getAllDocs()); |
||||
this.$e.resultMsg.show().html('正在搜索，请稍后...'); |
||||
searcher.matchWords(words); |
||||
this._data.result = searcher.getResult(); |
||||
this._showResultList(); |
||||
}; |
||||
|
||||
/** |
||||
* 显示结果列表 |
||||
* @private |
||||
*/ |
||||
Search.prototype._showResultList = function () { |
||||
this.$e.results.children('ul').children().remove(); |
||||
this.$e.resultMsg.hide(); |
||||
this._data.pagination = 0; |
||||
this._nextResultPage(); |
||||
}; |
||||
|
||||
/** |
||||
* 显示结果列表下一页 |
||||
* @private |
||||
*/ |
||||
Search.prototype._nextResultPage = function () { |
||||
var html = ''; |
||||
var count = 0; |
||||
for (var i = this._data.pagination * this._data.pageSize, item; item = this._data.result[i]; i++) { |
||||
html += this._renderRankItem(this._data.template, item); |
||||
//超过页码跳出
|
||||
if (++count >= this._data.pageSize) { |
||||
break; |
||||
} |
||||
} |
||||
this.$e.results.children('ul').append(html); |
||||
this._data.pagination++; |
||||
//如果还有结果没显示完，显示显示更多按钮
|
||||
if (this._data.pagination * this._data.pageSize >= this._data.result.length) { |
||||
this.$e.resultMore.hide(); |
||||
} else { |
||||
this.$e.resultMore.show(); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 渲染单条模板 |
||||
* @param {String} template |
||||
* @param {Object} data |
||||
* @returns {String} |
||||
* @private |
||||
*/ |
||||
Search.prototype._renderRankItem = function (template, data) { |
||||
var tmpl = template; |
||||
data.time = win.tools.formatTime(data.timestamp); |
||||
delete data.timestamp; |
||||
for (var p in data) { |
||||
if (data.hasOwnProperty(p)) { |
||||
tmpl = tmpl.replace(new RegExp('{{' + p + '}}', 'g'), data[p]); |
||||
} |
||||
} |
||||
return tmpl; |
||||
}; |
||||
|
||||
return win.AWSearch = Search; |
||||
|
||||
})(window); |
||||
@ -0,0 +1,220 @@ |
||||
/** |
||||
* amWiki Web端 - 搜索计算子进程模块 |
||||
* @author Tevin |
||||
*/ |
||||
|
||||
|
||||
(function (self) { |
||||
|
||||
'use strict'; |
||||
|
||||
//通过 jQuery 检查判断是否处于子进程工作
|
||||
var atWorker = typeof self.jQuery == 'undefined'; |
||||
|
||||
(function () { |
||||
|
||||
/** |
||||
* 搜索计算器 |
||||
* @constructor |
||||
*/ |
||||
var Searcher = function () { |
||||
//文档存储
|
||||
this._documents = null; |
||||
//搜索处理结果
|
||||
this._processing = {}; |
||||
//设置
|
||||
this._data = { |
||||
//标题命中得分
|
||||
titleScore: 100, |
||||
//接口地址命中得分
|
||||
apiScore: 50, |
||||
//单次内容命中得分
|
||||
textScore: 5 |
||||
} |
||||
}; |
||||
|
||||
//初始文档
|
||||
Searcher.prototype.initDocs = function (docs) { |
||||
this._documents = atWorker ? docs : JSON.parse(JSON.stringify(docs)); |
||||
for (var id in this._documents) { |
||||
if (this._documents.hasOwnProperty(id)) { |
||||
this._preDoc(this._documents[id]); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
//文档预处理
|
||||
Searcher.prototype._preDoc = function (doc) { |
||||
doc.content = doc.content |
||||
.replace(/^\s+|\s+$/g, '') |
||||
//分离h1标题
|
||||
.replace(/^#\s?(.*?)[\r|\n]/, function (match, s1) { |
||||
doc.title = s1; |
||||
return ''; |
||||
}) |
||||
//分离测试文档请求地址
|
||||
.replace(/([^#]#{3} *请求地址[\n\r]{1,4})([-\w:\/\.]+?)[\n\r]{1,}(#{3} *请求类型[\s\S]+?#{3} *请求参数)/, |
||||
function (match, s1, s2, s3) { |
||||
doc.api = s2; |
||||
return s1 + s3; |
||||
}) |
||||
//清除 Markdown 标题标记
|
||||
.replace(/#{1,6}(.*?)#{0,6}\s*[\r\n]/g, '$1') |
||||
//清除 Markdown 强调斜体删除线标记
|
||||
.replace(/[_\*~]{1,2}(.*?)[_\*~]{1,2}/g, '$1') |
||||
//直接删除 Markdown 图片
|
||||
.replace(/!\[.*?]\(.*?\)/g, '') |
||||
//清除 Markdown 链接标记，还原为显示文本
|
||||
.replace(/\[(.*?)]\(.*?\)/g, '$1') |
||||
//清除 Markdown 代码段标记
|
||||
.replace(/`{3}.*?[\n\r]([\s\S]*?)`{3}/g, '$1') |
||||
//清除 Markdown 代码标记
|
||||
.replace(/`(.*?)`/g, '$1') |
||||
//直接删除所有 html 标签
|
||||
.replace(/<.+?>/g, '') |
||||
//清除 Markdown 引用标记
|
||||
.replace(/> *(.+?)[n\r]/g, '$1') |
||||
//清除 Markdown 分割线标记
|
||||
.replace(/-{3,} *[\n\r]/g, '') |
||||
//清除 Markdown 表格标记
|
||||
.replace(/(\|.*?[\n\r]{1,2}){3,}/g, function (match) { |
||||
return match.replace(/\|.*?[\n\r]{1,2}/g, function (match) { |
||||
if (match.indexOf('---') >= 0) { |
||||
return ''; |
||||
} else { |
||||
return match.replace(/\|/g, ''); |
||||
} |
||||
}); |
||||
}) |
||||
//转换一个空白符为一空格
|
||||
.replace(/[\n\r\t]/g, ' ') |
||||
//合并多个空白符为一个空格
|
||||
.replace(/\s{2,}/g, ' '); |
||||
}; |
||||
|
||||
//给中转处理添加属性
|
||||
Searcher.prototype._addPorcessing = function (id, key, value) { |
||||
//如果不存在此id则创建
|
||||
if (typeof this._processing[id] == 'undefined') { |
||||
this._processing[id] = {}; |
||||
this._processing[id][key] = value; |
||||
} |
||||
//如果存在此id
|
||||
else { |
||||
//如果不存在此属性，直接赋值
|
||||
if (typeof this._processing[id][key] == 'undefined') { |
||||
this._processing[id][key] = value; |
||||
} |
||||
//如果存在此属性，则相加（仅得分一项）
|
||||
else { |
||||
this._processing[id][key] += value; |
||||
} |
||||
} |
||||
}; |
||||
|
||||
//匹配搜索词与得分计算
|
||||
Searcher.prototype.matchWords = function (words) { |
||||
var wordsReg = new RegExp(words, 'gi'); |
||||
for (var id in this._documents) { |
||||
if (this._documents.hasOwnProperty(id)) { |
||||
//标题命中
|
||||
if (this._documents[id].title) { |
||||
var titleMatch = this._documents[id].title.match(wordsReg); |
||||
if (titleMatch && titleMatch.length > 0) { |
||||
var title = this._documents[id].title.replace(wordsReg, function (match) { |
||||
return '<mark>' + match + '</mark>'; |
||||
}); |
||||
this._addPorcessing(id, 'title', title); |
||||
this._addPorcessing(id, 'score', this._data.titleScore); |
||||
} |
||||
} |
||||
//接口地址命中
|
||||
if (this._documents[id].api) { |
||||
var apiMatch = this._documents[id].api.match(wordsReg); |
||||
if (apiMatch && apiMatch.length > 0) { |
||||
var api = '<p class="p1"><em>接口</em>' + |
||||
this._documents[id].api.replace(wordsReg, function (match) { |
||||
return '<mark>' + match + '</mark>'; |
||||
}) + '</p>'; |
||||
this._addPorcessing(id, 'api', api); |
||||
this._addPorcessing(id, 'score', this._data.apiScore); |
||||
} |
||||
} |
||||
//内容命中
|
||||
var contentMatch = this._documents[id].content.match(new RegExp('.{0,15}' + words + '.{0,30}', 'gi')); |
||||
if (contentMatch) { |
||||
var content = '<p>'; |
||||
for (var i = 0, item; item = contentMatch[i]; i++) { |
||||
if (i < 2) { |
||||
content += item.replace(wordsReg, function (match) { |
||||
return '<mark>' + match + '</mark>'; |
||||
}) + '... '; |
||||
} |
||||
} |
||||
content += '</p>'; |
||||
this._addPorcessing(id, 'content', content); |
||||
this._addPorcessing(id, 'score', contentMatch.length * this._data.textScore); |
||||
} |
||||
} |
||||
} |
||||
this._auxiliary(); |
||||
}; |
||||
|
||||
//辅助得分
|
||||
Searcher.prototype._auxiliary = function () { |
||||
}; |
||||
|
||||
//排序与属性补齐
|
||||
Searcher.prototype._sortByScore = function () { |
||||
var list = []; |
||||
for (var id in this._processing) { |
||||
if (this._processing.hasOwnProperty(id)) { |
||||
if (typeof this._processing[id].title == 'undefined') { |
||||
this._processing[id].title = this._documents[id].title ? this._documents[id].title : ''; |
||||
} |
||||
if (typeof this._processing[id].api == 'undefined') { |
||||
this._processing[id].api = ''; |
||||
} |
||||
if (typeof this._processing[id].content == 'undefined') { |
||||
this._processing[id].content = '<p>' + this._documents[id].content.substr(0, 45) + '...</p>'; |
||||
} |
||||
this._processing[id].path = this._documents[id].uri; |
||||
this._processing[id].timestamp = this._documents[id].timestamp; |
||||
list.push(this._processing[id]); |
||||
} |
||||
} |
||||
list.sort(function (a, b) { |
||||
return a.score > b.score ? -1 : 1; |
||||
}); |
||||
return list; |
||||
}; |
||||
|
||||
//获取结果
|
||||
Searcher.prototype.getResult = function () { |
||||
return this._sortByScore(); |
||||
}; |
||||
|
||||
//作为子进程加载时，仅子进程内有效
|
||||
//作为全局加载时，全局有效
|
||||
return this.AWSearcher = Searcher; |
||||
|
||||
}).call(self); |
||||
|
||||
//作为子进程工作时，通过 message 通讯工作
|
||||
if (atWorker) { |
||||
//计算器
|
||||
var searcher = new self.AWSearcher(); |
||||
self.onmessage = function (event) { |
||||
var data = event.data; |
||||
if (data.type == 'searcher:docs') { |
||||
searcher.initDocs(data.docs); |
||||
self.postMessage({type: 'searcher:ready'}); |
||||
} else if (data.type == 'searcher:search') { |
||||
searcher.matchWords(data.words); |
||||
self.postMessage({type: 'searcher:result', result: searcher.getResult()}); |
||||
} |
||||
}; |
||||
self.postMessage({type: 'searcher:loaded'}); |
||||
} |
||||
|
||||
})(self); |
||||
@ -0,0 +1,309 @@ |
||||
/** |
||||
* amWiki Web端 - 浏览器数据缓存模块 |
||||
* @author Tevin |
||||
*/ |
||||
|
||||
; |
||||
(function (win) { |
||||
|
||||
'use strict'; |
||||
|
||||
var tools = win.tools; |
||||
var wikiPath = tools.simString(win.location.pathname.replace('/', '').replace(/\//g, '_')).toUpperCase(); |
||||
var LOCAL_STORAGE_NAME = 'AMWikiDataBase@' + wikiPath; //本地数据localStorage键名
|
||||
var LOCAL_STATES = 'AMWikiStates@' + wikiPath; //本地状态集键名
|
||||
|
||||
/** |
||||
* 本地存储管理 |
||||
* @constructor |
||||
*/ |
||||
var Storage = function () { |
||||
this._db = null; //内存中的文库缓存
|
||||
this._states = null; //内存中的状态集
|
||||
this.$e = { |
||||
win: $(win), |
||||
//更新全部缓存按钮
|
||||
searchUpdate: $('#searchUpdate'), |
||||
//缓存状态
|
||||
cacheState: $('#cacheState'), |
||||
//文档总数
|
||||
cacheDocTotal: $('#cacheDocTotal'), |
||||
//上次全部缓存更新时间
|
||||
cacheLasttime: $('#cacheLasttime') |
||||
}; |
||||
this._bridgeLocalStorage('read'); |
||||
this._bindCtrl(); |
||||
}; |
||||
|
||||
/** |
||||
* 存取本地存储 |
||||
* @param {String} type - read / save |
||||
* @private |
||||
*/ |
||||
Storage.prototype._bridgeLocalStorage = function (type) { |
||||
if (type == 'read') { |
||||
var defaultStr = '{"documents":{},"lastBuild":0}'; |
||||
this._db = JSON.parse(win.localStorage[LOCAL_STORAGE_NAME] || defaultStr); |
||||
//转换旧名称
|
||||
if (typeof this._db.libraries != 'undefined') { |
||||
this._db.documents = this._db.libraries; |
||||
delete this._db.libraries; |
||||
} |
||||
} else if (type == 'save') { |
||||
win.localStorage[LOCAL_STORAGE_NAME] = JSON.stringify(this._db); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 绑定操作 |
||||
* @private |
||||
*/ |
||||
Storage.prototype._bindCtrl = function () { |
||||
var that = this; |
||||
this.$e.win.on('beforeunload', function () { |
||||
that._bridgeLocalStorage('save'); |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 更新一篇文档，如果相同则不操作(对应内容不用重新渲染) |
||||
* @param {String} uri |
||||
* @param {String} content |
||||
* @returns {Boolean} |
||||
* @public |
||||
*/ |
||||
Storage.prototype.update = function (uri, content) { |
||||
var id = tools.simString(uri, 'short'); |
||||
if (this._db.documents[id]) { |
||||
if (this._db.documents[id].content == content) { |
||||
return false; |
||||
} else { |
||||
this.saveDoc(uri, content, id); |
||||
return true; |
||||
} |
||||
} else { |
||||
this.saveDoc(uri, content, id); |
||||
return true; |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 保存一篇文档 |
||||
* @param {String} uri - 文档资源地址 |
||||
* @param {String} content - 文档内容 |
||||
* @param {String} [id] - 已经编码的文档地址，可选 |
||||
* @public |
||||
*/ |
||||
Storage.prototype.saveDoc = function (uri, content, id) { |
||||
this.saveDocToDB(uri, content, id); |
||||
this._bridgeLocalStorage('save'); |
||||
this._changeSummary('sateOnly'); |
||||
}; |
||||
|
||||
/** |
||||
* 将文档存储到内存 |
||||
* @param {String} uri |
||||
* @param {String} content |
||||
* @param {String} id |
||||
* @public |
||||
*/ |
||||
Storage.prototype.saveDocToDB = function (uri, content, id) { |
||||
if (typeof uri != 'string' && uri == '') { |
||||
throw new Error('Error, uri must be a string!'); |
||||
} |
||||
if (typeof id == 'undefined') { |
||||
id = tools.simString(uri, 'short'); |
||||
} |
||||
this._db.documents[id] = { |
||||
id: id, |
||||
uri: uri, |
||||
content: content || '', |
||||
timestamp: Date.now() |
||||
}; |
||||
this._changeSummary('sateOnly', 'prepare'); |
||||
}; |
||||
|
||||
/** |
||||
* 读取一篇文档 |
||||
* @param {String} uri - 文档资源地址 |
||||
* @returns {String} 文档内容 |
||||
* @public |
||||
*/ |
||||
Storage.prototype.read = function (uri) { |
||||
var id = tools.simString(uri, 'short'); |
||||
var article = ''; |
||||
if (this._db.documents[id]) { |
||||
article = this._db.documents[id].content; |
||||
} |
||||
return article; |
||||
}; |
||||
|
||||
/** |
||||
* 读取一篇文档的时间 |
||||
* @param {String} uri - 文档资源地址 |
||||
* @returns {String} 文档内容 |
||||
* @public |
||||
*/ |
||||
Storage.prototype.readTime = function (uri) { |
||||
var id = tools.simString(uri, 'short'); |
||||
if (this._db.documents[id]) { |
||||
return this._db.documents[id].timestamp; |
||||
} else { |
||||
return 0; |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 删除一篇文档 |
||||
* @param {String} uri - 文档资源地址 |
||||
* @public |
||||
*/ |
||||
Storage.prototype.remove = function (uri) { |
||||
var id = tools.simString(uri, 'short'); |
||||
delete this._db.documents[id]; |
||||
this._bridgeLocalStorage('save'); |
||||
this._changeSummary('sateOnly'); |
||||
}; |
||||
|
||||
/** |
||||
* 增涨文档打开数记录 |
||||
* @param {String} uri |
||||
* @public |
||||
*/ |
||||
Storage.prototype.increaseOpenedCount = function (uri) { |
||||
var id = tools.simString(uri, 'short'); |
||||
//TODO: 待续...打开次数将一定程度影响排行
|
||||
}; |
||||
|
||||
/** |
||||
* 校对列表，清除失效文档 |
||||
* @param {Array} list - 由导航树偏平化生成的文档列表 |
||||
* @public |
||||
*/ |
||||
Storage.prototype.checkLibChange = function (list) { |
||||
this._indexing = list; |
||||
var documents = {}; |
||||
var id = ''; |
||||
for (var i = 0; i < list.length; i++) { |
||||
id = tools.simString(list[i], 'short'); |
||||
if (typeof this._db.documents[id] != 'undefined') { |
||||
documents[id] = this._db.documents[id]; |
||||
} |
||||
} |
||||
this._db.documents = documents; |
||||
this._bridgeLocalStorage('save'); |
||||
this._changeSummary(); |
||||
}; |
||||
|
||||
/** |
||||
* 更新缓存摘要（位于搜素面板） |
||||
* @param {String} stateOnly - 是否为只读 stateOnly / ... |
||||
* @param {String} prepare - 是否为预先 prepare / ... |
||||
* @private |
||||
*/ |
||||
Storage.prototype._changeSummary = function (stateOnly, prepare) { |
||||
var libraryiesLong = 0; |
||||
for (var p in this._db.documents) { |
||||
if (this._db.documents.hasOwnProperty(p)) { |
||||
libraryiesLong++; |
||||
} |
||||
} |
||||
//如果是预先，百分数减1
|
||||
if (prepare == 'prepare') { |
||||
this.$e.cacheState.text(parseInt(libraryiesLong / this._indexing.length * 100 - 1) + '%'); |
||||
} |
||||
//非预先则正常
|
||||
else { |
||||
this.$e.cacheState.text(parseInt(libraryiesLong / this._indexing.length * 100) + '%'); |
||||
} |
||||
//如果不只是状态
|
||||
if (stateOnly != 'stateOnly') { |
||||
this.$e.cacheDocTotal.text(this._indexing.length); |
||||
if (this._db.lastBuild) { |
||||
this.$e.cacheLasttime.text(win.tools.formatTime(this._db.lastBuild)); |
||||
} else { |
||||
this.$e.cacheLasttime.text('0000-00-00 00:00:00'); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 清除内存中的库列表 |
||||
* @public |
||||
*/ |
||||
Storage.prototype.clearLibraries = function () { |
||||
this._db.documents = {}; |
||||
this._changeSummary('sateOnly'); |
||||
}; |
||||
|
||||
/** |
||||
* 完成本次缓存重建 |
||||
* @public |
||||
*/ |
||||
Storage.prototype.saveRebuild = function () { |
||||
this._db.lastBuild = Date.now(); |
||||
this._bridgeLocalStorage('save'); |
||||
this._changeSummary(); |
||||
}; |
||||
|
||||
/** |
||||
* 返回导航列表 |
||||
* @returns {Array} |
||||
* @public |
||||
*/ |
||||
Storage.prototype.getIndexList = function () { |
||||
return this._indexing; |
||||
}; |
||||
|
||||
/** |
||||
* 获取当前缓存的所有文档 |
||||
* @returns {{Object}} |
||||
* @public |
||||
*/ |
||||
Storage.prototype.getAllDocs = function () { |
||||
return this._db.documents; |
||||
}; |
||||
|
||||
/** |
||||
* 获取缓存最后重建时间 |
||||
* @returns {Number} |
||||
* @public |
||||
*/ |
||||
Storage.prototype.getLastBuildTs = function () { |
||||
return this._db.lastBuild; |
||||
}; |
||||
|
||||
/** |
||||
* 获取本地存储中指定名称的值 |
||||
* @param {String} name |
||||
* @returns {*} |
||||
* @public |
||||
*/ |
||||
Storage.prototype.getStates = function (name) { |
||||
if (!this._states) { |
||||
this._states = JSON.parse(win.localStorage[LOCAL_STATES] || '{}'); |
||||
} |
||||
return this._states[name]; |
||||
}; |
||||
|
||||
/** |
||||
* 保持键值对到本地存储 |
||||
* @param {String} name |
||||
* @param {*} value |
||||
* @public |
||||
*/ |
||||
Storage.prototype.setStates = function (name, value) { |
||||
if (!this._states) { |
||||
this._states = JSON.parse(win.localStorage[LOCAL_STATES] || '{}'); |
||||
} |
||||
if (typeof value == 'undefined') { |
||||
delete this._states[name]; |
||||
} else { |
||||
this._states[name] = value; |
||||
} |
||||
win.localStorage[LOCAL_STATES] = JSON.stringify(this._states); |
||||
}; |
||||
|
||||
return win.AWStorage = Storage; |
||||
|
||||
})(window); |
||||
@ -0,0 +1,461 @@ |
||||
/** |
||||
* amWiki Web端 - 简单 ajax 测试模块 |
||||
* @author Tevin |
||||
* |
||||
* @notice 仅当页面存在“请求地址”、“请求类型”、“请求参数”三个h3标题时触发，且参数列表表格顺序不能打乱 |
||||
*/ |
||||
|
||||
(function (win, $) { |
||||
|
||||
'use strict'; |
||||
|
||||
/** |
||||
* 建接口测试 |
||||
* @constructor |
||||
*/ |
||||
var Testing = function () { |
||||
//缓存元素
|
||||
this.$e = { |
||||
win: $(win), |
||||
//测试面板
|
||||
testingBox: $('#testingBox'), |
||||
//md文档渲染处
|
||||
view: $('#view'), |
||||
//上一篇下一篇切换
|
||||
sibling: $('#mainSibling'), |
||||
//面板显示隐藏按钮
|
||||
testingShow: null, |
||||
//参数列表的容器
|
||||
testingParam: $('#testingParam') |
||||
}; |
||||
//缓存数据
|
||||
this._data = { |
||||
//全局参数列队
|
||||
globalParams: [], |
||||
//全局参数是否生效
|
||||
globalParamWorking: true, |
||||
//单条参数模板
|
||||
paramTemplate: $('#template\\:formList').text() |
||||
}; |
||||
//请求数据
|
||||
this._request = { |
||||
//请求地址
|
||||
url: '', |
||||
//请求类型
|
||||
method: '', |
||||
//请求参数
|
||||
params: [], |
||||
//全局参数
|
||||
paramGlobal: [] |
||||
}; |
||||
this._useGlobalParam(); |
||||
this._bindPanelCtrl(); |
||||
this._bindAjaxSend(); |
||||
}; |
||||
|
||||
/** |
||||
* 抓取请求内容，抓取成功才显示按钮 |
||||
* @public |
||||
*/ |
||||
Testing.prototype.crawlContent = function () { |
||||
var that = this; |
||||
var testingReqState = [false, false, false]; |
||||
this.$e.testingShow.removeClass('show'); |
||||
this.$e.view.find('h3').each(function () { |
||||
var $this = $(this); |
||||
var name = $.trim($this.text()); |
||||
//抓取请求地址
|
||||
if (name == '请求地址' && !testingReqState[0]) { |
||||
that._request.url = $.trim($this.next().text()); |
||||
if (that._request.url.indexOf('http') < 0) { |
||||
if (that._request.url.indexOf('/') == 0) { |
||||
that._request.url = 'http://' + location.host + that._request.url; |
||||
} else { |
||||
that._request.url = 'http://' + location.host + '/' + that._request.url; |
||||
} |
||||
} |
||||
testingReqState[0] = true; |
||||
} |
||||
//抓取请求类型
|
||||
else if (name == '请求类型' && !testingReqState[1]) { |
||||
that._request.method = $.trim($this.next().text()).toUpperCase(); |
||||
var methodState = false; |
||||
['GET', 'POST', 'PUT', 'DELETE'].forEach(function (value, index) { |
||||
if (that._request.method == value) { |
||||
methodState = true; |
||||
} |
||||
}); |
||||
if (!methodState) { |
||||
that._request.method = 'POST'; |
||||
} |
||||
testingReqState[1] = true; |
||||
} |
||||
//抓取请求参数
|
||||
else if (name == '请求参数' && !testingReqState[2]) { |
||||
//清空参数列表
|
||||
that._request.params.length = 0; |
||||
//不存在table直接无参数，存在table时开始解析
|
||||
if ($this.next('table').length > 0) { |
||||
$this.next('table').find('tbody').find('tr').each(function () { |
||||
var $tds = $(this).find('td'); |
||||
//抓取内容
|
||||
var param = { |
||||
keyName: $tds.eq(0).text().replace(/^\s+|\s+$/g, ''), |
||||
valueType: $tds.eq(1).text().replace(/^\s+|\s+$/g, ''), |
||||
required: $tds.eq(2).text().replace(/^\s+|\s+$/g, ''), |
||||
describe: $tds.eq(3).text().replace(/^\s+|\s+$/g, ''), |
||||
default: $tds.eq(4).text().replace(/^\s+|\s+$/g, ''), |
||||
reference: $tds.eq(5).text().replace(/^\s+|\s+$/g, '') |
||||
}; |
||||
//修正请求参数，正确键名才添加参数
|
||||
if (param.keyName != '无' && param.keyName != '-' && param.keyName != '') { |
||||
//“必填”转换
|
||||
if (param.required == '是' || param.required == '必填' || param.required == 'yes' || param.required == 'true') { |
||||
param.required = 'required'; |
||||
} else { |
||||
param.required = ''; |
||||
} |
||||
//“默认值”转换
|
||||
if (param.default == '-' || param.default == '无' || param.default == 'Null' || param.default == 'null') { |
||||
if (param.reference && param.reference != '-' && param.reference != '无' && param.reference != 'Null' && param.reference != 'null') { |
||||
param.default = param.reference; |
||||
} else { |
||||
param.default = ''; |
||||
} |
||||
} |
||||
that._request.params.push(param); |
||||
} |
||||
}); |
||||
} |
||||
testingReqState[2] = true; |
||||
} |
||||
}); |
||||
if (testingReqState[0] && testingReqState[1] && testingReqState[2]) { |
||||
this._initPanel(); |
||||
} else { |
||||
this._offPanel(); |
||||
} |
||||
testingReqState = [false, false, false]; |
||||
}; |
||||
|
||||
/** |
||||
* 关闭测试面板 |
||||
* @private |
||||
*/ |
||||
Testing.prototype._offPanel = function () { |
||||
this.$e.testingShow.removeClass('show'); |
||||
if (this.$e.testingShow.hasClass('on')) { |
||||
this.displayBox('off'); |
||||
} |
||||
//清除抓取参数
|
||||
this._request.url = ''; |
||||
this._request.method = ''; |
||||
this._request.params = []; |
||||
//清空请求地址
|
||||
$('#testingSendUrl').val(''); |
||||
//还原请求类型
|
||||
$('#testingSendType').find('option[value="POST"]').prop('selected', true); |
||||
//清空参数列表
|
||||
this.$e.testingParam.html(''); |
||||
//重置iframe
|
||||
$('#testingResponse')[0].contentWindow.location.reload(); |
||||
}; |
||||
|
||||
/** |
||||
* 测试面板填充数据 |
||||
* @private |
||||
*/ |
||||
Testing.prototype._initPanel = function () { |
||||
this.$e.testingShow.addClass('show'); |
||||
//填充请求地址
|
||||
$('#testingSendUrl').val(this._request.url); |
||||
//填充请求类型
|
||||
$('#testingSendType').find('option[value="' + this._request.method + '"]').prop('selected', true); |
||||
//清空现有参数列表
|
||||
this.$e.testingParam.html(''); |
||||
//填充参数列表
|
||||
if (this._request.params.length > 0) { |
||||
var paramsHTML = ''; |
||||
for (var i = 0; i < this._request.params.length; i++) { |
||||
paramsHTML += this._data.paramTemplate |
||||
.replace('{{describe}}', this._request.params[i].describe) |
||||
.replace('{{keyName}}', this._request.params[i].keyName) |
||||
.replace('{{default}}', this._request.params[i].default) |
||||
.replace('{{valueType}}', this._request.params[i].valueType) |
||||
.replace('{{required}}', this._request.params[i].required); |
||||
} |
||||
this.$e.testingParam.append(paramsHTML); |
||||
} else { |
||||
this.$e.testingParam.append('<li>无</li>'); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 切换测试面板显示隐藏状态 |
||||
* @param {String} type - on / off |
||||
* @public |
||||
*/ |
||||
Testing.prototype.displayBox = function (type) { |
||||
var that = this; |
||||
if (type == 'off') { |
||||
this.$e.testingShow.removeClass('on').find('span').text('测试接口'); |
||||
this.$e.testingBox.css({ |
||||
'position': 'absolute' |
||||
}); |
||||
this.$e.view.show().addClass('scroller-content'); |
||||
this.$e.sibling.addClass('scroller-content').addClass('on'); |
||||
this.$e.testingBox.removeClass('scroller-content').stop().animate({ |
||||
'width': '30%', |
||||
'opacity': 0 |
||||
}, 200, 'swing', function () { |
||||
that.$e.testingBox.removeAttr('style'); |
||||
}); |
||||
} else if (type == 'on') { |
||||
this.$e.testingShow.addClass('on').find('span').text('关闭测试'); |
||||
this.$e.testingBox |
||||
.css({ |
||||
'display': 'block', |
||||
'width': '0', |
||||
'opacity': 0 |
||||
}) |
||||
.stop() |
||||
.animate({ |
||||
'width': '100%', |
||||
'opacity': 1 |
||||
}, 300, 'swing', function () { |
||||
that.$e.view.hide().removeClass('scroller-content'); |
||||
that.$e.sibling.removeClass('scroller-content').removeClass('on'); |
||||
that.$e.testingBox.addClass('scroller-content').css({ |
||||
'position': 'relative' |
||||
}); |
||||
}); |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* 测试面板普通操作 |
||||
* @private |
||||
*/ |
||||
Testing.prototype._bindPanelCtrl = function () { |
||||
var that = this; |
||||
//显示隐藏控制按钮
|
||||
this.$e.testingShow = $('<div class="testing-show">[<span>测试接口</span>]</div>'); |
||||
if (location.protocol == 'file:') { |
||||
this.$e.testingShow |
||||
.attr('disabled', 'disabled') |
||||
.append('<i>您当前为本地模式打开，file:// 协议下不开放接口测试模块，请使用 http(s):// 网址打开</i>'); |
||||
} |
||||
$('#main').append(this.$e.testingShow); |
||||
//显示隐藏测试面板
|
||||
this.$e.testingShow.on('click', function () { |
||||
var $this = that.$e.testingShow; |
||||
if ($this.attr('disabled') == 'disabled') { |
||||
$this.toggleClass('on'); |
||||
} else { |
||||
if (that.$e.testingShow.hasClass('on')) { |
||||
that.displayBox('off'); |
||||
} else { |
||||
that.displayBox('on'); |
||||
} |
||||
} |
||||
}); |
||||
//填充请求地址
|
||||
$('#testingSendUrl').on('change', function () { |
||||
that._request.url = $(this).val(); |
||||
}); |
||||
//填充请求类型
|
||||
$('#testingSendType').on('change', function () { |
||||
that._request.method = $(this).find("option:selected").val(); |
||||
}); |
||||
//清空所有普通参数的值
|
||||
$('#testingBtnReset').on('click', function () { |
||||
that.$e.testingParam.find('.testing-param-val').val(''); |
||||
}); |
||||
//新增一个参数
|
||||
$('#testingBtnAdd').on('click', function () { |
||||
var pHTML = that._data.paramTemplate |
||||
.replace('{{describe}}', '新增参数') |
||||
.replace('{{keyName}}', '') |
||||
.replace('{{default}}', '') |
||||
.replace('({{valueType}})', '') |
||||
.replace('{{required}}', ''); |
||||
that.$e.testingParam.append(pHTML); |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 全局参数模块 |
||||
* @private |
||||
*/ |
||||
Testing.prototype._useGlobalParam = function () { |
||||
var that = this; |
||||
this._data.globalParams = JSON.parse(localStorage['amWikiGlobalParam'] || '[]'); //全局参数
|
||||
var gParamTmpl = $('#template\\:globalParam').text(); //全局参数模板
|
||||
var $testingGlobalParam = $('#testingGlobalParam'); //全局参数显示容器
|
||||
var $testingGlobal = $('#testingGlobal'); //全局参数弹窗
|
||||
this._data.globalParamWorking = (localStorage['amWikiGParamWorking'] || 'on') == 'on'; //全局参数是否工作
|
||||
//显示弹窗
|
||||
$('#testingBtnGParam').on('click', function () { |
||||
$testingGlobalParam.html(''); |
||||
that._data.globalParams = JSON.parse(localStorage['amWikiGlobalParam'] || '[]'); |
||||
if (that._data.globalParams.length == 0) { |
||||
$testingGlobalParam.append('<li data-type="empty">无</li>'); |
||||
} else { |
||||
for (var p = 0; p < that._data.globalParams.length; p++) { |
||||
$testingGlobalParam.append(gParamTmpl.replace('{{describe}}', that._data.globalParams[p].describe) |
||||
.replace('{{keyName}}', that._data.globalParams[p].keyName) |
||||
.replace('{{value}}', that._data.globalParams[p].value)); |
||||
} |
||||
} |
||||
$testingGlobal.show(); |
||||
}); |
||||
//基本操作
|
||||
$testingGlobal.on('click', function (e) { |
||||
var $elm = $(e.target); |
||||
//关闭
|
||||
if ($elm.hasClass('close') || $elm.hasClass('testing-global')) { |
||||
$testingGlobal.hide(); |
||||
} |
||||
//新增
|
||||
else if ($elm.hasClass('add')) { |
||||
$testingGlobalParam.find('[data-type="empty"]').remove(); |
||||
$testingGlobalParam.append(gParamTmpl.replace('{{describe}}', '') |
||||
.replace('{{keyName}}', '') |
||||
.replace('{{value}}', '')); |
||||
} |
||||
//保存
|
||||
else if ($elm.hasClass('save')) { |
||||
that._data.globalParams.length = 0; |
||||
$testingGlobalParam.find('li').each(function (i, elment) { |
||||
var $inputs = $(this).find('input'); |
||||
if ($inputs.eq(1).val()) { |
||||
that._data.globalParams.push({ |
||||
describe: $inputs.eq(0).val(), |
||||
keyName: $inputs.eq(1).val(), |
||||
value: $inputs.eq(2).val() |
||||
}); |
||||
} |
||||
}); |
||||
localStorage['amWikiGlobalParam'] = JSON.stringify(that._data.globalParams); |
||||
$testingGlobal.hide(); |
||||
} |
||||
}); |
||||
//删除参数
|
||||
$testingGlobalParam.on('click', 'i', function () { |
||||
$(this).parent().remove(); |
||||
if ($testingGlobalParam.find('li').length == 0) { |
||||
$testingGlobalParam.append('<li data-type="empty">无</li>'); |
||||
} |
||||
}); |
||||
$('#testingGlobalWorking').on('click', function () { |
||||
if (that._data.globalParamWorking) { |
||||
that._data.globalParamWorking = false; |
||||
localStorage['amWikiGParamWorking'] = 'off'; |
||||
$(this).addClass('off'); |
||||
} else { |
||||
that._data.globalParamWorking = true; |
||||
localStorage['amWikiGParamWorking'] = 'on'; |
||||
$(this).removeClass('off'); |
||||
} |
||||
}).addClass(this._data.globalParamWorking ? '' : 'off'); |
||||
}; |
||||
|
||||
/** |
||||
* 发送请求操作 |
||||
* @private |
||||
*/ |
||||
Testing.prototype._bindAjaxSend = function () { |
||||
var that = this; |
||||
var frame = $('#testingResponse')[0]; |
||||
var $duration = $('#testingDuration'); //耗时输出
|
||||
var $loading = $('#testingLoading'); |
||||
var $testingParam = $('#testingParam'); //参数列表
|
||||
$('#testingBtnSend').on('click', function () { |
||||
$duration.text(''); |
||||
var realParam = {}; //合并参数列表
|
||||
//从面板获取最新(可能已修改)接口参数
|
||||
if ($testingParam.find('input').length > 0) { |
||||
$testingParam.find('li').each(function () { |
||||
var $this = $(this); |
||||
realParam[$this.find('.testing-param-key').val()] = $this.find('.testing-param-val').val(); |
||||
}); |
||||
} |
||||
//全局参数
|
||||
if (that._data.globalParams.length > 0 && that._data.globalParamWorking) { |
||||
for (var i = 0; i < that._data.globalParams.length; i++) { |
||||
realParam[that._data.globalParams[i].keyName] = that._data.globalParams[i].value; |
||||
} |
||||
} |
||||
frame.contentWindow.location.reload(); //刷新iframe以便重新输出内容
|
||||
$loading.show(); |
||||
var startTime = Date.now(); |
||||
$.ajax({ |
||||
type: that._request.method, |
||||
url: that._request.url, |
||||
data: realParam, |
||||
dataType: 'text', |
||||
success: function (data) { |
||||
$loading.hide(); |
||||
$duration.text('耗时：' + parseFloat(Date.now() - startTime).toLocaleString() + ' ms'); |
||||
var $frameBody = $(frame.contentWindow.document).find('body'); |
||||
$frameBody.css('wordBreak', 'break-all'); |
||||
if (/^\s*\{[\s\S]*\}\s*$/.test(data)) { |
||||
$frameBody[0].innerHTML = '<pre style="white-space:pre-wrap;word-break:break-all;"><pre>'; |
||||
//json格式化输出
|
||||
$frameBody.find('pre').text(win.tools.formatJson(data)); |
||||
} else { |
||||
$frameBody[0].innerHTML = data.replace(/<!(doctype|DOCTYPE)\s+(html|HTML)>/, ''); |
||||
} |
||||
setTimeout(function () { |
||||
$(frame).height($frameBody.height()); |
||||
}, 100); |
||||
}, |
||||
error: function (xhr, textStatus) { |
||||
$loading.hide(); |
||||
$duration.text('耗时：' + parseFloat(Date.now() - startTime).toLocaleString() + ' ms'); |
||||
var $frameBody = $(frame.contentWindow.document).find('body'); |
||||
$frameBody.css('wordBreak', 'break-all'); |
||||
var html = '<div style="margin-bottom:20px;padding:10px;background:#ffebe5;">HTTP Status: <b>' + |
||||
xhr.status + '</b> ' + xhr.statusText + '</div>'; |
||||
//根据readyState简单判断跨域
|
||||
if (xhr.readyState == 0) { |
||||
html += '<div style="font-size:14px;">请求未发送！可能是因为：' + |
||||
'<ul style="line-height:22px;">' + |
||||
'<li>请求了<b style="color:#FF201E;margin-right:1px;">跨域</b>地址</li>' + |
||||
'<li>接口被302重定向到跨域地址</li>' + |
||||
'<li>其他原因</li>' + |
||||
'</ul></div>'; |
||||
$frameBody[0].innerHTML = html; |
||||
} |
||||
//不跨域且为json
|
||||
else if (/^\s*\{[\s\S]*\}\s*$/.test(xhr.responseText)) { |
||||
html += '<pre style="white-space:pre-wrap;word-break:break-all;"><pre>'; |
||||
$frameBody[0].innerHTML = html; |
||||
//json格式化输出
|
||||
$frameBody.find('pre').text(win.tools.formatJson(xhr.responseText)); |
||||
} |
||||
//其他不跨域
|
||||
else { |
||||
html += xhr.responseText.replace(/<!(doctype|DOCTYPE)\s+(html|HTML)>/, ''); |
||||
$frameBody[0].innerHTML = html; |
||||
} |
||||
setTimeout(function () { |
||||
$(frame).height($frameBody.height()); |
||||
}, 100); |
||||
} |
||||
}); |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 判断测试面板是否处于打开状态 |
||||
* @returns {Boolean} |
||||
* @public |
||||
*/ |
||||
Testing.prototype.isOpen = function () { |
||||
return this.$e.testingShow.hasClass('on'); |
||||
}; |
||||
|
||||
return win.AWTesting = Testing; |
||||
|
||||
})(window, jQuery); |
||||
@ -0,0 +1,154 @@ |
||||
/** |
||||
* amWiki Web端·工具集 |
||||
* @author Tevin |
||||
*/ |
||||
|
||||
; |
||||
(function (win) { |
||||
|
||||
'use strict'; |
||||
|
||||
return win.tools = { |
||||
|
||||
/** |
||||
* 获取url参数 |
||||
* @param {String} name |
||||
* @returns {String|Null} - 获取的参数 |
||||
*/ |
||||
getURLParameter: function (name) { |
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); |
||||
var r = window.location.search.substr(1).match(reg); |
||||
if (r != null) { |
||||
return r[2]; |
||||
} else { |
||||
return null; |
||||
} |
||||
}, |
||||
|
||||
/** |
||||
* 转换字符中每个汉字为两个字符 |
||||
* @param {String} str - 要编码的字符串 |
||||
* @param {String} [mod] - 编码模式选择，可选，normal(默认)一个汉字对应两位字符，short一个汉字对应一位字符 |
||||
* @returns {String} 编码后的字符串 |
||||
*/ |
||||
simString: function (str, mod) { |
||||
mod = mod == 'short'; //短字符串
|
||||
var str2 = ''; |
||||
var s = ''; |
||||
var encodeURI = win.encodeURI; |
||||
for (var i = 0; i < str.length; i++) { |
||||
s = str.substr(i, 1); |
||||
if (/[\u4e00-\u9fa5]/.test(s)) { |
||||
encodeURI(s).split('%').forEach(function (item) { |
||||
if (item == '') { |
||||
s = []; |
||||
} else { |
||||
s.push(parseInt('0x' + item)); |
||||
} |
||||
}); |
||||
if (mod) { |
||||
str2 += (s[0] + s[1] + s[2]).toString(16).substr(-1, 1); |
||||
} else { |
||||
str2 += (s[0] + s[1] + s[2]).toString(16).substr(-2, 2); |
||||
} |
||||
} else { |
||||
str2 += s; |
||||
} |
||||
} |
||||
return str2; |
||||
}, |
||||
|
||||
/** |
||||
* json格式化 |
||||
* @param {String} str - 需要格式化的json字符串 |
||||
* @returns {String} 格式化后的json字符串 |
||||
*/ |
||||
formatJson: function (str) { |
||||
var json = decodeURI(str.replace(/%([^0-9A-Z]{0,2})/g, '%25$1')); |
||||
var reg = null, |
||||
formatted = '', |
||||
pad = 0, |
||||
PADDING = ' '; |
||||
var options = {}; |
||||
// remove newline where '{' or '[' follows ':'
|
||||
options.newlineAfterColonIfBeforeBraceOrBracket = options.newlineAfterColonIfBeforeBraceOrBracket === true; |
||||
// use a space after a colon
|
||||
options.spaceAfterColon = options.spaceAfterColon !== false; |
||||
// begin formatting...
|
||||
if (typeof json !== 'string') { |
||||
json = JSON.stringify(json); |
||||
} else { |
||||
json = JSON.parse(json); |
||||
json = JSON.stringify(json); |
||||
} |
||||
// add newline before and after curly braces
|
||||
reg = /([\{\}])/g; |
||||
json = json.replace(reg, '\r\n$1\r\n'); |
||||
// add newline before and after square brackets
|
||||
reg = /([\[\]])/g; |
||||
json = json.replace(reg, '\r\n$1\r\n'); |
||||
// add newline after comma
|
||||
reg = /(\,)/g; |
||||
json = json.replace(reg, '$1\r\n'); |
||||
// remove multiple newlines
|
||||
reg = /(\r\n\r\n)/g; |
||||
json = json.replace(reg, '\r\n'); |
||||
// remove newlines before commas
|
||||
reg = /\r\n\,/g; |
||||
json = json.replace(reg, ','); |
||||
// optional formatting...
|
||||
if (!options.newlineAfterColonIfBeforeBraceOrBracket) { |
||||
reg = /\:\r\n\{/g; |
||||
json = json.replace(reg, ':{'); |
||||
reg = /\:\r\n\[/g; |
||||
json = json.replace(reg, ':['); |
||||
} |
||||
if (options.spaceAfterColon) { |
||||
reg = /"\s*\:/g; |
||||
json = json.replace(reg, '": '); |
||||
} |
||||
$.each(json.split('\r\n'), function (index, node) { |
||||
var i = 0, |
||||
indent = 0, |
||||
padding = ''; |
||||
if (node.match(/\{$/) || node.match(/\[$/)) { |
||||
indent = 1; |
||||
} else if (node.match(/\}/) || node.match(/\]/)) { |
||||
if (pad !== 0) { |
||||
pad -= 1; |
||||
} |
||||
} else { |
||||
indent = 0; |
||||
} |
||||
for (i = 0; i < pad; i++) { |
||||
padding += PADDING; |
||||
} |
||||
formatted += padding + node + '\r\n'; |
||||
pad += indent; |
||||
}); |
||||
return formatted; |
||||
}, |
||||
|
||||
/** |
||||
* 时间戳格式化为日期时间 |
||||
* @param {Number} timestamp - 时间戳 |
||||
* @returns {String} 日期时间 |
||||
*/ |
||||
formatTime: function (timestamp) { |
||||
var time = new Date(timestamp); |
||||
var year = time.getFullYear() + ''; |
||||
var month = time.getMonth() + 1; |
||||
month = month <= 9 ? '0' + month : month; |
||||
var date = time.getDate(); |
||||
date = date <= 9 ? '0' + date : date; |
||||
var hour = time.getHours(); |
||||
hour = hour <= 9 ? '0' + hour : hour; |
||||
var minute = time.getMinutes(); |
||||
minute = minute <= 9 ? '0' + minute : minute; |
||||
var second = time.getSeconds(); |
||||
second = second <= 9 ? '0' + second : second; |
||||
return year + '-' + month + '-' + date + ' ' + hour + ':' + minute + ':' + second; |
||||
} |
||||
} |
||||
|
||||
})(window); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,457 @@ |
||||
/** |
||||
* Convert Chinese to Pinyin |
||||
* 未知作者 |
||||
* 不能识别多音字 |
||||
*/ |
||||
|
||||
var PinYin = (function () { |
||||
|
||||
var py = { |
||||
"a": "\u554a\u963f\u9515", |
||||
"ai": "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d", |
||||
"an": "\u978d\u6c28\u5b89\u4ffa\u6309\u6697\u5cb8\u80fa\u6848\u8c19\u57ef\u63de\u72b4\u5eb5\u6849\u94f5\u9e4c\u9878\u9eef", |
||||
"ang": "\u80ae\u6602\u76ce", |
||||
"ao": "\u51f9\u6556\u71ac\u7ff1\u8884\u50b2\u5965\u61ca\u6fb3\u5773\u62d7\u55f7\u5662\u5c99\u5ed2\u9068\u5aaa\u9a9c\u8071\u87af\u93ca\u9ccc\u93d6", |
||||
"ba": "\u82ad\u634c\u6252\u53ed\u5427\u7b06\u516b\u75a4\u5df4\u62d4\u8dcb\u9776\u628a\u8019\u575d\u9738\u7f62\u7238\u8307\u83dd\u8406\u636d\u5c9c\u705e\u6777\u94af\u7c91\u9c85\u9b43", |
||||
"bai": "\u767d\u67cf\u767e\u6446\u4f70\u8d25\u62dc\u7a17\u859c\u63b0\u97b4", |
||||
"ban": "\u6591\u73ed\u642c\u6273\u822c\u9881\u677f\u7248\u626e\u62cc\u4f34\u74e3\u534a\u529e\u7eca\u962a\u5742\u8c73\u94a3\u7622\u764d\u8228", |
||||
"bang": "\u90a6\u5e2e\u6886\u699c\u8180\u7ed1\u68d2\u78c5\u868c\u9551\u508d\u8c24\u84a1\u8783", |
||||
"bao": "\u82de\u80de\u5305\u8912\u96f9\u4fdd\u5821\u9971\u5b9d\u62b1\u62a5\u66b4\u8c79\u9c8d\u7206\u52f9\u8446\u5b80\u5b62\u7172\u9e28\u8913\u8db5\u9f85", |
||||
"bo": "\u5265\u8584\u73bb\u83e0\u64ad\u62e8\u94b5\u6ce2\u535a\u52c3\u640f\u94c2\u7b94\u4f2f\u5e1b\u8236\u8116\u818a\u6e24\u6cca\u9a73\u4eb3\u8543\u5575\u997d\u6a97\u64d8\u7934\u94b9\u9e41\u7c38\u8ddb", |
||||
"bei": "\u676f\u7891\u60b2\u5351\u5317\u8f88\u80cc\u8d1d\u94a1\u500d\u72c8\u5907\u60eb\u7119\u88ab\u5b5b\u9642\u90b6\u57e4\u84d3\u5457\u602b\u6096\u789a\u9e4e\u8919\u943e", |
||||
"ben": "\u5954\u82ef\u672c\u7b28\u755a\u574c\u951b", |
||||
"beng": "\u5d29\u7ef7\u752d\u6cf5\u8e66\u8ff8\u552a\u5623\u750f", |
||||
"bi": "\u903c\u9f3b\u6bd4\u9119\u7b14\u5f7c\u78a7\u84d6\u853d\u6bd5\u6bd9\u6bd6\u5e01\u5e87\u75f9\u95ed\u655d\u5f0a\u5fc5\u8f9f\u58c1\u81c2\u907f\u965b\u5315\u4ef3\u4ffe\u8298\u835c\u8378\u5421\u54d4\u72f4\u5eb3\u610e\u6ed7\u6fde\u5f3c\u59a3\u5a62\u5b16\u74a7\u8d32\u7540\u94cb\u79d5\u88e8\u7b5a\u7b85\u7be6\u822d\u895e\u8df8\u9ac0", |
||||
"bian": "\u97ad\u8fb9\u7f16\u8d2c\u6241\u4fbf\u53d8\u535e\u8fa8\u8fa9\u8fab\u904d\u533e\u5f01\u82c4\u5fed\u6c74\u7f0f\u7178\u782d\u78a5\u7a39\u7a86\u8759\u7b3e\u9cca", |
||||
"biao": "\u6807\u5f6a\u8198\u8868\u5a4a\u9aa0\u98d1\u98d9\u98da\u706c\u9556\u9573\u762d\u88f1\u9cd4", |
||||
"bie": "\u9cd6\u618b\u522b\u762a\u8e69\u9cd8", |
||||
"bin": "\u5f6c\u658c\u6fd2\u6ee8\u5bbe\u6448\u50a7\u6d5c\u7f24\u73a2\u6ba1\u8191\u9554\u9acc\u9b13", |
||||
"bing": "\u5175\u51b0\u67c4\u4e19\u79c9\u997c\u70b3\u75c5\u5e76\u7980\u90b4\u6452\u7ee0\u678b\u69df\u71f9", |
||||
"bu": "\u6355\u535c\u54fa\u8865\u57e0\u4e0d\u5e03\u6b65\u7c3f\u90e8\u6016\u62ca\u535f\u900b\u74ff\u6661\u949a\u91ad", |
||||
"ca": "\u64e6\u5693\u7924", |
||||
"cai": "\u731c\u88c1\u6750\u624d\u8d22\u776c\u8e29\u91c7\u5f69\u83dc\u8521", |
||||
"can": "\u9910\u53c2\u8695\u6b8b\u60ed\u60e8\u707f\u9a96\u74a8\u7cb2\u9eea", |
||||
"cang": "\u82cd\u8231\u4ed3\u6ca7\u85cf\u4f27", |
||||
"cao": "\u64cd\u7cd9\u69fd\u66f9\u8349\u8279\u5608\u6f15\u87ac\u825a", |
||||
"ce": "\u5395\u7b56\u4fa7\u518c\u6d4b\u5202\u5e3b\u607b", |
||||
"ceng": "\u5c42\u8e6d\u564c", |
||||
"cha": "\u63d2\u53c9\u832c\u8336\u67e5\u78b4\u643d\u5bdf\u5c94\u5dee\u8be7\u7339\u9987\u6c4a\u59f9\u6748\u6942\u69ce\u6aab\u9497\u9538\u9572\u8869", |
||||
"chai": "\u62c6\u67f4\u8c7a\u4faa\u8308\u7625\u867f\u9f87", |
||||
"chan": "\u6400\u63ba\u8749\u998b\u8c17\u7f20\u94f2\u4ea7\u9610\u98a4\u5181\u8c04\u8c36\u8487\u5edb\u5fcf\u6f7a\u6fb6\u5b71\u7fbc\u5a75\u5b17\u9aa3\u89c7\u7985\u9561\u88e3\u87fe\u8e94", |
||||
"chang": "\u660c\u7316\u573a\u5c1d\u5e38\u957f\u507f\u80a0\u5382\u655e\u7545\u5531\u5021\u4f25\u9b2f\u82cc\u83d6\u5f9c\u6005\u60dd\u960a\u5a3c\u5ae6\u6636\u6c05\u9cb3", |
||||
"chao": "\u8d85\u6284\u949e\u671d\u5632\u6f6e\u5de2\u5435\u7092\u600a\u7ec9\u6641\u8016", |
||||
"che": "\u8f66\u626f\u64a4\u63a3\u5f7b\u6f88\u577c\u5c6e\u7817", |
||||
"chen": "\u90f4\u81e3\u8fb0\u5c18\u6668\u5ff1\u6c89\u9648\u8d81\u886c\u79f0\u8c0c\u62bb\u55d4\u5bb8\u741b\u6987\u809c\u80c2\u789c\u9f80", |
||||
"cheng": "\u6491\u57ce\u6a59\u6210\u5448\u4e58\u7a0b\u60e9\u6f84\u8bda\u627f\u901e\u9a8b\u79e4\u57d5\u5d4a\u5fb5\u6d48\u67a8\u67fd\u6a18\u665f\u584d\u77a0\u94d6\u88ce\u86cf\u9172", |
||||
"chi": "\u5403\u75f4\u6301\u5319\u6c60\u8fdf\u5f1b\u9a70\u803b\u9f7f\u4f88\u5c3a\u8d64\u7fc5\u65a5\u70bd\u50ba\u5880\u82aa\u830c\u640b\u53f1\u54e7\u557b\u55e4\u5f73\u996c\u6cb2\u5ab8\u6555\u80dd\u7719\u7735\u9e31\u761b\u892b\u86a9\u87ad\u7b1e\u7bea\u8c49\u8e05\u8e1f\u9b51", |
||||
"chong": "\u5145\u51b2\u866b\u5d07\u5ba0\u833a\u5fe1\u61a7\u94f3\u825f", |
||||
"chou": "\u62bd\u916c\u7574\u8e0c\u7a20\u6101\u7b79\u4ec7\u7ef8\u7785\u4e11\u4fe6\u5733\u5e31\u60c6\u6eb4\u59af\u7633\u96e0\u9c8b", |
||||
"chu": "\u81ed\u521d\u51fa\u6a71\u53a8\u8e87\u9504\u96cf\u6ec1\u9664\u695a\u7840\u50a8\u77d7\u6410\u89e6\u5904\u4e8d\u520d\u61b7\u7ecc\u6775\u696e\u6a17\u870d\u8e70\u9edc", |
||||
"chuan": "\u63e3\u5ddd\u7a7f\u693d\u4f20\u8239\u5598\u4e32\u63be\u821b\u60f4\u9044\u5ddb\u6c1a\u948f\u9569\u8221", |
||||
"chuang": "\u75ae\u7a97\u5e62\u5e8a\u95ef\u521b\u6006", |
||||
"chui": "\u5439\u708a\u6376\u9524\u5782\u9672\u68f0\u69cc", |
||||
"chun": "\u6625\u693f\u9187\u5507\u6df3\u7eaf\u8822\u4fc3\u83bc\u6c8c\u80ab\u6710\u9e51\u877d", |
||||
"chuo": "\u6233\u7ef0\u851f\u8fb6\u8f8d\u955e\u8e14\u9f8a", |
||||
"ci": "\u75b5\u8328\u78c1\u96cc\u8f9e\u6148\u74f7\u8bcd\u6b64\u523a\u8d50\u6b21\u8360\u5472\u5d6f\u9e5a\u8785\u7ccd\u8d91", |
||||
"cong": "\u806a\u8471\u56f1\u5306\u4ece\u4e1b\u506c\u82c1\u6dd9\u9aa2\u742e\u7481\u679e", |
||||
"cu": "\u51d1\u7c97\u918b\u7c07\u731d\u6b82\u8e59", |
||||
"cuan": "\u8e7f\u7be1\u7a9c\u6c46\u64ba\u6615\u7228", |
||||
"cui": "\u6467\u5d14\u50ac\u8106\u7601\u7cb9\u6dec\u7fe0\u8403\u60b4\u7480\u69b1\u96b9", |
||||
"cun": "\u6751\u5b58\u5bf8\u78cb\u5fd6\u76b4", |
||||
"cuo": "\u64ae\u6413\u63aa\u632b\u9519\u539d\u811e\u9509\u77ec\u75e4\u9e7e\u8e49\u8e9c", |
||||
"da": "\u642d\u8fbe\u7b54\u7629\u6253\u5927\u8037\u54d2\u55d2\u601b\u59b2\u75b8\u8921\u7b2a\u977c\u9791", |
||||
"dai": "\u5446\u6b79\u50a3\u6234\u5e26\u6b86\u4ee3\u8d37\u888b\u5f85\u902e\u6020\u57ed\u7519\u5454\u5cb1\u8fe8\u902f\u9a80\u7ed0\u73b3\u9edb", |
||||
"dan": "\u803d\u62c5\u4e39\u5355\u90f8\u63b8\u80c6\u65e6\u6c2e\u4f46\u60ee\u6de1\u8bde\u5f39\u86cb\u4ebb\u510b\u5369\u840f\u5556\u6fb9\u6a90\u6b9a\u8d55\u7708\u7605\u8043\u7baa", |
||||
"dang": "\u5f53\u6321\u515a\u8361\u6863\u8c20\u51fc\u83ea\u5b95\u7800\u94db\u88c6", |
||||
"dao": "\u5200\u6363\u8e48\u5012\u5c9b\u7977\u5bfc\u5230\u7a3b\u60bc\u9053\u76d7\u53e8\u5541\u5fc9\u6d2e\u6c18\u7118\u5fd1\u7e9b", |
||||
"de": "\u5fb7\u5f97\u7684\u951d", |
||||
"deng": "\u8e6c\u706f\u767b\u7b49\u77aa\u51f3\u9093\u5654\u5d9d\u6225\u78f4\u956b\u7c26", |
||||
"di": "\u5824\u4f4e\u6ef4\u8fea\u654c\u7b1b\u72c4\u6da4\u7fdf\u5ae1\u62b5\u5e95\u5730\u8482\u7b2c\u5e1d\u5f1f\u9012\u7f14\u6c10\u7c74\u8bcb\u8c1b\u90b8\u577b\u839c\u837b\u5600\u5a23\u67e2\u68e3\u89cc\u7825\u78b2\u7747\u955d\u7f9d\u9ab6", |
||||
"dian": "\u98a0\u6382\u6ec7\u7898\u70b9\u5178\u975b\u57ab\u7535\u4f43\u7538\u5e97\u60e6\u5960\u6dc0\u6bbf\u4e36\u963d\u576b\u57dd\u5dc5\u73b7\u765c\u766b\u7c1f\u8e2e", |
||||
"diao": "\u7889\u53fc\u96d5\u51cb\u5201\u6389\u540a\u9493\u8c03\u8f7a\u94de\u8729\u7c9c\u8c82", |
||||
"die": "\u8dcc\u7239\u789f\u8776\u8fed\u8c0d\u53e0\u4f5a\u57a4\u581e\u63f2\u558b\u6e2b\u8f76\u7252\u74de\u8936\u800b\u8e40\u9cbd\u9cce", |
||||
"ding": "\u4e01\u76ef\u53ee\u9489\u9876\u9f0e\u952d\u5b9a\u8ba2\u4e22\u4ec3\u5576\u738e\u815a\u7887\u753a\u94e4\u7594\u8035\u914a", |
||||
"dong": "\u4e1c\u51ac\u8463\u61c2\u52a8\u680b\u4f97\u606b\u51bb\u6d1e\u578c\u549a\u5cbd\u5cd2\u5902\u6c21\u80e8\u80f4\u7850\u9e2b", |
||||
"dou": "\u515c\u6296\u6597\u9661\u8c46\u9017\u75d8\u8538\u94ad\u7aa6\u7aac\u86aa\u7bfc\u9161", |
||||
"du": "\u90fd\u7763\u6bd2\u728a\u72ec\u8bfb\u5835\u7779\u8d4c\u675c\u9540\u809a\u5ea6\u6e21\u5992\u828f\u561f\u6e0e\u691f\u6a50\u724d\u8839\u7b03\u9ad1\u9ee9", |
||||
"duan": "\u7aef\u77ed\u953b\u6bb5\u65ad\u7f0e\u5f56\u6934\u7145\u7c16", |
||||
"dui": "\u5806\u5151\u961f\u5bf9\u603c\u619d\u7893", |
||||
"dun": "\u58a9\u5428\u8e72\u6566\u987f\u56e4\u949d\u76fe\u9041\u7096\u7818\u7905\u76f9\u9566\u8db8", |
||||
"duo": "\u6387\u54c6\u591a\u593a\u579b\u8eb2\u6735\u8dfa\u8235\u5241\u60f0\u5815\u5484\u54da\u7f0d\u67c1\u94ce\u88f0\u8e31", |
||||
"e": "\u86fe\u5ce8\u9e45\u4fc4\u989d\u8bb9\u5a25\u6076\u5384\u627c\u904f\u9102\u997f\u5669\u8c14\u57a9\u57ad\u82ca\u83aa\u843c\u5443\u6115\u5c59\u5a40\u8f6d\u66f7\u816d\u786a\u9507\u9537\u9e57\u989a\u9cc4", |
||||
"en": "\u6069\u84bd\u6441\u5514\u55ef", |
||||
"er": "\u800c\u513f\u8033\u5c14\u9975\u6d31\u4e8c\u8d30\u8fe9\u73e5\u94d2\u9e38\u9c95", |
||||
"fa": "\u53d1\u7f5a\u7b4f\u4f10\u4e4f\u9600\u6cd5\u73d0\u57a1\u781d", |
||||
"fan": "\u85e9\u5e06\u756a\u7ffb\u6a0a\u77fe\u9492\u7e41\u51e1\u70e6\u53cd\u8fd4\u8303\u8d29\u72af\u996d\u6cdb\u8629\u5e61\u72ad\u68b5\u6535\u71d4\u7548\u8e6f", |
||||
"fang": "\u574a\u82b3\u65b9\u80aa\u623f\u9632\u59a8\u4eff\u8bbf\u7eba\u653e\u531a\u90a1\u5f77\u94ab\u822b\u9c82", |
||||
"fei": "\u83f2\u975e\u5561\u98de\u80a5\u532a\u8bfd\u5420\u80ba\u5e9f\u6cb8\u8d39\u82be\u72d2\u60b1\u6ddd\u5983\u7ecb\u7eef\u69a7\u8153\u6590\u6249\u7953\u7829\u9544\u75f1\u871a\u7bda\u7fe1\u970f\u9cb1", |
||||
"fen": "\u82ac\u915a\u5429\u6c1b\u5206\u7eb7\u575f\u711a\u6c7e\u7c89\u594b\u4efd\u5fff\u6124\u7caa\u507e\u7035\u68fc\u610d\u9cbc\u9f22", |
||||
"feng": "\u4e30\u5c01\u67ab\u8702\u5cf0\u950b\u98ce\u75af\u70fd\u9022\u51af\u7f1d\u8bbd\u5949\u51e4\u4ff8\u9146\u8451\u6ca3\u781c", |
||||
"fu": "\u4f5b\u5426\u592b\u6577\u80a4\u5b75\u6276\u62c2\u8f90\u5e45\u6c1f\u7b26\u4f0f\u4fd8\u670d\u6d6e\u6daa\u798f\u88b1\u5f17\u752b\u629a\u8f85\u4fef\u91dc\u65a7\u812f\u8151\u5e9c\u8150\u8d74\u526f\u8986\u8d4b\u590d\u5085\u4ed8\u961c\u7236\u8179\u8d1f\u5bcc\u8ba3\u9644\u5987\u7f1a\u5490\u5310\u51eb\u90db\u8299\u82fb\u832f\u83a9\u83d4\u544b\u5e5e\u6ecf\u8274\u5b5a\u9a78\u7ec2\u6874\u8d59\u9efb\u9efc\u7f58\u7a03\u99a5\u864d\u86a8\u8709\u8760\u876e\u9eb8\u8dba\u8dd7\u9cc6", |
||||
"ga": "\u5676\u560e\u86e4\u5c2c\u5477\u5c15\u5c1c\u65ee\u9486", |
||||
"gai": "\u8be5\u6539\u6982\u9499\u76d6\u6e89\u4e10\u9654\u5793\u6224\u8d45\u80f2", |
||||
"gan": "\u5e72\u7518\u6746\u67d1\u7aff\u809d\u8d76\u611f\u79c6\u6562\u8d63\u5769\u82f7\u5c34\u64c0\u6cd4\u6de6\u6f89\u7ec0\u6a44\u65f0\u77f8\u75b3\u9150", |
||||
"gang": "\u5188\u521a\u94a2\u7f38\u809b\u7eb2\u5c97\u6e2f\u6206\u7f61\u9883\u7b7b", |
||||
"gong": "\u6760\u5de5\u653b\u529f\u606d\u9f9a\u4f9b\u8eac\u516c\u5bab\u5f13\u5de9\u6c5e\u62f1\u8d21\u5171\u857b\u5efe\u54a3\u73d9\u80b1\u86a3\u86e9\u89e5", |
||||
"gao": "\u7bd9\u768b\u9ad8\u818f\u7f94\u7cd5\u641e\u9550\u7a3f\u544a\u777e\u8bf0\u90dc\u84bf\u85c1\u7f1f\u69d4\u69c1\u6772\u9506", |
||||
"ge": "\u54e5\u6b4c\u6401\u6208\u9e3d\u80f3\u7599\u5272\u9769\u845b\u683c\u9601\u9694\u94ec\u4e2a\u5404\u9b32\u4ee1\u54ff\u5865\u55dd\u7ea5\u643f\u8188\u784c\u94ea\u9549\u88bc\u988c\u867c\u8238\u9abc\u9ac2", |
||||
"gei": "\u7ed9", |
||||
"gen": "\u6839\u8ddf\u4e98\u831b\u54cf\u826e", |
||||
"geng": "\u8015\u66f4\u5e9a\u7fb9\u57c2\u803f\u6897\u54fd\u8d53\u9ca0", |
||||
"gou": "\u94a9\u52fe\u6c9f\u82df\u72d7\u57a2\u6784\u8d2d\u591f\u4f5d\u8bdf\u5ca3\u9058\u5abe\u7f11\u89cf\u5f40\u9e32\u7b31\u7bdd\u97b2", |
||||
"gu": "\u8f9c\u83c7\u5495\u7b8d\u4f30\u6cbd\u5b64\u59d1\u9f13\u53e4\u86ca\u9aa8\u8c37\u80a1\u6545\u987e\u56fa\u96c7\u560f\u8bc2\u83f0\u54cc\u5d2e\u6c69\u688f\u8f71\u726f\u727f\u80cd\u81cc\u6bc2\u77bd\u7f5f\u94b4\u9522\u74e0\u9e2a\u9e44\u75fc\u86c4\u9164\u89da\u9cb4\u9ab0\u9e58", |
||||
"gua": "\u522e\u74dc\u5250\u5be1\u6302\u8902\u5366\u8bd6\u5471\u681d\u9e39", |
||||
"guai": "\u4e56\u62d0\u602a\u54d9", |
||||
"guan": "\u68fa\u5173\u5b98\u51a0\u89c2\u7ba1\u9986\u7f50\u60ef\u704c\u8d2f\u500c\u839e\u63bc\u6dab\u76e5\u9e73\u9ccf", |
||||
"guang": "\u5149\u5e7f\u901b\u72b7\u6844\u80f1\u7592", |
||||
"gui": "\u7470\u89c4\u572d\u7845\u5f52\u9f9f\u95fa\u8f68\u9b3c\u8be1\u7678\u6842\u67dc\u8dea\u8d35\u523d\u5326\u523f\u5e8b\u5b84\u59ab\u6867\u7085\u6677\u7688\u7c0b\u9c91\u9cdc", |
||||
"gun": "\u8f8a\u6eda\u68cd\u4e28\u886e\u7ef2\u78d9\u9ca7", |
||||
"guo": "\u9505\u90ed\u56fd\u679c\u88f9\u8fc7\u9998\u8803\u57da\u63b4\u5459\u56d7\u5e3c\u5d1e\u7313\u6901\u8662\u951e\u8052\u872e\u873e\u8748", |
||||
"ha": "\u54c8", |
||||
"hai": "\u9ab8\u5b69\u6d77\u6c26\u4ea5\u5bb3\u9a87\u54b4\u55e8\u988f\u91a2", |
||||
"han": "\u9163\u61a8\u90af\u97e9\u542b\u6db5\u5bd2\u51fd\u558a\u7f55\u7ff0\u64bc\u634d\u65f1\u61be\u608d\u710a\u6c57\u6c49\u9097\u83e1\u6496\u961a\u701a\u6657\u7113\u9894\u86b6\u9f3e", |
||||
"hen": "\u592f\u75d5\u5f88\u72e0\u6068", |
||||
"hang": "\u676d\u822a\u6c86\u7ed7\u73e9\u6841", |
||||
"hao": "\u58d5\u568e\u8c6a\u6beb\u90dd\u597d\u8017\u53f7\u6d69\u8585\u55e5\u5686\u6fe0\u704f\u660a\u7693\u98a2\u869d", |
||||
"he": "\u5475\u559d\u8377\u83cf\u6838\u79be\u548c\u4f55\u5408\u76d2\u8c89\u9602\u6cb3\u6db8\u8d6b\u8910\u9e64\u8d3a\u8bc3\u52be\u58d1\u85ff\u55d1\u55ec\u9616\u76cd\u86b5\u7fee", |
||||
"hei": "\u563f\u9ed1", |
||||
"heng": "\u54fc\u4ea8\u6a2a\u8861\u6052\u8a07\u8605", |
||||
"hong": "\u8f70\u54c4\u70d8\u8679\u9e3f\u6d2a\u5b8f\u5f18\u7ea2\u9ec9\u8ba7\u836d\u85a8\u95f3\u6cd3", |
||||
"hou": "\u5589\u4faf\u7334\u543c\u539a\u5019\u540e\u5820\u5f8c\u9005\u760a\u7bcc\u7cc7\u9c8e\u9aba", |
||||
"hu": "\u547c\u4e4e\u5ffd\u745a\u58f6\u846b\u80e1\u8774\u72d0\u7cca\u6e56\u5f27\u864e\u552c\u62a4\u4e92\u6caa\u6237\u51b1\u553f\u56eb\u5cb5\u7322\u6019\u60da\u6d52\u6ef9\u7425\u69f2\u8f77\u89f3\u70c0\u7173\u623d\u6248\u795c\u9e55\u9e71\u7b0f\u9190\u659b", |
||||
"hua": "\u82b1\u54d7\u534e\u733e\u6ed1\u753b\u5212\u5316\u8bdd\u5290\u6d4d\u9a85\u6866\u94e7\u7a1e", |
||||
"huai": "\u69d0\u5f8a\u6000\u6dee\u574f\u8fd8\u8e1d", |
||||
"huan": "\u6b22\u73af\u6853\u7f13\u6362\u60a3\u5524\u75ea\u8c62\u7115\u6da3\u5ba6\u5e7b\u90c7\u5942\u57b8\u64d0\u571c\u6d39\u6d63\u6f36\u5bf0\u902d\u7f33\u953e\u9ca9\u9b1f", |
||||
"huang": "\u8352\u614c\u9ec4\u78fa\u8757\u7c27\u7687\u51f0\u60f6\u714c\u6643\u5e4c\u604d\u8c0e\u968d\u5fa8\u6e5f\u6f62\u9051\u749c\u8093\u7640\u87e5\u7bc1\u9cc7", |
||||
"hui": "\u7070\u6325\u8f89\u5fbd\u6062\u86d4\u56de\u6bc1\u6094\u6167\u5349\u60e0\u6666\u8d3f\u79fd\u4f1a\u70e9\u6c47\u8bb3\u8bf2\u7ed8\u8bd9\u8334\u835f\u8559\u54d5\u5599\u96b3\u6d04\u5f57\u7f0b\u73f2\u6656\u605a\u867a\u87ea\u9ebe", |
||||
"hun": "\u8364\u660f\u5a5a\u9b42\u6d51\u6df7\u8be8\u9984\u960d\u6eb7\u7f17", |
||||
"huo": "\u8c41\u6d3b\u4f19\u706b\u83b7\u6216\u60d1\u970d\u8d27\u7978\u6509\u56af\u5925\u94ac\u952a\u956c\u8020\u8816", |
||||
"ji": "\u51fb\u573e\u57fa\u673a\u7578\u7a3d\u79ef\u7b95\u808c\u9965\u8ff9\u6fc0\u8ba5\u9e21\u59ec\u7ee9\u7f09\u5409\u6781\u68d8\u8f91\u7c4d\u96c6\u53ca\u6025\u75be\u6c72\u5373\u5ac9\u7ea7\u6324\u51e0\u810a\u5df1\u84df\u6280\u5180\u5b63\u4f0e\u796d\u5242\u60b8\u6d4e\u5bc4\u5bc2\u8ba1\u8bb0\u65e2\u5fcc\u9645\u5993\u7ee7\u7eaa\u5c45\u4e0c\u4e69\u525e\u4f76\u4f74\u8114\u58bc\u82a8\u82b0\u8401\u84ba\u857a\u638e\u53fd\u54ad\u54dc\u5527\u5c8c\u5d74\u6d0e\u5f50\u5c50\u9aa5\u757f\u7391\u696b\u6b9b\u621f\u6222\u8d4d\u89ca\u7284\u9f51\u77f6\u7f81\u5d47\u7a37\u7620\u7635\u866e\u7b08\u7b04\u66a8\u8dfb\u8dfd\u9701\u9c9a\u9cab\u9afb\u9e82", |
||||
"jia": "\u5609\u67b7\u5939\u4f73\u5bb6\u52a0\u835a\u988a\u8d3e\u7532\u94be\u5047\u7a3c\u4ef7\u67b6\u9a7e\u5ac1\u4f3d\u90cf\u62ee\u5cac\u6d43\u8fe6\u73c8\u621b\u80db\u605d\u94d7\u9553\u75c2\u86f1\u7b33\u8888\u8dcf", |
||||
"jian": "\u6b7c\u76d1\u575a\u5c16\u7b3a\u95f4\u714e\u517c\u80a9\u8270\u5978\u7f04\u8327\u68c0\u67ec\u78b1\u7877\u62e3\u6361\u7b80\u4fed\u526a\u51cf\u8350\u69db\u9274\u8df5\u8d31\u89c1\u952e\u7bad\u4ef6\u5065\u8230\u5251\u996f\u6e10\u6e85\u6da7\u5efa\u50ed\u8c0f\u8c2b\u83c5\u84b9\u641b\u56dd\u6e54\u8e47\u8b07\u7f23\u67a7\u67d9\u6957\u620b\u622c\u726e\u728d\u6bfd\u8171\u7751\u950f\u9e63\u88e5\u7b15\u7bb4\u7fe6\u8dbc\u8e3a\u9ca3\u97af", |
||||
"jiang": "\u50f5\u59dc\u5c06\u6d46\u6c5f\u7586\u848b\u6868\u5956\u8bb2\u5320\u9171\u964d\u8333\u6d1a\u7edb\u7f30\u729f\u7913\u8029\u7ce8\u8c47", |
||||
"jiao": "\u8549\u6912\u7901\u7126\u80f6\u4ea4\u90ca\u6d47\u9a84\u5a07\u56bc\u6405\u94f0\u77eb\u4fa5\u811a\u72e1\u89d2\u997a\u7f34\u7ede\u527f\u6559\u9175\u8f7f\u8f83\u53eb\u4f7c\u50ec\u832d\u6322\u564d\u5ce4\u5fbc\u59e3\u7e9f\u656b\u768e\u9e6a\u86df\u91ae\u8de4\u9c9b", |
||||
"jie": "\u7a96\u63ed\u63a5\u7686\u79f8\u8857\u9636\u622a\u52ab\u8282\u6854\u6770\u6377\u776b\u7aed\u6d01\u7ed3\u89e3\u59d0\u6212\u85c9\u82a5\u754c\u501f\u4ecb\u75a5\u8beb\u5c4a\u5048\u8ba6\u8bd8\u5588\u55df\u736c\u5a55\u5b51\u6840\u7352\u78a3\u9534\u7596\u88b7\u9889\u86a7\u7faf\u9c92\u9ab1\u9aeb", |
||||
"jin": "\u5dfe\u7b4b\u65a4\u91d1\u4eca\u6d25\u895f\u7d27\u9526\u4ec5\u8c28\u8fdb\u9773\u664b\u7981\u8fd1\u70ec\u6d78\u5c3d\u537a\u8369\u5807\u5664\u9991\u5ed1\u5997\u7f19\u747e\u69ff\u8d46\u89d0\u9485\u9513\u887f\u77dc", |
||||
"jing": "\u52b2\u8346\u5162\u830e\u775b\u6676\u9cb8\u4eac\u60ca\u7cbe\u7cb3\u7ecf\u4e95\u8b66\u666f\u9888\u9759\u5883\u656c\u955c\u5f84\u75c9\u9756\u7adf\u7ade\u51c0\u522d\u5106\u9631\u83c1\u734d\u61ac\u6cfe\u8ff3\u5f2a\u5a67\u80bc\u80eb\u8148\u65cc", |
||||
"jiong": "\u70af\u7a98\u5182\u8fe5\u6243", |
||||
"jiu": "\u63ea\u7a76\u7ea0\u7396\u97ed\u4e45\u7078\u4e5d\u9152\u53a9\u6551\u65e7\u81fc\u8205\u548e\u5c31\u759a\u50e6\u557e\u9604\u67e9\u6855\u9e6b\u8d73\u9b0f", |
||||
"ju": "\u97a0\u62d8\u72d9\u75bd\u9a79\u83ca\u5c40\u5480\u77e9\u4e3e\u6cae\u805a\u62d2\u636e\u5de8\u5177\u8ddd\u8e1e\u952f\u4ff1\u53e5\u60e7\u70ac\u5267\u5028\u8bb5\u82e3\u82f4\u8392\u63ac\u907d\u5c66\u741a\u67b8\u6910\u6998\u6989\u6a58\u728b\u98d3\u949c\u9514\u7aad\u88fe\u8d84\u91b5\u8e3d\u9f83\u96ce\u97ab", |
||||
"juan": "\u6350\u9e43\u5a1f\u5026\u7737\u5377\u7ee2\u9104\u72f7\u6d93\u684a\u8832\u9529\u954c\u96bd", |
||||
"jue": "\u6485\u652b\u6289\u6398\u5014\u7235\u89c9\u51b3\u8bc0\u7edd\u53a5\u5282\u8c32\u77cd\u8568\u5658\u5d1b\u7357\u5b53\u73cf\u6877\u6a5b\u721d\u9562\u8e76\u89d6", |
||||
"jun": "\u5747\u83cc\u94a7\u519b\u541b\u5cfb\u4fca\u7ae3\u6d5a\u90e1\u9a8f\u6343\u72fb\u76b2\u7b60\u9e87", |
||||
"ka": "\u5580\u5496\u5361\u4f67\u5494\u80e9", |
||||
"ke": "\u54af\u5777\u82db\u67ef\u68f5\u78d5\u9897\u79d1\u58f3\u54b3\u53ef\u6e34\u514b\u523b\u5ba2\u8bfe\u5ca2\u606a\u6e98\u9a92\u7f02\u73c2\u8f72\u6c2a\u778c\u94b6\u75b4\u7aa0\u874c\u9ac1", |
||||
"kai": "\u5f00\u63e9\u6977\u51ef\u6168\u5240\u57b2\u8488\u5ffe\u607a\u94e0\u950e", |
||||
"kan": "\u520a\u582a\u52d8\u574e\u780d\u770b\u4f83\u51f5\u83b0\u83b6\u6221\u9f9b\u77b0", |
||||
"kang": "\u5eb7\u6177\u7ce0\u625b\u6297\u4ea2\u7095\u5751\u4f09\u95f6\u94aa", |
||||
"kao": "\u8003\u62f7\u70e4\u9760\u5c3b\u6832\u7292\u94d0", |
||||
"ken": "\u80af\u5543\u57a6\u6073\u57a0\u88c9\u9880", |
||||
"keng": "\u542d\u5fd0\u94ff", |
||||
"kong": "\u7a7a\u6050\u5b54\u63a7\u5025\u5d06\u7b9c", |
||||
"kou": "\u62a0\u53e3\u6263\u5bc7\u82a4\u853b\u53e9\u770d\u7b58", |
||||
"ku": "\u67af\u54ed\u7a9f\u82e6\u9177\u5e93\u88e4\u5233\u5800\u55be\u7ed4\u9ab7", |
||||
"kua": "\u5938\u57ae\u630e\u8de8\u80ef\u4f89", |
||||
"kuai": "\u5757\u7b77\u4fa9\u5feb\u84af\u90d0\u8489\u72ef\u810d", |
||||
"kuan": "\u5bbd\u6b3e\u9acb", |
||||
"kuang": "\u5321\u7b50\u72c2\u6846\u77ff\u7736\u65f7\u51b5\u8bd3\u8bf3\u909d\u5739\u593c\u54d0\u7ea9\u8d36", |
||||
"kui": "\u4e8f\u76d4\u5cbf\u7aa5\u8475\u594e\u9b41\u5080\u9988\u6127\u6e83\u9997\u532e\u5914\u9697\u63c6\u55b9\u559f\u609d\u6126\u9615\u9035\u668c\u777d\u8069\u8770\u7bd1\u81fe\u8dec", |
||||
"kun": "\u5764\u6606\u6346\u56f0\u6083\u9603\u7428\u951f\u918c\u9cb2\u9ae1", |
||||
"kuo": "\u62ec\u6269\u5ed3\u9614\u86de", |
||||
"la": "\u5783\u62c9\u5587\u8721\u814a\u8fa3\u5566\u524c\u647a\u908b\u65ef\u782c\u760c", |
||||
"lai": "\u83b1\u6765\u8d56\u5d03\u5f95\u6d9e\u6fd1\u8d49\u7750\u94fc\u765e\u7c41", |
||||
"lan": "\u84dd\u5a6a\u680f\u62e6\u7bee\u9611\u5170\u6f9c\u8c30\u63fd\u89c8\u61d2\u7f06\u70c2\u6ee5\u5549\u5c9a\u61d4\u6f24\u6984\u6593\u7f71\u9567\u8934", |
||||
"lang": "\u7405\u6994\u72fc\u5eca\u90ce\u6717\u6d6a\u83a8\u8497\u5577\u9606\u9512\u7a02\u8782", |
||||
"lao": "\u635e\u52b3\u7262\u8001\u4f6c\u59e5\u916a\u70d9\u6d9d\u5520\u5d02\u6833\u94d1\u94f9\u75e8\u91aa", |
||||
"le": "\u52d2\u4e50\u808b\u4ec2\u53fb\u561e\u6cd0\u9cd3", |
||||
"lei": "\u96f7\u956d\u857e\u78ca\u7d2f\u5121\u5792\u64c2\u7c7b\u6cea\u7fb8\u8bd4\u837d\u54a7\u6f2f\u5ad8\u7f27\u6a91\u8012\u9179", |
||||
"ling": "\u68f1\u51b7\u62ce\u73b2\u83f1\u96f6\u9f84\u94c3\u4f36\u7f9a\u51cc\u7075\u9675\u5cad\u9886\u53e6\u4ee4\u9143\u5844\u82d3\u5464\u56f9\u6ce0\u7eeb\u67c3\u68c2\u74f4\u8046\u86c9\u7fce\u9cae", |
||||
"leng": "\u695e\u6123", |
||||
"li": "\u5398\u68a8\u7281\u9ece\u7bf1\u72f8\u79bb\u6f13\u7406\u674e\u91cc\u9ca4\u793c\u8389\u8354\u540f\u6817\u4e3d\u5389\u52b1\u783e\u5386\u5229\u5088\u4f8b\u4fd0\u75e2\u7acb\u7c92\u6ca5\u96b6\u529b\u7483\u54e9\u4fea\u4fda\u90e6\u575c\u82c8\u8385\u84e0\u85dc\u6369\u5456\u5533\u55b1\u7301\u6ea7\u6fa7\u9026\u5a0c\u5ae0\u9a8a\u7f21\u73de\u67a5\u680e\u8f79\u623e\u783a\u8a48\u7f79\u9502\u9e42\u75a0\u75ac\u86ce\u870a\u8821\u7b20\u7be5\u7c9d\u91b4\u8dde\u96f3\u9ca1\u9ce2\u9ee7", |
||||
"lian": "\u4fe9\u8054\u83b2\u8fde\u9570\u5ec9\u601c\u6d9f\u5e18\u655b\u8138\u94fe\u604b\u70bc\u7ec3\u631b\u8539\u5941\u6f4b\u6fc2\u5a08\u740f\u695d\u6b93\u81c1\u81a6\u88e2\u880a\u9ca2", |
||||
"liang": "\u7cae\u51c9\u6881\u7cb1\u826f\u4e24\u8f86\u91cf\u667e\u4eae\u8c05\u589a\u690b\u8e09\u9753\u9b49", |
||||
"liao": "\u64a9\u804a\u50da\u7597\u71ce\u5be5\u8fbd\u6f66\u4e86\u6482\u9563\u5ed6\u6599\u84fc\u5c25\u5639\u7360\u5bee\u7f2d\u948c\u9e69\u8022", |
||||
"lie": "\u5217\u88c2\u70c8\u52a3\u730e\u51bd\u57d2\u6d0c\u8d94\u8e90\u9b23", |
||||
"lin": "\u7433\u6797\u78f7\u9716\u4e34\u90bb\u9cde\u6dcb\u51db\u8d41\u541d\u853a\u5d99\u5eea\u9074\u6aa9\u8f9a\u77b5\u7cbc\u8e8f\u9e9f", |
||||
"liu": "\u6e9c\u7409\u69b4\u786b\u998f\u7559\u5218\u7624\u6d41\u67f3\u516d\u62a1\u507b\u848c\u6cd6\u6d4f\u905b\u9a9d\u7efa\u65d2\u7198\u950d\u954f\u9e68\u938f", |
||||
"long": "\u9f99\u804b\u5499\u7b3c\u7abf\u9686\u5784\u62e2\u9647\u5f04\u5785\u830f\u6cf7\u73d1\u680a\u80e7\u783b\u7643", |
||||
"lou": "\u697c\u5a04\u6402\u7bd3\u6f0f\u964b\u55bd\u5d5d\u9542\u7618\u8027\u877c\u9ac5", |
||||
"lu": "\u82a6\u5362\u9885\u5e90\u7089\u63b3\u5364\u864f\u9c81\u9e93\u788c\u9732\u8def\u8d42\u9e7f\u6f5e\u7984\u5f55\u9646\u622e\u5786\u6445\u64b8\u565c\u6cf8\u6e0c\u6f09\u7490\u680c\u6a79\u8f73\u8f82\u8f98\u6c07\u80ea\u9565\u9e2c\u9e6d\u7c0f\u823b\u9c88", |
||||
"lv": "\u9a74\u5415\u94dd\u4fa3\u65c5\u5c65\u5c61\u7f15\u8651\u6c2f\u5f8b\u7387\u6ee4\u7eff\u634b\u95fe\u6988\u8182\u7a06\u891b", |
||||
"luan": "\u5ce6\u5b6a\u6ee6\u5375\u4e71\u683e\u9e3e\u92ae", |
||||
"lue": "\u63a0\u7565\u950a", |
||||
"lun": "\u8f6e\u4f26\u4ed1\u6ca6\u7eb6\u8bba\u56f5", |
||||
"luo": "\u841d\u87ba\u7f57\u903b\u9523\u7ba9\u9aa1\u88f8\u843d\u6d1b\u9a86\u7edc\u502e\u8366\u645e\u7321\u6cfa\u6924\u8136\u9559\u7630\u96d2", |
||||
"ma": "\u5988\u9ebb\u739b\u7801\u8682\u9a6c\u9a82\u561b\u5417\u551b\u72b8\u5b37\u6769\u9ebd", |
||||
"mai": "\u57cb\u4e70\u9ea6\u5356\u8fc8\u8109\u52a2\u836c\u54aa\u973e", |
||||
"man": "\u7792\u9992\u86ee\u6ee1\u8513\u66fc\u6162\u6f2b\u8c29\u5881\u5e54\u7f26\u71b3\u9558\u989f\u87a8\u9cd7\u9794", |
||||
"mang": "\u8292\u832b\u76f2\u5fd9\u83bd\u9099\u6f2d\u6726\u786d\u87d2", |
||||
"meng": "\u6c13\u840c\u8499\u6aac\u76df\u9530\u731b\u68a6\u5b5f\u52d0\u750d\u77a2\u61f5\u791e\u867b\u8722\u8813\u824b\u8268\u9efe", |
||||
"miao": "\u732b\u82d7\u63cf\u7784\u85d0\u79d2\u6e3a\u5e99\u5999\u55b5\u9088\u7f08\u7f2a\u676a\u6dfc\u7707\u9e4b\u8731", |
||||
"mao": "\u8305\u951a\u6bdb\u77db\u94c6\u536f\u8302\u5192\u5e3d\u8c8c\u8d38\u4f94\u88a4\u52d6\u8306\u5cc1\u7441\u6634\u7266\u8004\u65c4\u61cb\u7780\u86d1\u8765\u87ca\u9ae6", |
||||
"me": "\u4e48", |
||||
"mei": "\u73ab\u679a\u6885\u9176\u9709\u7164\u6ca1\u7709\u5a92\u9541\u6bcf\u7f8e\u6627\u5bd0\u59b9\u5a9a\u5776\u8393\u5d4b\u7338\u6d7c\u6e44\u6963\u9545\u9e5b\u8882\u9b45", |
||||
"men": "\u95e8\u95f7\u4eec\u626a\u739f\u7116\u61d1\u9494", |
||||
"mi": "\u772f\u919a\u9761\u7cdc\u8ff7\u8c1c\u5f25\u7c73\u79d8\u89c5\u6ccc\u871c\u5bc6\u5e42\u8288\u5196\u8c27\u863c\u5627\u7315\u736f\u6c68\u5b93\u5f2d\u8112\u6549\u7cf8\u7e3b\u9e8b", |
||||
"mian": "\u68c9\u7720\u7ef5\u5195\u514d\u52c9\u5a29\u7f05\u9762\u6c94\u6e4e\u817c\u7704", |
||||
"mie": "\u8511\u706d\u54a9\u881b\u7bfe", |
||||
"min": "\u6c11\u62bf\u76bf\u654f\u60af\u95fd\u82e0\u5cb7\u95f5\u6cef\u73c9", |
||||
"ming": "\u660e\u879f\u9e23\u94ed\u540d\u547d\u51a5\u8317\u6e9f\u669d\u7791\u9169", |
||||
"miu": "\u8c2c", |
||||
"mo": "\u6478\u6479\u8611\u6a21\u819c\u78e8\u6469\u9b54\u62b9\u672b\u83ab\u58a8\u9ed8\u6cab\u6f20\u5bde\u964c\u8c1f\u8309\u84e6\u998d\u5aeb\u9546\u79e3\u763c\u8031\u87c6\u8c8a\u8c98", |
||||
"mou": "\u8c0b\u725f\u67d0\u53b6\u54de\u5a7a\u7738\u936a", |
||||
"mu": "\u62c7\u7261\u4ea9\u59c6\u6bcd\u5893\u66ae\u5e55\u52df\u6155\u6728\u76ee\u7766\u7267\u7a46\u4eeb\u82dc\u5452\u6c90\u6bea\u94bc", |
||||
"na": "\u62ff\u54ea\u5450\u94a0\u90a3\u5a1c\u7eb3\u5185\u637a\u80ad\u954e\u8872\u7bac", |
||||
"nai": "\u6c16\u4e43\u5976\u8010\u5948\u9f10\u827f\u8418\u67f0", |
||||
"nan": "\u5357\u7537\u96be\u56ca\u5583\u56e1\u6960\u8169\u877b\u8d67", |
||||
"nao": "\u6320\u8111\u607c\u95f9\u5b6c\u57b4\u7331\u7459\u7847\u94d9\u86f2", |
||||
"ne": "\u6dd6\u5462\u8bb7", |
||||
"nei": "\u9981", |
||||
"nen": "\u5ae9\u80fd\u6798\u6041", |
||||
"ni": "\u59ae\u9713\u502a\u6ce5\u5c3c\u62df\u4f60\u533f\u817b\u9006\u6eba\u4f32\u576d\u730a\u6029\u6ee0\u6635\u65ce\u7962\u615d\u7768\u94cc\u9cb5", |
||||
"nian": "\u852b\u62c8\u5e74\u78be\u64b5\u637b\u5ff5\u5eff\u8f87\u9ecf\u9c87\u9cb6", |
||||
"niang": "\u5a18\u917f", |
||||
"niao": "\u9e1f\u5c3f\u8311\u5b32\u8132\u8885", |
||||
"nie": "\u634f\u8042\u5b7d\u556e\u954a\u954d\u6d85\u4e5c\u9667\u8616\u55eb\u8080\u989e\u81ec\u8e51", |
||||
"nin": "\u60a8\u67e0", |
||||
"ning": "\u72de\u51dd\u5b81\u62e7\u6cde\u4f5e\u84e5\u549b\u752f\u804d", |
||||
"niu": "\u725b\u626d\u94ae\u7ebd\u72c3\u5ff8\u599e\u86b4", |
||||
"nong": "\u8113\u6d53\u519c\u4fac", |
||||
"nu": "\u5974\u52aa\u6012\u5476\u5e11\u5f29\u80ec\u5b65\u9a7d", |
||||
"nv": "\u5973\u6067\u9495\u8844", |
||||
"nuan": "\u6696", |
||||
"nuenue": "\u8650", |
||||
"nue": "\u759f\u8c11", |
||||
"nuo": "\u632a\u61e6\u7cef\u8bfa\u50a9\u6426\u558f\u9518", |
||||
"ou": "\u54e6\u6b27\u9e25\u6bb4\u85d5\u5455\u5076\u6ca4\u6004\u74ef\u8026", |
||||
"pa": "\u556a\u8db4\u722c\u5e15\u6015\u7436\u8469\u7b62", |
||||
"pai": "\u62cd\u6392\u724c\u5f98\u6e43\u6d3e\u4ff3\u848e", |
||||
"pan": "\u6500\u6f58\u76d8\u78d0\u76fc\u7554\u5224\u53db\u723f\u6cee\u88a2\u897b\u87e0\u8e52", |
||||
"pang": "\u4e53\u5e9e\u65c1\u802a\u80d6\u6ec2\u9004", |
||||
"pao": "\u629b\u5486\u5228\u70ae\u888d\u8dd1\u6ce1\u530f\u72cd\u5e96\u812c\u75b1", |
||||
"pei": "\u5478\u80da\u57f9\u88f4\u8d54\u966a\u914d\u4f69\u6c9b\u638a\u8f94\u5e14\u6de0\u65c6\u952b\u9185\u9708", |
||||
"pen": "\u55b7\u76c6\u6e53", |
||||
"peng": "\u7830\u62a8\u70f9\u6f8e\u5f6d\u84ec\u68da\u787c\u7bf7\u81a8\u670b\u9e4f\u6367\u78b0\u576f\u580b\u562d\u6026\u87db", |
||||
"pi": "\u7812\u9739\u6279\u62ab\u5288\u7435\u6bd7\u5564\u813e\u75b2\u76ae\u5339\u75de\u50fb\u5c41\u8b6c\u4e15\u9674\u90b3\u90eb\u572e\u9f19\u64d7\u567c\u5e80\u5ab2\u7eb0\u6787\u7513\u7765\u7f74\u94cd\u75e6\u7656\u758b\u868d\u8c94", |
||||
"pian": "\u7bc7\u504f\u7247\u9a97\u8c1d\u9a88\u728f\u80fc\u890a\u7fe9\u8e41", |
||||
"piao": "\u98d8\u6f02\u74e2\u7968\u527d\u560c\u5ad6\u7f25\u6b8d\u779f\u87b5", |
||||
"pie": "\u6487\u77a5\u4e3f\u82e4\u6c15", |
||||
"pin": "\u62fc\u9891\u8d2b\u54c1\u8058\u62da\u59d8\u5ad4\u6980\u725d\u98a6", |
||||
"ping": "\u4e52\u576a\u82f9\u840d\u5e73\u51ed\u74f6\u8bc4\u5c4f\u4fdc\u5a09\u67b0\u9c86", |
||||
"po": "\u5761\u6cfc\u9887\u5a46\u7834\u9b44\u8feb\u7c95\u53f5\u9131\u6ea5\u73c0\u948b\u94b7\u76a4\u7b38", |
||||
"pou": "\u5256\u88d2\u8e23", |
||||
"pu": "\u6251\u94fa\u4ec6\u8386\u8461\u83e9\u84b2\u57d4\u6734\u5703\u666e\u6d66\u8c31\u66dd\u7011\u530d\u5657\u6fee\u749e\u6c06\u9564\u9568\u8e7c", |
||||
"qi": "\u671f\u6b3a\u6816\u621a\u59bb\u4e03\u51c4\u6f06\u67d2\u6c8f\u5176\u68cb\u5947\u6b67\u7566\u5d0e\u8110\u9f50\u65d7\u7948\u7941\u9a91\u8d77\u5c82\u4e5e\u4f01\u542f\u5951\u780c\u5668\u6c14\u8fc4\u5f03\u6c7d\u6ce3\u8bab\u4e9f\u4e93\u573b\u8291\u840b\u847a\u5601\u5c7a\u5c90\u6c54\u6dc7\u9a90\u7eee\u742a\u7426\u675e\u6864\u69ed\u6b39\u797a\u61a9\u789b\u86f4\u871e\u7da6\u7dae\u8dbf\u8e4a\u9ccd\u9e92", |
||||
"qia": "\u6390\u6070\u6d3d\u845c", |
||||
"qian": "\u7275\u6266\u948e\u94c5\u5343\u8fc1\u7b7e\u4edf\u8c26\u4e7e\u9ed4\u94b1\u94b3\u524d\u6f5c\u9063\u6d45\u8c34\u5811\u5d4c\u6b20\u6b49\u4f65\u9621\u828a\u82a1\u8368\u63ae\u5c8d\u60ad\u614a\u9a9e\u6434\u8930\u7f31\u6920\u80b7\u6106\u94a4\u8654\u7b9d", |
||||
"qiang": "\u67aa\u545b\u8154\u7f8c\u5899\u8537\u5f3a\u62a2\u5af1\u6a2f\u6217\u709d\u9516\u9535\u956a\u8941\u8723\u7f9f\u8deb\u8dc4", |
||||
"qiao": "\u6a47\u9539\u6572\u6084\u6865\u77a7\u4e54\u4fa8\u5de7\u9798\u64ac\u7fd8\u5ced\u4fcf\u7a8d\u5281\u8bee\u8c2f\u835e\u6100\u6194\u7f32\u6a35\u6bf3\u7857\u8df7\u9792", |
||||
"qie": "\u5207\u8304\u4e14\u602f\u7a83\u90c4\u553c\u60ec\u59be\u6308\u9532\u7ba7", |
||||
"qin": "\u94a6\u4fb5\u4eb2\u79e6\u7434\u52e4\u82b9\u64d2\u79bd\u5bdd\u6c81\u82a9\u84c1\u8572\u63ff\u5423\u55ea\u5659\u6eb1\u6a8e\u8793\u887e", |
||||
"qing": "\u9752\u8f7b\u6c22\u503e\u537f\u6e05\u64ce\u6674\u6c30\u60c5\u9877\u8bf7\u5e86\u5029\u82d8\u570a\u6aa0\u78ec\u873b\u7f44\u7b90\u8b26\u9cad\u9ee5", |
||||
"qiong": "\u743c\u7a77\u909b\u8315\u7a79\u7b47\u928e", |
||||
"qiu": "\u79cb\u4e18\u90b1\u7403\u6c42\u56da\u914b\u6cc5\u4fc5\u6c3d\u5def\u827d\u72b0\u6e6b\u9011\u9052\u6978\u8d47\u9e20\u866c\u86af\u8764\u88d8\u7cd7\u9cc5\u9f3d", |
||||
"qu": "\u8d8b\u533a\u86c6\u66f2\u8eaf\u5c48\u9a71\u6e20\u53d6\u5a36\u9f8b\u8da3\u53bb\u8bce\u52ac\u8556\u8627\u5c96\u8862\u9612\u74a9\u89d1\u6c0d\u795b\u78f2\u766f\u86d0\u883c\u9eb4\u77bf\u9ee2", |
||||
"quan": "\u5708\u98a7\u6743\u919b\u6cc9\u5168\u75ca\u62f3\u72ac\u5238\u529d\u8be0\u8343\u737e\u609b\u7efb\u8f81\u754e\u94e8\u8737\u7b4c\u9b08", |
||||
"que": "\u7f3a\u7094\u7638\u5374\u9e4a\u69b7\u786e\u96c0\u9619\u60ab", |
||||
"qun": "\u88d9\u7fa4\u9021", |
||||
"ran": "\u7136\u71c3\u5189\u67d3\u82d2\u9aef", |
||||
"rang": "\u74e4\u58e4\u6518\u56b7\u8ba9\u79b3\u7a70", |
||||
"rao": "\u9976\u6270\u7ed5\u835b\u5a06\u6861", |
||||
"ruo": "\u60f9\u82e5\u5f31", |
||||
"re": "\u70ed\u504c", |
||||
"ren": "\u58ec\u4ec1\u4eba\u5fcd\u97e7\u4efb\u8ba4\u5203\u598a\u7eab\u4ede\u834f\u845a\u996a\u8f6b\u7a14\u887d", |
||||
"reng": "\u6254\u4ecd", |
||||
"ri": "\u65e5", |
||||
"rong": "\u620e\u8338\u84c9\u8363\u878d\u7194\u6eb6\u5bb9\u7ed2\u5197\u5d58\u72e8\u7f1b\u6995\u877e", |
||||
"rou": "\u63c9\u67d4\u8089\u7cc5\u8e42\u97a3", |
||||
"ru": "\u8339\u8815\u5112\u5b7a\u5982\u8fb1\u4e73\u6c5d\u5165\u8925\u84d0\u85b7\u5685\u6d33\u6ebd\u6fe1\u94f7\u8966\u98a5", |
||||
"ruan": "\u8f6f\u962e\u670a", |
||||
"rui": "\u854a\u745e\u9510\u82ae\u8564\u777f\u868b", |
||||
"run": "\u95f0\u6da6", |
||||
"sa": "\u6492\u6d12\u8428\u5345\u4ee8\u6332\u98d2", |
||||
"sai": "\u816e\u9cc3\u585e\u8d5b\u567b", |
||||
"san": "\u4e09\u53c1\u4f1e\u6563\u5f61\u9993\u6c35\u6bf5\u7cc1\u9730", |
||||
"sang": "\u6851\u55d3\u4e27\u6421\u78c9\u98a1", |
||||
"sao": "\u6414\u9a9a\u626b\u5ac2\u57fd\u81ca\u7619\u9ccb", |
||||
"se": "\u745f\u8272\u6da9\u556c\u94e9\u94ef\u7a51", |
||||
"sen": "\u68ee", |
||||
"seng": "\u50e7", |
||||
"sha": "\u838e\u7802\u6740\u5239\u6c99\u7eb1\u50bb\u5565\u715e\u810e\u6b43\u75e7\u88df\u970e\u9ca8", |
||||
"shai": "\u7b5b\u6652\u917e", |
||||
"shan": "\u73ca\u82eb\u6749\u5c71\u5220\u717d\u886b\u95ea\u9655\u64c5\u8d61\u81b3\u5584\u6c55\u6247\u7f2e\u5261\u8baa\u912f\u57cf\u829f\u6f78\u59d7\u9a9f\u81bb\u9490\u759d\u87ee\u8222\u8dda\u9cdd", |
||||
"shang": "\u5892\u4f24\u5546\u8d4f\u664c\u4e0a\u5c1a\u88f3\u57a7\u7ef1\u6b87\u71b5\u89de", |
||||
"shao": "\u68a2\u634e\u7a0d\u70e7\u828d\u52fa\u97f6\u5c11\u54e8\u90b5\u7ecd\u52ad\u82d5\u6f72\u86f8\u7b24\u7b72\u8244", |
||||
"she": "\u5962\u8d4a\u86c7\u820c\u820d\u8d66\u6444\u5c04\u6151\u6d89\u793e\u8bbe\u538d\u4f58\u731e\u7572\u9e9d", |
||||
"shen": "\u7837\u7533\u547b\u4f38\u8eab\u6df1\u5a20\u7ec5\u795e\u6c88\u5ba1\u5a76\u751a\u80be\u614e\u6e17\u8bdc\u8c02\u5432\u54c2\u6e16\u6939\u77e7\u8703", |
||||
"sheng": "\u58f0\u751f\u7525\u7272\u5347\u7ef3\u7701\u76db\u5269\u80dc\u5723\u4e1e\u6e11\u5ab5\u771a\u7b19", |
||||
"shi": "\u5e08\u5931\u72ee\u65bd\u6e7f\u8bd7\u5c38\u8671\u5341\u77f3\u62fe\u65f6\u4ec0\u98df\u8680\u5b9e\u8bc6\u53f2\u77e2\u4f7f\u5c4e\u9a76\u59cb\u5f0f\u793a\u58eb\u4e16\u67ff\u4e8b\u62ed\u8a93\u901d\u52bf\u662f\u55dc\u566c\u9002\u4ed5\u4f8d\u91ca\u9970\u6c0f\u5e02\u6043\u5ba4\u89c6\u8bd5\u8c25\u57d8\u83b3\u84cd\u5f11\u5511\u9963\u8f7c\u8006\u8d33\u70bb\u793b\u94c8\u94ca\u87ab\u8210\u7b6e\u8c55\u9ca5\u9cba", |
||||
"shou": "\u6536\u624b\u9996\u5b88\u5bff\u6388\u552e\u53d7\u7626\u517d\u624c\u72e9\u7ef6\u824f", |
||||
"shu": "\u852c\u67a2\u68b3\u6b8a\u6292\u8f93\u53d4\u8212\u6dd1\u758f\u4e66\u8d4e\u5b70\u719f\u85af\u6691\u66d9\u7f72\u8700\u9ecd\u9f20\u5c5e\u672f\u8ff0\u6811\u675f\u620d\u7ad6\u5885\u5eb6\u6570\u6f31\u6055\u500f\u587e\u83fd\u5fc4\u6cad\u6d91\u6f8d\u59dd\u7ebe\u6bf9\u8167\u6bb3\u956f\u79eb\u9e6c", |
||||
"shua": "\u5237\u800d\u5530\u6dae", |
||||
"shuai": "\u6454\u8870\u7529\u5e05\u87c0", |
||||
"shuan": "\u6813\u62f4\u95e9", |
||||
"shuang": "\u971c\u53cc\u723d\u5b40", |
||||
"shui": "\u8c01\u6c34\u7761\u7a0e", |
||||
"shun": "\u542e\u77ac\u987a\u821c\u6042", |
||||
"shuo": "\u8bf4\u7855\u6714\u70c1\u84b4\u6420\u55cd\u6fef\u5981\u69ca\u94c4", |
||||
"si": "\u65af\u6495\u5636\u601d\u79c1\u53f8\u4e1d\u6b7b\u8086\u5bfa\u55e3\u56db\u4f3a\u4f3c\u9972\u5df3\u53ae\u4fdf\u5155\u83e5\u549d\u6c5c\u6cd7\u6f8c\u59d2\u9a77\u7f0c\u7940\u7960\u9536\u9e36\u801c\u86f3\u7b25", |
||||
"song": "\u677e\u8038\u6002\u9882\u9001\u5b8b\u8bbc\u8bf5\u51c7\u83d8\u5d27\u5d69\u5fea\u609a\u6dde\u7ae6", |
||||
"sou": "\u641c\u8258\u64de\u55fd\u53df\u55d6\u55fe\u998a\u6eb2\u98d5\u778d\u953c\u878b", |
||||
"su": "\u82cf\u9165\u4fd7\u7d20\u901f\u7c9f\u50f3\u5851\u6eaf\u5bbf\u8bc9\u8083\u5919\u8c21\u850c\u55c9\u612b\u7c0c\u89eb\u7a23", |
||||
"suan": "\u9178\u849c\u7b97", |
||||
"sui": "\u867d\u968b\u968f\u7ee5\u9ad3\u788e\u5c81\u7a57\u9042\u96a7\u795f\u84d1\u51ab\u8c07\u6fc9\u9083\u71e7\u772d\u7762", |
||||
"sun": "\u5b59\u635f\u7b0b\u836a\u72f2\u98e7\u69ab\u8de3\u96bc", |
||||
"suo": "\u68ad\u5506\u7f29\u7410\u7d22\u9501\u6240\u5522\u55e6\u5a11\u686b\u7743\u7fa7", |
||||
"ta": "\u584c\u4ed6\u5b83\u5979\u5854\u736d\u631e\u8e4b\u8e0f\u95fc\u6ebb\u9062\u69bb\u6c93", |
||||
"tai": "\u80ce\u82d4\u62ac\u53f0\u6cf0\u915e\u592a\u6001\u6c70\u90b0\u85b9\u80bd\u70b1\u949b\u8dc6\u9c90", |
||||
"tan": "\u574d\u644a\u8d2a\u762b\u6ee9\u575b\u6a80\u75f0\u6f6d\u8c2d\u8c08\u5766\u6bef\u8892\u78b3\u63a2\u53f9\u70ad\u90ef\u8548\u6619\u94bd\u952c\u8983", |
||||
"tang": "\u6c64\u5858\u642a\u5802\u68e0\u819b\u5510\u7cd6\u50a5\u9967\u6e8f\u746d\u94f4\u9557\u8025\u8797\u87b3\u7fb0\u91a3", |
||||
"thang": "\u5018\u8eba\u6dcc", |
||||
"theng": "\u8d9f\u70eb", |
||||
"tao": "\u638f\u6d9b\u6ed4\u7ee6\u8404\u6843\u9003\u6dd8\u9676\u8ba8\u5957\u6311\u9f17\u5555\u97ec\u9955", |
||||
"te": "\u7279", |
||||
"teng": "\u85e4\u817e\u75bc\u8a8a\u6ed5", |
||||
"ti": "\u68af\u5254\u8e22\u9511\u63d0\u9898\u8e44\u557c\u4f53\u66ff\u568f\u60d5\u6d95\u5243\u5c49\u8351\u608c\u9016\u7ee8\u7f07\u9e48\u88fc\u918d", |
||||
"tian": "\u5929\u6dfb\u586b\u7530\u751c\u606c\u8214\u8146\u63ad\u5fdd\u9617\u6b84\u754b\u94bf\u86ba", |
||||
"tiao": "\u6761\u8fe2\u773a\u8df3\u4f7b\u7967\u94eb\u7a95\u9f86\u9ca6", |
||||
"tie": "\u8d34\u94c1\u5e16\u841c\u992e", |
||||
"ting": "\u5385\u542c\u70c3\u6c40\u5ef7\u505c\u4ead\u5ead\u633a\u8247\u839b\u8476\u5a77\u6883\u8713\u9706", |
||||
"tong": "\u901a\u6850\u916e\u77b3\u540c\u94dc\u5f64\u7ae5\u6876\u6345\u7b52\u7edf\u75db\u4f5f\u50ee\u4edd\u833c\u55f5\u6078\u6f7c\u783c", |
||||
"tou": "\u5077\u6295\u5934\u900f\u4ea0", |
||||
"tu": "\u51f8\u79c3\u7a81\u56fe\u5f92\u9014\u6d82\u5c60\u571f\u5410\u5154\u580d\u837c\u83df\u948d\u9174", |
||||
"tuan": "\u6e4d\u56e2\u7583", |
||||
"tui": "\u63a8\u9893\u817f\u8715\u892a\u9000\u5fd2\u717a", |
||||
"tun": "\u541e\u5c6f\u81c0\u9968\u66be\u8c5a\u7a80", |
||||
"tuo": "\u62d6\u6258\u8131\u9e35\u9640\u9a6e\u9a7c\u692d\u59a5\u62d3\u553e\u4e47\u4f57\u5768\u5eb9\u6cb1\u67dd\u7823\u7ba8\u8204\u8dce\u9f0d", |
||||
"wa": "\u6316\u54c7\u86d9\u6d3c\u5a03\u74e6\u889c\u4f64\u5a32\u817d", |
||||
"wai": "\u6b6a\u5916", |
||||
"wan": "\u8c4c\u5f2f\u6e7e\u73a9\u987d\u4e38\u70f7\u5b8c\u7897\u633d\u665a\u7696\u60cb\u5b9b\u5a49\u4e07\u8155\u525c\u8284\u82cb\u83c0\u7ea8\u7efe\u742c\u8118\u7579\u873f\u7ba2", |
||||
"wang": "\u6c6a\u738b\u4ea1\u6789\u7f51\u5f80\u65fa\u671b\u5fd8\u5984\u7f54\u5c22\u60d8\u8f8b\u9b4d", |
||||
"wei": "\u5a01\u5dcd\u5fae\u5371\u97e6\u8fdd\u6845\u56f4\u552f\u60df\u4e3a\u6f4d\u7ef4\u82c7\u840e\u59d4\u4f1f\u4f2a\u5c3e\u7eac\u672a\u851a\u5473\u754f\u80c3\u5582\u9b4f\u4f4d\u6e2d\u8c13\u5c09\u6170\u536b\u502d\u504e\u8bff\u9688\u8473\u8587\u5e0f\u5e37\u5d34\u5d6c\u7325\u732c\u95f1\u6ca9\u6d27\u6da0\u9036\u5a13\u73ae\u97ea\u8ece\u709c\u7168\u71a8\u75ff\u8249\u9c94", |
||||
"wen": "\u761f\u6e29\u868a\u6587\u95fb\u7eb9\u543b\u7a33\u7d0a\u95ee\u520e\u6120\u960c\u6c76\u74ba\u97eb\u6b81\u96ef", |
||||
"weng": "\u55e1\u7fc1\u74ee\u84ca\u8579", |
||||
"wo": "\u631d\u8717\u6da1\u7a9d\u6211\u65a1\u5367\u63e1\u6c83\u83b4\u5e44\u6e25\u674c\u809f\u9f8c", |
||||
"wu": "\u5deb\u545c\u94a8\u4e4c\u6c61\u8bec\u5c4b\u65e0\u829c\u68a7\u543e\u5434\u6bcb\u6b66\u4e94\u6342\u5348\u821e\u4f0d\u4fae\u575e\u620a\u96fe\u6664\u7269\u52ff\u52a1\u609f\u8bef\u5140\u4ef5\u9622\u90ac\u572c\u82b4\u5e91\u6003\u5fe4\u6d6f\u5be4\u8fd5\u59a9\u9a9b\u727e\u7110\u9e49\u9e5c\u8708\u92c8\u9f2f", |
||||
"xi": "\u6614\u7199\u6790\u897f\u7852\u77fd\u6670\u563b\u5438\u9521\u727a\u7a00\u606f\u5e0c\u6089\u819d\u5915\u60dc\u7184\u70ef\u6eaa\u6c50\u7280\u6a84\u88ad\u5e2d\u4e60\u5ab3\u559c\u94e3\u6d17\u7cfb\u9699\u620f\u7ec6\u50d6\u516e\u96b0\u90d7\u831c\u8478\u84f0\u595a\u550f\u5f99\u9969\u960b\u6d60\u6dc5\u5c63\u5b09\u73ba\u6a28\u66e6\u89cb\u6b37\u71b9\u798a\u79a7\u94b8\u7699\u7a78\u8725\u87cb\u823e\u7fb2\u7c9e\u7fd5\u91af\u9f37", |
||||
"xia": "\u778e\u867e\u5323\u971e\u8f96\u6687\u5ce1\u4fa0\u72ed\u4e0b\u53a6\u590f\u5413\u6380\u846d\u55c4\u72ce\u9050\u7455\u7856\u7615\u7f45\u9ee0", |
||||
"xian": "\u9528\u5148\u4ed9\u9c9c\u7ea4\u54b8\u8d24\u8854\u8237\u95f2\u6d8e\u5f26\u5acc\u663e\u9669\u73b0\u732e\u53bf\u817a\u9985\u7fa1\u5baa\u9677\u9650\u7ebf\u51bc\u85d3\u5c98\u7303\u66b9\u5a34\u6c19\u7946\u9e47\u75eb\u86ac\u7b45\u7c7c\u9170\u8df9", |
||||
"xiang": "\u76f8\u53a2\u9576\u9999\u7bb1\u8944\u6e58\u4e61\u7fd4\u7965\u8be6\u60f3\u54cd\u4eab\u9879\u5df7\u6a61\u50cf\u5411\u8c61\u8297\u8459\u9977\u5ea0\u9aa7\u7f03\u87d3\u9c9e\u98e8", |
||||
"xiao": "\u8427\u785d\u9704\u524a\u54ee\u56a3\u9500\u6d88\u5bb5\u6dc6\u6653\u5c0f\u5b5d\u6821\u8096\u5578\u7b11\u6548\u54d3\u54bb\u5d24\u6f47\u900d\u9a81\u7ee1\u67ad\u67b5\u7b71\u7bab\u9b48", |
||||
"xie": "\u6954\u4e9b\u6b47\u874e\u978b\u534f\u631f\u643a\u90aa\u659c\u80c1\u8c10\u5199\u68b0\u5378\u87f9\u61c8\u6cc4\u6cfb\u8c22\u5c51\u5055\u4eb5\u52f0\u71ee\u85a4\u64b7\u5ee8\u7023\u9082\u7ec1\u7f2c\u69ad\u698d\u6b59\u8e9e", |
||||
"xin": "\u85aa\u82af\u950c\u6b23\u8f9b\u65b0\u5ffb\u5fc3\u4fe1\u8845\u56df\u99a8\u8398\u6b46\u94fd\u946b", |
||||
"xing": "\u661f\u8165\u7329\u60fa\u5174\u5211\u578b\u5f62\u90a2\u884c\u9192\u5e78\u674f\u6027\u59d3\u9649\u8347\u8365\u64e4\u60bb\u784e", |
||||
"xiong": "\u5144\u51f6\u80f8\u5308\u6c79\u96c4\u718a\u828e", |
||||
"xiu": "\u4f11\u4fee\u7f9e\u673d\u55c5\u9508\u79c0\u8896\u7ee3\u83a0\u5cab\u9990\u5ea5\u9e3a\u8c85\u9af9", |
||||
"xu": "\u589f\u620c\u9700\u865a\u5618\u987b\u5f90\u8bb8\u84c4\u9157\u53d9\u65ed\u5e8f\u755c\u6064\u7d6e\u5a7f\u7eea\u7eed\u8bb4\u8be9\u5729\u84ff\u6035\u6d2b\u6e86\u987c\u6829\u7166\u7809\u76f1\u80e5\u7cc8\u9191", |
||||
"xuan": "\u8f69\u55a7\u5ba3\u60ac\u65cb\u7384\u9009\u7663\u7729\u7eda\u5107\u8c16\u8431\u63ce\u9994\u6ceb\u6d35\u6e32\u6f29\u7487\u6966\u6684\u70ab\u714a\u78b9\u94c9\u955f\u75c3", |
||||
"xue": "\u9774\u859b\u5b66\u7a74\u96ea\u8840\u5671\u6cf6\u9cd5", |
||||
"xun": "\u52cb\u718f\u5faa\u65ec\u8be2\u5bfb\u9a6f\u5de1\u6b89\u6c5b\u8bad\u8baf\u900a\u8fc5\u5dfd\u57d9\u8340\u85b0\u5ccb\u5f87\u6d54\u66db\u7aa8\u91ba\u9c9f", |
||||
"ya": "\u538b\u62bc\u9e26\u9e2d\u5440\u4e2b\u82bd\u7259\u869c\u5d16\u8859\u6daf\u96c5\u54d1\u4e9a\u8bb6\u4f22\u63e0\u5416\u5c88\u8fd3\u5a05\u740a\u6860\u6c29\u7811\u775a\u75d6", |
||||
"yan": "\u7109\u54bd\u9609\u70df\u6df9\u76d0\u4e25\u7814\u8712\u5ca9\u5ef6\u8a00\u989c\u960e\u708e\u6cbf\u5944\u63a9\u773c\u884d\u6f14\u8273\u5830\u71d5\u538c\u781a\u96c1\u5501\u5f66\u7130\u5bb4\u8c1a\u9a8c\u53a3\u9765\u8d5d\u4fe8\u5043\u5156\u8ba0\u8c33\u90fe\u9122\u82ab\u83f8\u5d26\u6079\u95eb\u960f\u6d07\u6e6e\u6edf\u598d\u5ae3\u7430\u664f\u80ed\u814c\u7131\u7f68\u7b75\u917d\u9b47\u990d\u9f39", |
||||
"yang": "\u6b83\u592e\u9e2f\u79e7\u6768\u626c\u4f6f\u75a1\u7f8a\u6d0b\u9633\u6c27\u4ef0\u75d2\u517b\u6837\u6f3e\u5f89\u600f\u6cf1\u7080\u70ca\u6059\u86d8\u9785", |
||||
"yao": "\u9080\u8170\u5996\u7476\u6447\u5c27\u9065\u7a91\u8c23\u59da\u54ac\u8200\u836f\u8981\u8000\u592d\u723b\u5406\u5d3e\u5fad\u7039\u5e7a\u73e7\u6773\u66dc\u80b4\u9e5e\u7a88\u7e47\u9cd0", |
||||
"ye": "\u6930\u564e\u8036\u7237\u91ce\u51b6\u4e5f\u9875\u6396\u4e1a\u53f6\u66f3\u814b\u591c\u6db2\u8c12\u90ba\u63f6\u9980\u6654\u70e8\u94d8", |
||||
"yi": "\u4e00\u58f9\u533b\u63d6\u94f1\u4f9d\u4f0a\u8863\u9890\u5937\u9057\u79fb\u4eea\u80f0\u7591\u6c82\u5b9c\u59e8\u5f5d\u6905\u8681\u501a\u5df2\u4e59\u77e3\u4ee5\u827a\u6291\u6613\u9091\u5c79\u4ebf\u5f79\u81c6\u9038\u8084\u75ab\u4ea6\u88d4\u610f\u6bc5\u5fc6\u4e49\u76ca\u6ea2\u8be3\u8bae\u8c0a\u8bd1\u5f02\u7ffc\u7fcc\u7ece\u5208\u5293\u4f7e\u8bd2\u572a\u572f\u57f8\u61ff\u82e1\u858f\u5f08\u5955\u6339\u5f0b\u5453\u54a6\u54bf\u566b\u5cc4\u5db7\u7317\u9974\u603f\u6021\u6092\u6f2a\u8fe4\u9a7f\u7f22\u6baa\u8d3b\u65d6\u71a0\u9487\u9552\u9571\u75cd\u7617\u7654\u7fca\u8864\u8734\u8223\u7fbf\u7ff3\u914f\u9edf", |
||||
"yin": "\u8335\u836b\u56e0\u6bb7\u97f3\u9634\u59fb\u541f\u94f6\u6deb\u5bc5\u996e\u5c39\u5f15\u9690\u5370\u80e4\u911e\u5819\u831a\u5591\u72fa\u5924\u6c24\u94df\u763e\u8693\u972a\u9f88", |
||||
"ying": "\u82f1\u6a31\u5a74\u9e70\u5e94\u7f28\u83b9\u8424\u8425\u8367\u8747\u8fce\u8d62\u76c8\u5f71\u9896\u786c\u6620\u5b34\u90e2\u8314\u83ba\u8426\u6484\u5624\u81ba\u6ee2\u6f46\u701b\u745b\u748e\u6979\u9e66\u763f\u988d\u7f42", |
||||
"yo": "\u54df\u5537", |
||||
"yong": "\u62e5\u4f63\u81c3\u75c8\u5eb8\u96cd\u8e0a\u86f9\u548f\u6cf3\u6d8c\u6c38\u607f\u52c7\u7528\u4fd1\u58c5\u5889\u6175\u9095\u955b\u752c\u9cd9\u9954", |
||||
"you": "\u5e7d\u4f18\u60a0\u5fe7\u5c24\u7531\u90ae\u94c0\u72b9\u6cb9\u6e38\u9149\u6709\u53cb\u53f3\u4f51\u91c9\u8bf1\u53c8\u5e7c\u5363\u6538\u4f91\u83b8\u5466\u56ff\u5ba5\u67da\u7337\u7256\u94d5\u75a3\u8763\u9c7f\u9edd\u9f2c", |
||||
"yu": "\u8fc2\u6de4\u4e8e\u76c2\u6986\u865e\u611a\u8206\u4f59\u4fde\u903e\u9c7c\u6109\u6e1d\u6e14\u9685\u4e88\u5a31\u96e8\u4e0e\u5c7f\u79b9\u5b87\u8bed\u7fbd\u7389\u57df\u828b\u90c1\u5401\u9047\u55bb\u5cea\u5fa1\u6108\u6b32\u72f1\u80b2\u8a89\u6d74\u5bd3\u88d5\u9884\u8c6b\u9a6d\u79ba\u6bd3\u4f1b\u4fe3\u8c00\u8c15\u8438\u84e3\u63c4\u5581\u5704\u5709\u5d5b\u72f3\u996b\u5ebe\u9608\u59aa\u59a4\u7ea1\u745c\u6631\u89ce\u8174\u6b24\u65bc\u715c\u71e0\u807f\u94b0\u9e46\u7610\u7600\u7ab3\u8753\u7afd\u8201\u96e9\u9f89", |
||||
"yuan": "\u9e33\u6e0a\u51a4\u5143\u57a3\u8881\u539f\u63f4\u8f95\u56ed\u5458\u5706\u733f\u6e90\u7f18\u8fdc\u82d1\u613f\u6028\u9662\u586c\u6c85\u5a9b\u7457\u6a7c\u7230\u7722\u9e22\u8788\u9f0b", |
||||
"yue": "\u66f0\u7ea6\u8d8a\u8dc3\u94a5\u5cb3\u7ca4\u6708\u60a6\u9605\u9fa0\u6a3e\u5216\u94ba", |
||||
"yun": "\u8018\u4e91\u90e7\u5300\u9668\u5141\u8fd0\u8574\u915d\u6655\u97f5\u5b55\u90d3\u82b8\u72c1\u607d\u7ead\u6b92\u6600\u6c32", |
||||
"za": "\u531d\u7838\u6742\u62f6\u5482", |
||||
"zai": "\u683d\u54c9\u707e\u5bb0\u8f7d\u518d\u5728\u54b1\u5d3d\u753e", |
||||
"zan": "\u6512\u6682\u8d5e\u74d2\u661d\u7c2a\u7ccc\u8db1\u933e", |
||||
"zang": "\u8d43\u810f\u846c\u5958\u6215\u81e7", |
||||
"zao": "\u906d\u7cdf\u51ff\u85fb\u67a3\u65e9\u6fa1\u86a4\u8e81\u566a\u9020\u7682\u7076\u71e5\u5523\u7f2b", |
||||
"ze": "\u8d23\u62e9\u5219\u6cfd\u4ec4\u8d5c\u5567\u8fee\u6603\u7b2e\u7ba6\u8234", |
||||
"zei": "\u8d3c", |
||||
"zen": "\u600e\u8c2e", |
||||
"zeng": "\u589e\u618e\u66fe\u8d60\u7f2f\u7511\u7f7e\u9503", |
||||
"zha": "\u624e\u55b3\u6e23\u672d\u8f67\u94e1\u95f8\u7728\u6805\u69a8\u548b\u4e4d\u70b8\u8bc8\u63f8\u5412\u54a4\u54f3\u600d\u781f\u75c4\u86b1\u9f44", |
||||
"zhai": "\u6458\u658b\u5b85\u7a84\u503a\u5be8\u7826", |
||||
"zhan": "\u77bb\u6be1\u8a79\u7c98\u6cbe\u76cf\u65a9\u8f97\u5d2d\u5c55\u8638\u6808\u5360\u6218\u7ad9\u6e5b\u7efd\u8c35\u640c\u65c3", |
||||
"zhang": "\u6a1f\u7ae0\u5f70\u6f33\u5f20\u638c\u6da8\u6756\u4e08\u5e10\u8d26\u4ed7\u80c0\u7634\u969c\u4ec9\u9123\u5e5b\u5d82\u7350\u5adc\u748b\u87d1", |
||||
"zhao": "\u62db\u662d\u627e\u6cbc\u8d75\u7167\u7f69\u5146\u8087\u53ec\u722a\u8bcf\u68f9\u948a\u7b0a", |
||||
"zhe": "\u906e\u6298\u54f2\u86f0\u8f99\u8005\u9517\u8517\u8fd9\u6d59\u8c2a\u966c\u67d8\u8f84\u78d4\u9e67\u891a\u8707\u8d6d", |
||||
"zhen": "\u73cd\u659f\u771f\u7504\u7827\u81fb\u8d1e\u9488\u4fa6\u6795\u75b9\u8bca\u9707\u632f\u9547\u9635\u7f1c\u6862\u699b\u8f78\u8d48\u80d7\u6715\u796f\u755b\u9e29", |
||||
"zheng": "\u84b8\u6323\u7741\u5f81\u72f0\u4e89\u6014\u6574\u62ef\u6b63\u653f\u5e27\u75c7\u90d1\u8bc1\u8be4\u5ce5\u94b2\u94ee\u7b5d", |
||||
"zhi": "\u829d\u679d\u652f\u5431\u8718\u77e5\u80a2\u8102\u6c41\u4e4b\u7ec7\u804c\u76f4\u690d\u6b96\u6267\u503c\u4f84\u5740\u6307\u6b62\u8dbe\u53ea\u65e8\u7eb8\u5fd7\u631a\u63b7\u81f3\u81f4\u7f6e\u5e1c\u5cd9\u5236\u667a\u79e9\u7a1a\u8d28\u7099\u75d4\u6ede\u6cbb\u7a92\u536e\u965f\u90c5\u57f4\u82b7\u646d\u5e19\u5fee\u5f58\u54ab\u9a98\u6809\u67b3\u6800\u684e\u8f75\u8f7e\u6534\u8d3d\u81a3\u7949\u7957\u9ef9\u96c9\u9e37\u75e3\u86ed\u7d77\u916f\u8dd6\u8e2c\u8e2f\u8c78\u89ef", |
||||
"zhong": "\u4e2d\u76c5\u5fe0\u949f\u8877\u7ec8\u79cd\u80bf\u91cd\u4ef2\u4f17\u51a2\u953a\u87bd\u8202\u822f\u8e35", |
||||
"zhou": "\u821f\u5468\u5dde\u6d32\u8bcc\u7ca5\u8f74\u8098\u5e1a\u5492\u76b1\u5b99\u663c\u9aa4\u5544\u7740\u501c\u8bf9\u836e\u9b3b\u7ea3\u80c4\u78a1\u7c40\u8233\u914e\u9cb7", |
||||
"zhu": "\u73e0\u682a\u86db\u6731\u732a\u8bf8\u8bdb\u9010\u7af9\u70db\u716e\u62c4\u77a9\u5631\u4e3b\u8457\u67f1\u52a9\u86c0\u8d2e\u94f8\u7b51\u4f4f\u6ce8\u795d\u9a7b\u4f2b\u4f8f\u90be\u82ce\u8331\u6d19\u6e1a\u6f74\u9a7a\u677c\u69e0\u6a65\u70b7\u94e2\u75b0\u7603\u86b0\u7afa\u7bb8\u7fe5\u8e85\u9e88", |
||||
"zhua": "\u6293", |
||||
"zhuai": "\u62fd", |
||||
"zhuan": "\u4e13\u7816\u8f6c\u64b0\u8d5a\u7bc6\u629f\u556d\u989b", |
||||
"zhuang": "\u6869\u5e84\u88c5\u5986\u649e\u58ee\u72b6\u4e2c", |
||||
"zhui": "\u690e\u9525\u8ffd\u8d58\u5760\u7f00\u8411\u9a93\u7f12", |
||||
"zhun": "\u8c06\u51c6", |
||||
"zhuo": "\u6349\u62d9\u5353\u684c\u7422\u8301\u914c\u707c\u6d4a\u502c\u8bfc\u5ef4\u855e\u64e2\u555c\u6d5e\u6dbf\u6753\u712f\u799a\u65ab", |
||||
"zi": "\u5179\u54a8\u8d44\u59ff\u6ecb\u6dc4\u5b5c\u7d2b\u4ed4\u7c7d\u6ed3\u5b50\u81ea\u6e0d\u5b57\u8c18\u5d6b\u59ca\u5b73\u7f01\u6893\u8f8e\u8d40\u6063\u7726\u9531\u79ed\u8014\u7b2b\u7ca2\u89dc\u8a3e\u9cbb\u9aed", |
||||
"zong": "\u9b03\u68d5\u8e2a\u5b97\u7efc\u603b\u7eb5\u8159\u7cbd", |
||||
"zou": "\u90b9\u8d70\u594f\u63cd\u9139\u9cb0", |
||||
"zu": "\u79df\u8db3\u5352\u65cf\u7956\u8bc5\u963b\u7ec4\u4fce\u83f9\u5550\u5f82\u9a75\u8e74", |
||||
"zuan": "\u94bb\u7e82\u6525\u7f35", |
||||
"zui": "\u5634\u9189\u6700\u7f6a", |
||||
"zun": "\u5c0a\u9075\u6499\u6a3d\u9cdf", |
||||
"zuo": "\u6628\u5de6\u4f50\u67de\u505a\u4f5c\u5750\u5ea7\u961d\u963c\u80d9\u795a\u9162", |
||||
"cou": "\u85ae\u6971\u8f8f\u8160", |
||||
"nang": "\u652e\u54dd\u56d4\u9995\u66e9", |
||||
"o": "\u5594", |
||||
"dia": "\u55f2", |
||||
"chuai": "\u562c\u81aa\u8e39", |
||||
"cen": "\u5c91\u6d94", |
||||
"diu": "\u94e5", |
||||
"nou": "\u8028", |
||||
"fou": "\u7f36", |
||||
"bia": "\u9adf" |
||||
}; |
||||
|
||||
//在数据中搜索
|
||||
function search(letter) { |
||||
for (var name in py) { |
||||
if (py.hasOwnProperty(name)) { |
||||
if (py[name].indexOf(letter) != -1) { |
||||
return toUCFirst(name); |
||||
} |
||||
} |
||||
} |
||||
return false; |
||||
} |
||||
|
||||
//转换首字母大写
|
||||
function toUCFirst(name) { |
||||
var first = name.substr(0, 1).toUpperCase(); |
||||
var spare = name.substr(1, name.length); |
||||
return first + spare; |
||||
// return first;
|
||||
} |
||||
|
||||
return { |
||||
convert: function (words) { |
||||
var long = words.length; |
||||
var result = ''; |
||||
var reg = new RegExp('[a-zA-Z0-9\- ]'); |
||||
for (var i = 0, letter, name; i < long; i++) { |
||||
letter = words.substr(i, 1); |
||||
if (reg.test(letter)) { |
||||
result += letter; |
||||
} else { |
||||
name = search(letter); |
||||
if (name !== false) { |
||||
result += name; |
||||
} |
||||
} |
||||
} |
||||
return result.replace(/[ -]+/g, '-'); |
||||
} |
||||
} |
||||
|
||||
})(); |
||||
|
||||
if (typeof(exports) == 'object') { |
||||
exports.PinYin = PinYin; |
||||
} |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
||||
{} |
||||
@ -1,9 +1,212 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<title>wIoT</title> |
||||
</head> |
||||
<body> |
||||
WoW~ Such a wonderful IoT system!! |
||||
</body> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
||||
<meta name="renderer" content="webkit"> |
||||
<title>wIoT | 轻松物联</title> |
||||
<link rel="stylesheet" type="text/css" href="amWiki/css/markdownbody.github.css" /> |
||||
<link rel="stylesheet" type="text/css" href="amWiki/css/lhjs.github-gist.css" /> |
||||
<link rel="stylesheet" type="text/css" href="amWiki/css/amWiki.css" /> |
||||
|
||||
</head> |
||||
|
||||
<body> |
||||
<!-- 头部 --> |
||||
<header class="header"> |
||||
<div class="header-inner"> |
||||
<a class="logo" href="?file=首页"> |
||||
<img src="amWiki/images/logo.png" /><i></i> |
||||
<b>wIoT 开发文档</b> |
||||
<span>by Group A22</span> |
||||
</a> |
||||
<div class="menu-icon" id="menuIcon"> |
||||
<svg> |
||||
<use xlink:href="#icon:navStart"></use> |
||||
</svg> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<!-- 页面 --> |
||||
<div class="container" id="container"> |
||||
<div class="nav" id="nav"> |
||||
<div class="menu-filter"> |
||||
<svg> |
||||
<use xlink:href="#icon:navFilter"></use> |
||||
</svg> |
||||
<input type="text" id="menuFilter" value="" placeholder="请输入筛选条件" title="请输入筛选条件" /> |
||||
<i class="off" title="清空筛选">×</i> |
||||
</div> |
||||
<div class="menu-search" id="searchShow" title="全库搜索"> |
||||
<svg> |
||||
<use xlink:href="#icon:search"></use> |
||||
</svg> |
||||
</div> |
||||
<nav class="menubar scroller" id="menuBar" data-x-rolling="true"> |
||||
<div class="scroller-inner"> |
||||
<div class="scroller-content"></div> |
||||
</div> |
||||
</nav> |
||||
</div> |
||||
<div class="main scroller" id="main"> |
||||
<div class="main-inner scroller-inner"> |
||||
<!-- 正文 --> |
||||
<article class="markdown-body scroller-content" id="view"></article> |
||||
<script id="template:footnote" type="text/html"> |
||||
<sup><a href="#fn:foot{{index}}" name="fn:note{{index}}" title="{{title}}">[{{index}}]</a></sup> |
||||
<ol class="footnote"><i>[参考资料]：</i>{{list}}</ol> |
||||
<li id="fn:foot{{index}}">{{content}} {{back}}</li> |
||||
<li class="footnote-none" data-msg="匹配缺失">{{content}}</li> |
||||
<a href="#fn:note{{index}}"> |
||||
<svg> |
||||
<use xlink:href="#icon:footnoteBack"></use> |
||||
</svg> |
||||
</a> |
||||
</script> |
||||
<!-- 上下翻页 --> |
||||
<div class="main-sibling scroller-content" id="mainSibling"> |
||||
<p><span>上一篇：</span> |
||||
<a href="#"></a> |
||||
</p> |
||||
<p><span>下一篇：</span> |
||||
<a href="#"></a> |
||||
</p> |
||||
</div> |
||||
<!-- 全库搜索 --> |
||||
<div class="search-box" id="searchBox"> |
||||
<div class="search-update"> |
||||
<input type="button" id="searchUpdate" value="更新所有缓存" /> |
||||
<div class="text"> |
||||
<p>上次完全更新：<time id="cacheLasttime">0000-00-00 00:00:00</time></p> |
||||
<p>文档总数：<b id="cacheDocTotal">0</b> <i>/</i> <span>已缓存：<i id="cacheState">0%</i></span></p> |
||||
</div> |
||||
</div> |
||||
<h2>全库搜索</h2> |
||||
<div class="search-input"> |
||||
<input type="text" id="searchText" placeholder="请输入搜索内容" /> |
||||
<input type="button" id="search" value="搜 索" /> |
||||
</div> |
||||
<div class="search-results" id="results"> |
||||
<div class="search-result-message" id="resultMsg"></div> |
||||
<ul class="search-list"></ul> |
||||
<div class="search-result-more" id="resultMore">显示更多</div> |
||||
<script id="template:searchResult" type="text/html"> |
||||
<li class="search-item"> |
||||
<a href="?file={{path}}"> |
||||
<div class="content"> |
||||
<strong>{{title}}</strong> {{api}} {{content}} |
||||
</div> |
||||
<div class="bottom"> |
||||
<p>位置：<span>{{path}}</span></p> |
||||
<div class="time">最后缓存于 |
||||
<time>{{time}}</time> |
||||
</div> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</script> |
||||
</div> |
||||
</div> |
||||
<!-- 接口测试 --> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
<aside> |
||||
<!-- 侧边目录 --> |
||||
<div class="contents" id="contents"> |
||||
<div class="btn"> |
||||
<svg> |
||||
<use xlink:href="#icon:contents"></use> |
||||
</svg> |
||||
<span>目录</span> |
||||
</div> |
||||
<div class="contents-list"> |
||||
<p> |
||||
<a id="contentsTitle" href="#客户日志流水接口示例">客户日志流水接口示例</a> |
||||
</p> |
||||
<div class="markdown-contents"></div> |
||||
</div> |
||||
</div> |
||||
<!-- 返回顶部 --> |
||||
<div class="back-top" id="backTop"> |
||||
<a class="back-icon" href="#"> |
||||
<svg> |
||||
<use xlink:href="#icon:backTop"></use> |
||||
</svg> |
||||
</a> |
||||
<a class="back-text" href="#">返回顶部</a> |
||||
</div> |
||||
</aside> |
||||
<!-- 图片预览 --> |
||||
<section class="imgsv" id="imgsView"> |
||||
<div class="imgsv-background"></div> |
||||
<div class="imgsv-view" id="imgsViewInner"></div> |
||||
<ul class="imgsv-panel"> |
||||
<li class="prev off">Prev</li> |
||||
<li class="next">Next</li> |
||||
<li class="original">1:1</li> |
||||
<li class="suit">适合</li> |
||||
</ul> |
||||
</section> |
||||
<footer> |
||||
<!-- 签名 --> |
||||
<div class="signature">Powered by |
||||
<a href="https://github.com/TevinLi/amWiki" target="_blank">amWiki</a> |
||||
</div> |
||||
</footer> |
||||
<!-- mounts --> |
||||
<div class="hidden" aw-include="mountLinks"> |
||||
<script>AWConfig={"name":"amWiki轻文库","version":"by Tevin","logo":"amWiki/images/logo.png","testing":false,"colour":"#4296eb","pageMounts":false,"githubUrl":"","libraryPrefix":""}</script> |
||||
</div> |
||||
<!-- js --> |
||||
<div class="hidden"> |
||||
<script type="text/javascript" src="amWiki/js/gbk.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/pinyin.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/jquery-compat-3.1.0.min.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/marked.min.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/highlight.pack.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/raphael-min.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/flowchart.min.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/amWiki.tools.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/amWiki.storage.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/amWiki.search.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/amWiki.search.worker.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/amWiki.docs.js"></script> |
||||
|
||||
<script type="text/javascript" src="amWiki/js/amWiki.scrollbar.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/amWiki.imgsView.js"></script> |
||||
<script type="text/javascript" src="amWiki/js/amWiki.js"></script> |
||||
|
||||
</div> |
||||
<!-- svg --> |
||||
<div class="hidden" id="svgSymbols"></div> |
||||
<!-- 低版本浏览器警告 --> |
||||
<div id="lowBrowser"> |
||||
<div></div> |
||||
<p><span>您的浏览器版本过低，不支持浏览本Wiki，请升级或更换您的浏览器再试！</span></p> |
||||
<script> |
||||
(function(win) { |
||||
var notice = document.getElementById('lowBrowser'); |
||||
//jQuery 3.x 需要 addEventListener 方法支持 |
||||
if(typeof win.addEventListener == 'undefined') { |
||||
notice.style.display = 'block'; |
||||
} else { |
||||
var comments = notice.previousSibling; |
||||
if(comments.nodeType == 8) { |
||||
comments.parentNode.removeChild(comments); |
||||
} else if(comments.previousSibling.nodeType == 8) { |
||||
comments = comments.previousSibling; |
||||
comments.parentNode.removeChild(comments); |
||||
} |
||||
notice.parentNode.removeChild(notice); |
||||
} |
||||
notice = comments = null; |
||||
})(window); |
||||
</script> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,12 @@ |
||||
|
||||
#### [首页](?file=home-首页) |
||||
|
||||
##### 学习markdown |
||||
- [**Markdown快速开始**](?file=001-学习amWiki/05-学习markdown/01-Markdown快速开始) |
||||
- [**amWiki与语法高亮**](?file=001-学习amWiki/05-学习markdown/02-amWiki与语法高亮) |
||||
- [**amWiki与流程图**](?file=001-学习amWiki/05-学习markdown/03-amWiki与流程图) |
||||
|
||||
|
||||
##### 文档示范 |
||||
- [**页内目录**](?file=002-文档示范/002-超长文档页内目录示例) |
||||
- [**API接口文档示例**](?file=002-文档示范/001-通用API接口文档示例) |
||||
@ -0,0 +1,36 @@ |
||||
# amWiki 轻文库简介 |
||||
|
||||
 |
||||
amWiki 是一款基于 Javascript 脚本语言、依赖 Atom 编辑器、使用 Markdown 标记语法的轻量级开源 wiki 文库系统。 |
||||
amWiki 致力于让大家可以更简单、更便捷的建设个人和团队文库系统！ |
||||
|
||||
[[view amWiki on Github](https://github.com/TevinLi/amWiki)] |
||||
|
||||
GitHub: |
||||
[](https://github.com/TevinLi/amWiki "GitHub Stars") |
||||
[](https://github.com/TevinLi/amWiki "GitHub Forks") |
||||
[](https://github.com/TevinLi/amWiki "GitHub Open Issues") |
||||
[](https://github.com/TevinLi/amWiki "GitHub Closed Issues") |
||||
[](https://github.com/TevinLi/amWiki "GitHub Contributors") |
||||
Apm: |
||||
[](https://atom.io/packages/amWiki "Apm Version") |
||||
[](https://atom.io/packages/amWiki "Apm Downloads") |
||||
[](https://atom.io/packages/amWiki "MIT License") |
||||
|
||||
## amWiki 优势 |
||||
- 文档系统采用 Markdown 语法 [>>Markdown 快速开始](?file=001-学习amWiki/05-学习markdown/01-Markdown快速开始) |
||||
- 无需服务端开发，只需支持 http 访问的静态网页空间 |
||||
- 不使用数据库，使用 `.md` 扩展名存储文档为本地文件 |
||||
- 一键创建新文库，自动生成一套 Html 页面 |
||||
- 自动更新文库导航目录 |
||||
- 支持截图直接粘帖为本地 png 并插入当前 Markdown 文档 |
||||
- Web 端页面自适应显示，适合各种 Web 平台与屏幕尺寸 |
||||
- 支持接口文档自动抓取内容生成简单的 Ajax 测试 |
||||
- ... (更多内容期待您的发现) |
||||
|
||||
## 效果演示 |
||||
**Web端** |
||||
一键创建新文库默认生成Web端效果一览：[https://tevinli.github.io/amWiki/](https://tevinli.github.io/amWiki/index.html) |
||||
|
||||
**工作端** |
||||
工作端需要您安装 Atom 与 amWiki 才能体验 |
||||
@ -0,0 +1,5 @@ |
||||
# amWiki 功能导图 |
||||
|
||||
 |
||||
|
||||
**说明**：灰色文字代表的功能部分，表示目前版本没有，但是已经列入开发计划 |
||||
@ -0,0 +1,74 @@ |
||||
# 如何开始一个新 amWiki 轻文库 |
||||
|
||||
## 开始一个新文库的步骤 |
||||
|
||||
1. ##### 下载 Github 出品的开源文本编辑器 [Atom](https://atom.io/ "打开Atom官网")，并安装 |
||||
 |
||||
|
||||
2. ##### 安装 Atom 完成之后，再安装插件 amWiki，您可以通过以下三种途径安装： |
||||
- 【方式一】：通过 Atom 菜单，File -> Setting -> Install -> 搜索 `amWiki` |
||||
 |
||||
<br> |
||||
- 【方式二】：运行：`apm install amWiki` |
||||
 |
||||
<br> |
||||
- 【方式三】：从Github的 [amWiki版本发布](https://github.com/TevinLi/amWiki/releases) 下载zip，(windows)解压到 `C:\Users\Administrator\.atom\packages`，并将文件夹名 `amWiki-x.x.x` 改为 `amWiki` |
||||
|
||||
3. ##### 重启 Atom (必须) |
||||
|
||||
4. ##### 在本地您需要创建文库的位置创建一个文件夹 (非 Atom 编辑器中) |
||||
|
||||
5. ##### 在 Atom 中 `Add Project Folder` (添加项目文件夹)，并指向刚创建的文件夹 |
||||
 |
||||
|
||||
6. ##### 在 Atom 刚创建的项目下新建 `config.json` 文件，并按 json 格式配置以下属性： |
||||
- **name**，您的文库名称，设置但为空或不设置将显示默认名 |
||||
- **ver**，文本版本号或维护者名号，设置但为空将不显示，注意诺不设置此属性将显示 amWiki 作者 |
||||
- **logo**，logo 的 url，设置但为空或不设置将显示默认 logo |
||||
- **colour**，自定义颜色，默认为蓝色 |
||||
- **testing**，是否启用接口测试模块，默认值 false |
||||
- 例如： |
||||
```javascript |
||||
{ |
||||
"name": "A3项目文档中心", |
||||
"ver": "", |
||||
"logo": "http://abc.com/logo.jpg", |
||||
"testing": true |
||||
} |
||||
``` |
||||
7. ##### 保持 `config.json` 处于当前打开状态，在 Atom 菜单点击： |
||||
|
||||
amWiki文库 -> 通过“config.json”创建新文库 |
||||
 |
||||
|
||||
8. ##### 此时项目中自动创建了许多内容，其中 library 文件夹即为您的文库文件夹 |
||||
 |
||||
|
||||
9. ##### 使用 `F12` 启动本地静态服务器，访问刚刚自动创建的 index.html |
||||
|
||||
|
||||
## 文库目录结构 |
||||
项目目录自动生创建的内容如下 |
||||
|
||||
index.html // http 访问入口页面 |
||||
amWiki/ // amWiki Web 端程序文件夹 |
||||
library/ // 您的 Markdown 文库目录，所有文件必须使用 .md 格式 |
||||
├ $navigation.md // amWiki 文库目录导航文件，可自动/手动更新 |
||||
├ 首页.md // Web 端打开页面时页面页面默认显示的内容 |
||||
├ 001-学习amWiki/ // Markdown 文件夹01 |
||||
│ ├ 001-关于amWiki // 一些 Markdown 文档，支持二级目录 |
||||
│ └ 002-... |
||||
├ 002-文档示范/ // Markdown 文件夹02 |
||||
│ ├ 001-通用api // 一些 Markdown 文档，支持二级目录 |
||||
│ └ 002-... |
||||
└ 003-... // 更多 Markdown 文件夹 |
||||
(assetes/) // 如果您粘帖截图，图片文件将自动创建在此处 |
||||
|
||||
|
||||
## 如何使用 |
||||
一键创建新文库后，您可以通过以下方式开始 amWiki 文库之旅： |
||||
|
||||
1. 在 Atom 编辑器中使用快捷键 `F12` 或在浏览器中使用 http 访问刚刚创建的 index.html。 |
||||
2. PC 端使用左侧导航栏、移动端使用右上角弹出菜单来切换页面。 |
||||
3. 在导航栏顶部，可以使用筛选功能通过输入关键词对整个导航目录进行筛选。 |
||||
4. 如果存在页内目录，直接点击，页内目录使用 hash 滚动；同时您可以直接带 hash 分享，以方便他人快速浏览指定内容。 |
||||
@ -0,0 +1,56 @@ |
||||
# 如何编辑 amWiki 轻文库 |
||||
|
||||
文库创建后，您就可以编辑自己的文库了 |
||||
|
||||
## 基本编辑 |
||||
|
||||
1. ##### 新建文件或文件夹，组织您自己的文库 |
||||
 |
||||
|
||||
2. ##### 每个文件夹或文件要求使用 `id-名称.md` 来命名，其中： |
||||
|
||||
1. id 仅允许 **整数** 或 **浮点数** 类型，且 **不可重复** |
||||
2. 必须使用连 **接符** 或 **下划线** 将 id 与后续具体名称相连 |
||||
3. 文件只能使用 **.md** 扩展名 |
||||
|
||||
如果未能满足以上条件，将弹出以下错误提示： |
||||
 |
||||
 |
||||
 |
||||
正确的命名，例如： |
||||
 |
||||
|
||||
3. ##### 使用 Markdown 语法编辑您的文档 |
||||
 |
||||
|
||||
## 扩展编辑 |
||||
|
||||
1. ##### library 文件夹下 `首页.md` 文档为默认打开时的显示内容 |
||||
您可以适当修改此文档内容以符合您的项目需求 |
||||
|
||||
5. ##### `$navigation.md` 导航文件无需人工维护，创建新文件夹或文件时将自动更新，也可以在菜单栏手动刷新： |
||||
|
||||
菜单栏 -> amWiki文库 -> 手动更新当前文库导航文件 |
||||
 |
||||
|
||||
6. ##### 如果需要在 Markdown 文档中插入图片，**请先截图**，然后在文档对应位置使用快捷键：`Ctrl + Shift + V` |
||||
此时，光标位置将多出一段 Markdown 图片代码，例如： |
||||
|
||||
 |
||||
|
||||
同时，将在项目目录依次创建文件夹 assets、001 (如果不存在的话)，以及此文件夹下名称为 04-b7efbbde.png 的图片文件 |
||||
|
||||
7. ##### 对于较长文章，可以使用页内目录，依次进行如下操作，或使用快捷键 `Ctrl + D`，即可在光标处插入页内目录。 |
||||
菜单栏 -> amWiki文库 -> 提取h2、h3标题为页内目录 |
||||
 |
||||
注意：请按顺序使用h1、h2、h3，且h1仅使用一次。 |
||||
|
||||
8. ##### 如果启用了测试模块，想对一篇文档激活接口测试功能，请参照 [使用测试模块测试接口](?file=001-学习amWiki/06-使用测试模块测试接口) |
||||
|
||||
|
||||
## 维护与延伸 |
||||
|
||||
1. 本插件升级后，您想更新 `(projectName)/amWiki/` 文件夹下 web 端的工作文件，您只需重新打开 `config.json` 文件，然后在 Atom 菜单上选择 `通过“config.json”创建新文库` 即可。 |
||||
这个二次创建操作不会影响您 library 与 assetes 文件夹下的内容。 |
||||
|
||||
2. 借助版本管理 SVN、Git、Hg，传输协议FTP/SFTP，文件同步Dropbox、百度云等等工具，便捷实现网络访问。 |
||||
@ -0,0 +1,183 @@ |
||||
# Markdown 快速开始 |
||||
|
||||
>1. [简介](#简介 "简介") |
||||
1. [语法快速入门](#语法快速入门 "语法快速入门") |
||||
1. [【标题】](#【标题】 "【标题】") |
||||
1. [【修辞和强调】](#【修辞和强调】 "【修辞和强调】") |
||||
1. [【删除线】](#【删除线】 "【删除线】") |
||||
1. [【列表】](#【列表】 "【列表】") |
||||
1. [【链接】](#【链接】 "【链接】") |
||||
1. [【图片】](#【图片】 "【图片】") |
||||
1. [【代码】](#【代码】 "【代码】") |
||||
1. [【代码段】](#【代码段】 "【代码段】") |
||||
1. [【表格】](#【表格】 "【表格】") |
||||
1. [【引用】](#【引用】 "【引用】") |
||||
1. [【分割线】](#【分割线】 "【分割线】") |
||||
1. [【换行】](#【换行】 "【换行】") |
||||
1. [【html】](#【html】 "【html】") |
||||
1. [研究更多 markdown 语法详细细节](#研究更多 markdown 语法详细细节 "研究更多 markdown 语法详细细节") |
||||
|
||||
|
||||
## 简介 |
||||
Markdown是为那些需要经常码字或者进行文字排版的、对码字手速和排版顺畅度有要求的人群设计的，他们希望用键盘把文字内容啪啪啪地打出来后就已经排版好了，最好从头到尾都不要使用鼠标。 |
||||
这些人包括经常需要写文档的码农、博客写手、网站小编、出版业人士等等。 |
||||
Markdown的语法简洁明了、学习容易，得到了许多著名网络平台的支持，例如代码托管平台[Github](https://github.com/)、博客平台[WordPress](https://cn.wordpress.org/)等等。 |
||||
|
||||
## 语法快速入门 |
||||
|
||||
### <font color=#C71585>【标题】</font> |
||||
在行首插入1到6个#，对应1到6阶标题 |
||||
# 这是 H1 |
||||
## 这是 H2 |
||||
### 这是 H3 |
||||
#### 这是 H4 |
||||
##### 这是 H5 |
||||
###### 这是 H6 |
||||
渲染效果： |
||||
# 这是 H1 |
||||
## 这是 H2 |
||||
### 这是 H3 |
||||
#### 这是 H4 |
||||
##### 这是 H5 |
||||
###### 这是 H6 |
||||
|
||||
### <font color=#C71585>【修辞和强调】</font> |
||||
使用星号和底线来标记需要强调的区段 |
||||
|
||||
**加粗** |
||||
__加粗__ |
||||
*斜体* |
||||
_斜体_ |
||||
|
||||
渲染效果： |
||||
**加粗** |
||||
__加粗__ |
||||
*斜体* |
||||
_斜体_ |
||||
|
||||
### <font color=#C71585>【删除线】</font> |
||||
|
||||
~~要删掉的内容~~ |
||||
|
||||
渲染效果： |
||||
~~要删掉的内容~~ |
||||
|
||||
### <font color=#C71585>【列表】</font> |
||||
**无序列表** 使用星号、加号和减号来做为列表的项目标记 |
||||
* Candy. |
||||
* Gum. |
||||
+ Booze. |
||||
* Booze. 长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本 |
||||
这里是断行-文本长文本长文本长文本 |
||||
这里是断行-文本长文本长文本长文本 |
||||
- Booze. |
||||
+ 嵌套 |
||||
* 嵌套 |
||||
|
||||
渲染效果： |
||||
* Candy. |
||||
* Gum. |
||||
+ Booze. |
||||
* Booze. 长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本 |
||||
这里是断行-文本长文本长文本长文本 |
||||
这里是断行-文本长文本长文本长文本 |
||||
- Booze. |
||||
+ 嵌套 |
||||
* 嵌套 |
||||
|
||||
**有序列表** 则是使用一般的数字接着一个英文句点作为项目标记 |
||||
1. Red |
||||
50. Green |
||||
1000. Blue |
||||
|
||||
渲染效果： |
||||
1. Red |
||||
50. Green |
||||
1000. Blue |
||||
|
||||
### <font color=#C71585>【链接】</font> |
||||
在方括号后面用圆括号接上链接 |
||||
|
||||
这是一个[链接显示文本](http://www.baidu.com "链接title文本") |
||||
|
||||
渲染效果： |
||||
这是一个[链接显示文本](http://www.baidu.com "链接title文本") |
||||
|
||||
### <font color=#C71585>【图片】</font> |
||||
图片的语法和链接很像 |
||||
|
||||
 |
||||
|
||||
渲染效果： |
||||
 |
||||
|
||||
### <font color=#C71585>【代码】</font> |
||||
使用反引号 \` 来标记代码区段 |
||||
|
||||
我是`code`，`<div>division</div>` |
||||
|
||||
渲染效果： |
||||
我是`code`，`<div>division</div>` |
||||
|
||||
### <font color=#C71585>【代码段】</font> |
||||
如果要建立一个已经格式化好的代码区块，只要每行都缩进 4 个空格或是一个 tab 就可以了 |
||||
|
||||
var name = 'Candy' |
||||
|
||||
渲染效果： |
||||
|
||||
var name = 'Candy' |
||||
|
||||
### <font color=#C71585>【表格】</font> |
||||
使用竖线分割内容，且同时使用“---”与“:”指定对齐方式 |
||||
|
||||
| Header01 | Header02 | Header03 |
||||
| -------- | :------: | ---: |
||||
| 默认 | 居中 | 右 |
||||
|
||||
渲染效果： |
||||
|
||||
| Header01 | Header02 | Header03 |
||||
| -------- | :------: | ---: |
||||
| 默认 | 居中 | 右 |
||||
|
||||
### <font color=#C71585>【引用】</font> |
||||
只需要在文本前加入 > 这种尖括号（大于号）即可 |
||||
|
||||
>这里是一段引用 |
||||
|
||||
渲染效果： |
||||
>这里是一段引用 |
||||
|
||||
### <font color=#C71585>【分割线】</font> |
||||
只需要三个 \- 号 |
||||
|
||||
--- |
||||
|
||||
渲染效果： |
||||
|
||||
--- |
||||
|
||||
### <font color=#C71585>【换行】</font> |
||||
只需要两个以上的空格然后回车 |
||||
|
||||
我是首行 |
||||
我换行了 |
||||
|
||||
渲染效果： |
||||
我是首行 |
||||
我换行了 |
||||
|
||||
### <font color=#C71585>【html】</font> |
||||
可以直接在文档里书写 HTML，不需要额外标注这是 HTML |
||||
|
||||
<div>division</div> |
||||
|
||||
渲染效果： |
||||
<div>division</div> |
||||
|
||||
|
||||
## 研究更多 markdown 语法详细细节 |
||||
|
||||
- [创始人 John Gruber 的 Markdown 语法说明](http://daringfireball.net/projects/markdown/syntax) |
||||
- [Markdown 中文版语法说明](http://wowubuntu.com/markdown/) |
||||
@ -0,0 +1,179 @@ |
||||
# amWiki 与语法高亮 |
||||
|
||||
amWiki使用 [highlight.js](https://github.com/isagalaev/highlight.js) 进行预语法高亮渲染，它能对多达一百多种语言、样式提供语法高亮解析 |
||||
使用两组每组三个反引号分单独两行将代码包围起来，并在第一组反引号后写上语言类型即可使用语法高亮，例如： |
||||
```js |
||||
//some js code here |
||||
``` |
||||
|
||||
## javascript / js 代码 |
||||
普通代码块效果： |
||||
``` |
||||
//发送验证码 |
||||
function cd(num) { |
||||
$('#code').val(num + '秒后可重发'); |
||||
setTimeout(function() { |
||||
if (num - 1 >= 0) { |
||||
cd(num - 1); |
||||
} else { |
||||
$('#code').removeClass('bg-gray').prop('disabled', false).val('重新发送验证码'); |
||||
} |
||||
}, |
||||
1000); |
||||
} |
||||
``` |
||||
``` |
||||
{ |
||||
"state": { |
||||
"code": 10200, //code状态码 |
||||
"msg": "ok" //状态描述 |
||||
}, |
||||
"data": { |
||||
"team_num": 13, //队伍数 |
||||
"position": "海珠区新港中路" //位置 |
||||
} |
||||
} |
||||
``` |
||||
|
||||
添加 `js`、`javascript` 标记后的效果： |
||||
```javascript |
||||
//发送验证码 |
||||
function cd(num) { |
||||
$('#code').val(num + '秒后可重发'); |
||||
setTimeout(function() { |
||||
if (num - 1 >= 0) { |
||||
cd(num - 1); |
||||
} else { |
||||
$('#code').removeClass('bg-gray').prop('disabled', false).val('重新发送验证码'); |
||||
} |
||||
}, |
||||
1000); |
||||
} |
||||
``` |
||||
```js |
||||
{ |
||||
"state": { |
||||
"code": 10200, //code状态码 |
||||
"msg": "ok" //状态描述 |
||||
}, |
||||
"data": { |
||||
"team_num": 13, //队伍数 |
||||
"position": "海珠区新港中路" //位置 |
||||
} |
||||
} |
||||
``` |
||||
amWiki对javascript代码片段做了再次增强，可以点击代码块右上角按钮隐藏/显示注释 |
||||
当注释处于隐藏状态时不会被复制，比较适合模拟返回json数据的接口时直接拷贝（json不允许注释） |
||||
|
||||
## Html 代码 |
||||
普通代码段效果： |
||||
``` |
||||
<body> |
||||
<div class="loading"><img src="/assets/images/loading.gif"></div> |
||||
<header>some text</header> |
||||
<script type="text/javascript" src="/assets/js/jquery-2.1.4.min.js"></script> |
||||
</body> |
||||
``` |
||||
添加 `html` 标记后的效果： |
||||
```html |
||||
<body> |
||||
<div class="loading"><img src="/assets/images/loading.gif"></div> |
||||
<header>some text</header> |
||||
<script type="text/javascript" src="/assets/js/jquery-2.1.4.min.js"></script> |
||||
</body> |
||||
``` |
||||
|
||||
## css 代码 |
||||
普通代码段效果： |
||||
``` |
||||
/* 紧凑 */ |
||||
html,body{display:block;width:100%;height:100%;min-width:320px;} |
||||
a,img{-webkit-touch-callout:none;} |
||||
/* 展开 */ |
||||
input[type="button"], |
||||
input[type="submit"], |
||||
input[type="reset"], |
||||
textarea { |
||||
-webkit-appearance: none; |
||||
} |
||||
``` |
||||
|
||||
添加 `css` 标记后的效果： |
||||
```css |
||||
/* 紧凑 */ |
||||
html,body{display:block;width:100%;height:100%;min-width:320px;} |
||||
a,img{-webkit-touch-callout:none;} |
||||
/* 展开 */ |
||||
input[type="button"], |
||||
input[type="submit"], |
||||
input[type="reset"], |
||||
textarea { |
||||
-webkit-appearance: none; |
||||
} |
||||
``` |
||||
|
||||
## php 代码 |
||||
普通代码段效果： |
||||
``` |
||||
private function addQuestData($data, $filing_id) |
||||
{ |
||||
$quest_num = $data['status'] == 10 ? 1 : 2; |
||||
$where = [ |
||||
['user_filing_id', '=', $filing_id], |
||||
['project_id', '=', $data['project_id']], |
||||
['mobile','=', $data['mobile']], |
||||
['quest_num', '=', $quest_num] |
||||
]; |
||||
} |
||||
``` |
||||
添加 `php` 标记后的效果： |
||||
```php |
||||
private function addQuestData($data, $filing_id) |
||||
{ |
||||
$quest_num = $data['status'] == 10 ? 1 : 2; |
||||
$where = [ |
||||
['user_filing_id', '=', $filing_id], |
||||
['project_id', '=', $data['project_id']], |
||||
['mobile','=', $data['mobile']], |
||||
['quest_num', '=', $quest_num] |
||||
]; |
||||
} |
||||
``` |
||||
|
||||
## sql 代码 |
||||
普通代码段效果： |
||||
``` |
||||
SELECT Company, OrderNumber FROM Orders ORDER BY Company, OrderNumber |
||||
``` |
||||
添加 `sql` 标记后的效果： |
||||
```sql |
||||
SELECT Company, OrderNumber FROM Orders ORDER BY Company, OrderNumber |
||||
``` |
||||
|
||||
## java 代码 |
||||
普通代码段效果： |
||||
``` |
||||
public class Test { |
||||
public static void main(String args[]) { |
||||
int x = 10; |
||||
while( x < 20 ) { |
||||
System.out.print("value of x : " + x ); |
||||
x++; |
||||
System.out.print("\n"); |
||||
} |
||||
} |
||||
} |
||||
``` |
||||
添加 `java` 标记后的效果： |
||||
```java |
||||
public class Test { |
||||
public static void main(String args[]) { |
||||
int x = 10; |
||||
while( x < 20 ) { |
||||
System.out.print("value of x : " + x ); |
||||
x++; |
||||
System.out.print("\n"); |
||||
} |
||||
} |
||||
} |
||||
``` |
||||
@ -0,0 +1,83 @@ |
||||
# amWiki 与流程图 |
||||
|
||||
amWiki 使用 [flowchart.js](https://github.com/adrai/flowchart.js) 进行流程图渲染，它是一款将文本表达式绘制为简单的 svg 流程图的图形库 |
||||
流程图代码块和语法高亮类似，不过类型声明须用 `flow` 关键字 |
||||
```flow |
||||
//your flow text here |
||||
``` |
||||
|
||||
## 流程图样例 |
||||
代码： |
||||
|
||||
```flow |
||||
st=>start: Start :>https://amwiki.xf09.net[blank] |
||||
e=>end: End :>https://amwiki.xf09.net[blank] |
||||
op1=>operation: My Operation |
||||
op2=>operation: Stuff |
||||
sub1=>subroutine: My Subroutine |
||||
cond=>condition: Yes or No? :>https://amwiki.xf09.net[blank] |
||||
c2=>condition: Good idea |
||||
io=>inputoutput: catch something... |
||||
|
||||
st->op1(right)->cond |
||||
cond(yes, right)->c2 |
||||
cond(no)->sub1(left)->op1 |
||||
c2(yes)->io->e |
||||
c2(no)->op2->e |
||||
``` |
||||
效果： |
||||
|
||||
```flow |
||||
st=>start: Start :>https://amwiki.xf09.net[blank] |
||||
e=>end: End :>https://amwiki.xf09.net[blank] |
||||
op1=>operation: My Operation |
||||
op2=>operation: Stuff |
||||
sub1=>subroutine: My Subroutine |
||||
cond=>condition: Yes or No? :>https://amwiki.xf09.net[blank] |
||||
c2=>condition: Good idea |
||||
io=>inputoutput: catch something... |
||||
|
||||
st->op1(right)->cond |
||||
cond(yes, right)->c2 |
||||
cond(no)->sub1(left)->op1 |
||||
c2(yes)->io->e |
||||
c2(no)->op2->e |
||||
``` |
||||
|
||||
## 流程图语法介绍 |
||||
流程图语法分两个部分，一个是声明元素，一个是定义流程 |
||||
|
||||
### 声明元素 |
||||
语法： |
||||
|
||||
tag=>type: content :>url |
||||
|
||||
1. `tag` 设置元素名称 |
||||
2. `=>` 元素定义符 |
||||
2. `type:` 设置元素类型，共分6种： |
||||
- **start**：开始，圆角矩形 |
||||
- **end**：结束，圆角矩形 |
||||
- **operation**：操作/行动方案，普通矩形 |
||||
- **subroutine**：子主题/模块，双边线矩形 |
||||
- **condition**：条件判断/问题审核，菱形 |
||||
- **inputoutput**：输入输出，平行四边形 |
||||
3. `content` 设置元素显示内容，中英均可 |
||||
4. `:>url` 设置元素连接，可选，后接 [blank] 可以新建窗口打开 |
||||
|
||||
提示：注意空格，`=>` 前后都不能接空格；`type:` 后必须接空格；`:>` 是语法标记，中间不能有空格 |
||||
|
||||
### 定义流程 |
||||
语法： |
||||
|
||||
tag1(branch,direction)->tag2 |
||||
|
||||
1. `->` 流程定义符，连接两个元素 |
||||
2. `branch` 设置 condition 类型元素的两个分支，有 `yes`/`no` 两个值，其他元素无效 |
||||
3. `direction` 定义流程走线方向，有 `left`/`right`/`top`/`bottom` 四个值，所有元素有效，此项配置可选 (ps:此属性容易造成渲染 bug) |
||||
|
||||
小提示： |
||||
- 继续注意空格，`->` 前后都不能有空格 |
||||
- 由于 condition 类型有两个分支，我们一般遇到 condition 元素就换行书写，比如： |
||||
st->op1-c2 |
||||
c2(yes)->io->e |
||||
c2(no)->op2->e |
||||
@ -0,0 +1,52 @@ |
||||
# Atom 编辑器对 Markdown 的原生支持 |
||||
|
||||
Atom 是 Github 开发的开源跨平台的编辑器，原生支持编辑 Markdown 文档 |
||||
|
||||
## 自动完成 Markdown 语法标记 |
||||
|
||||
### 代码段效果-code |
||||
输入 `c + Enter` |
||||
|
||||
 |
||||
|
||||
### 粗体效果-bold |
||||
输入 `b + Enter` |
||||
|
||||
 |
||||
|
||||
### 斜体效果-italic |
||||
输入 `i + Enter` |
||||
|
||||
 |
||||
|
||||
### 链接效果-link |
||||
输入 `l + Enter` |
||||
|
||||
 |
||||
|
||||
### 图片效果-img |
||||
输入 `im + Enter` |
||||
|
||||
 |
||||
|
||||
### 表格效果-table |
||||
输入 `ta + Enter` |
||||
|
||||
 |
||||
|
||||
<!-- |
||||
### todo效果-list |
||||
输入`t + Enter` |
||||
|
||||
 |
||||
--> |
||||
|
||||
## 自动补齐二次单词输入 |
||||
在第二次输入时，单词可以自动识别与补齐，回车即可完成输入 |
||||
|
||||
 |
||||
|
||||
## 内置 Markdown 即时预览插件 |
||||
编辑 Markdown 文档时，使用快捷键 `ctrl + shift + m` 即可在窗口右侧打开 Atom 内置的 markdown-preview 即时预览模块 |
||||
|
||||
 |
||||
@ -0,0 +1,60 @@ |
||||
# 使用测试模块测试接口 |
||||
|
||||
让文档与测试一步搞定！ |
||||
|
||||
## 激活测试的条件 |
||||
##### 当一篇文档中使用了 `“请求地址”`、`“请求类型”`、`“请求参数”` 三个字段作为 `h3标题` 并配套对应内容时，将激活接口测试功能 |
||||
 |
||||
(详细书写格式请参照[通用API接口文档示例](?file=002-文档示范/001-通用API接口文档示例)) |
||||
|
||||
##### 此时文档右上角将出现 `“接口测试”` 按钮，例如： |
||||
 |
||||
|
||||
## 接口测试的工作原理与步骤 |
||||
1. 当测试模块处于打开状态时，每次打开文档都会扫描文档转换 html 后的内容，满足三个 h3 时即开启测试功能 |
||||
2. 开启当前文档测试功能后，即会从页面上 **抓取** 符合一定格式的测试内容 |
||||
3. 格式化抓取的内容并生成可再次修改的表单 |
||||
4. 用户点击发送请求时，先并入全局参数到当前参数列表，再发送请求 |
||||
5. 收到请求结果，格式化显示 |
||||
|
||||
## 接口测试文档的格式要求 |
||||
|
||||
### 请求地址的格式 |
||||
请求地址可以使用带 http 与不带 http 两种，下面两种写法都是合适的 |
||||
|
||||
/api/customer-flow |
||||
http://localhost/api/customer-flow |
||||
|
||||
注意，不带 http 将自动和当前域名拼合为完整绝对路径，而不是使用相对路径 |
||||
|
||||
### 请求类型的格式 |
||||
amWiki 暂时只支持 **Get**、**Post**、**Put**、**Delete** 四种普通 ajax 请求，不支持文件上传和其他高级方式通讯 |
||||
|
||||
### 请求参数的格式 |
||||
- 当接口不需要参数时，直接使用 **“无”** 即可 |
||||
 |
||||
- 请求参数列表必须使用 **表格**，且必须按 `参数名`、`类型`、`必填`、`描述`、`默认值`、`参考值` 的栏目顺序建立表格，否则不能正常抓取。 |
||||
 |
||||
其中： |
||||
- 默认值与参考值同属参数的值，但是优先显示默认值，只有当没有默认值时参考值才有效，参考值是为了方便测试之用 |
||||
- 参考值一栏可选，不写参考值的整个表格栏位，不会影响测试功能 |
||||
|
||||
## 测试功能应用 |
||||
|
||||
### 测试面板 |
||||
抓取测试内容生成测试表单如下 |
||||
 |
||||
|
||||
### 全局参数面板 |
||||
全局参数影响所有接口，在全局参数面板可以进行新增、删除全局参数以及临时启用/禁用全局参数等操作 |
||||
 |
||||
|
||||
### 返回响应 |
||||
成功的响应： |
||||
 |
||||
失败的响应： |
||||
 |
||||
|
||||
## 测试模块的问题 |
||||
- 测试模只能请求同域接口，不能跨域。 (跨域解决方案请参考[amWiki转接到任意域名进行接口测试](?file=001-学习amWiki/30-amWiki转接到任意域名进行接口测试)) |
||||
- 如果接口需要登录权限，请先登录您自己的系统。 |
||||
@ -0,0 +1,73 @@ |
||||
# amWiki 转接到任意域名进行接口测试 |
||||
|
||||
我们分两种情况进行文档转接，一种是我们有域名服务器操作权限，一种是没有 |
||||
|
||||
## 有域名服务器操作权限的转接 |
||||
如果我们有域名服务器操作权限，那要把其他域名下的文档转接到当前域名下，其实很简单，就是一个 **反向代理** 的过程 |
||||
|
||||
以 nginx 为例，将地址 https://amwiki.xf09.net/docs/ 下所有文档转接到任意域名(_无需https_) /wiki 路径下 |
||||
```nginx |
||||
server { |
||||
listen 81; |
||||
server_name abc123.com; |
||||
location /wiki { |
||||
proxy_pass https://amwiki.xf09.net/docs/; |
||||
proxy_redirect off; |
||||
#proxy_set_header Host $host; |
||||
proxy_set_header X-Real-IP $remote_addr; |
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; |
||||
proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504; |
||||
proxy_max_temp_file_size 0k; |
||||
proxy_connect_timeout 90; |
||||
proxy_send_timeout 90; |
||||
proxy_read_timeout 90; |
||||
proxy_buffer_size 4k; |
||||
proxy_buffers 4 32k; |
||||
proxy_busy_buffers_size 64k; |
||||
proxy_temp_file_write_size 64k; |
||||
} |
||||
# other settings ... |
||||
} |
||||
``` |
||||
|
||||
## 无域名服务器操作权限 |
||||
此时，如果想要将我们的文档转接到对应域名上去，需要利用抓包工具 Fiddler 进行 **请求代理** |
||||
(_请下载安装抓包工具 [Fiddler](http://www.telerik.com/fiddler)，并了解 AutoResponder 面板的使用_) |
||||
|
||||
由于 https 特殊性，我们分两种情况来讨论： |
||||
|
||||
### http 请求代理 |
||||
当原域名基于 http 通信时，由于 http 请求是一种很开放的通信，我们可以直接用 fiddler 非常简单的进行转接 |
||||
|
||||
比如，我们继续把地址 https://amwiki.xf09.net/docs/ 下所有文档转接到任意域名 /wiki 路径下 |
||||
只需要如下配置 AutoResponder： |
||||
|
||||
 |
||||
规则代码如下： |
||||
|
||||
regex:.+abc123\.com\/wiki\/(.+)$ |
||||
https://amwiki.xf09.net/docs/$1 |
||||
|
||||
第一行代码为请求匹配，其中 `regex:` 表示按正则表达式进行匹配，`.+abc123\.com\/wiki\/` 表示需要代理的路径，`(.+)$` (和第二行配合)表示转接后续的路径，即将后续路径替换到第二行代码中的 `$1` |
||||
|
||||
| | 转接地址 | 实际请求地址 | |
||||
| : ---| :--- | :--- | |
||||
| 例1 | http://abc123.com/wiki/index.html | https://amwiki.xf09.net/docs/index.html | |
||||
| 例2 | http://abc123.com/wiki/amWiki/js/amWiki.js | https://amwiki.xf09.net/docs/amWiki/js/amWiki.js | |
||||
|
||||
### https 请求代理 |
||||
当原域名基于 https 通讯是，我们需要更多的操作才能使用代理 (Fiddler 抓包 https 的原理，有兴趣可自行知乎一下) |
||||
|
||||
- **第一步，开启 https 解码** |
||||
Tools -> Fiddler Options -> HTTPS -> 依次勾选如下 |
||||
 |
||||
- **第二步，是安装 Fiddler 根证书** |
||||
打开 http://localhost:8888/ 下载Fiddler 根证书并安装 |
||||
 |
||||
- **第三步，按照 http 的方式进行代理** |
||||
例如，我们转接到百度域名的一个路径下 |
||||
|
||||
regex:.+www\.baidu\.com\/wiki\/(.+)$ |
||||
https://amwiki.xf09.net/docs/$1 |
||||
|
||||
此时，我们打开 https://www.baidu.com/wiki/index.html 会发现，不再是“很抱歉，您要访问的页面不存在！”了 |
||||
@ -0,0 +1,55 @@ |
||||
# 客户日志流水接口示例 |
||||
>维护人员：**Tevin** |
||||
>创建时间：2016-04-06 |
||||
|
||||
## 接口简介 |
||||
实时查询客户各种操作(例如登录，拓客等)的流水日志 |
||||
|
||||
## 接口详情 |
||||
|
||||
### 请求地址 |
||||
/api/customer-flow |
||||
|
||||
### 请求类型 |
||||
GET |
||||
|
||||
### 请求参数 |
||||
| 参数名 | 类型 | 必填 | 描述 | 默认值 | 参考值 | |
||||
| --- | :---: | :---: | --- | --- | --- | |
||||
| customer_id | number | 是 | 客户id | - | 132 | |
||||
| type | number | 否 | 客户类型，0所有、1扩展、2报备、3成交 | - | 1 | |
||||
|
||||
### 返回正确JSON示例 |
||||
```javascript |
||||
{ |
||||
"state": { |
||||
"code": 10200, |
||||
"msg": "ok" |
||||
}, |
||||
"data": { |
||||
"id": 307, //流水id |
||||
"real_name": "Tevin", //用户名称 |
||||
"mobile": "暂无", //用户手机 |
||||
"origin": "暂无", //用户来源 |
||||
"created_at": "2016-04-04 20:00:00", //加入时间 |
||||
"last_login": "2016-05-22 15:30:21", //最后登录时间 |
||||
"log": [] //日志列表 |
||||
} |
||||
} |
||||
``` |
||||
### 返回错误JSON示例 |
||||
```javascript |
||||
{ |
||||
"state": { |
||||
"code": 10500 |
||||
"msg": "服务器未知报错" |
||||
} |
||||
} |
||||
``` |
||||
|
||||
### 备注说明 |
||||
无 |
||||
|
||||
### 修改日志 |
||||
- 【2016-05-22】 |
||||
新增了last_login最后登录时间字段 |
||||
@ -0,0 +1,651 @@ |
||||
# 微信JS-SDK说明文档（超长文档页内目录示例） |
||||
|
||||
>1. [概述](#概述 "概述") |
||||
1. [JSSDK使用步骤](#JSSDK使用步骤 "JSSDK使用步骤") |
||||
1. [接口调用说明](#接口调用说明 "接口调用说明") |
||||
1. [基础接口](#基础接口 "基础接口") |
||||
1. [判断当前客户端版本是否支持指定JS接口](#判断当前客户端版本是否支持指定JS接口 "判断当前客户端版本是否支持指定JS接口") |
||||
1. [分享接口](#分享接口 "分享接口") |
||||
1. [获取“分享到朋友圈”按钮点击状态及自定义分享内容接口](#获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 "获取“分享到朋友圈”按钮点击状态及自定义分享内容接口") |
||||
1. [获取“分享给朋友”按钮点击状态及自定义分享内容接口](#获取“分享给朋友”按钮点击状态及自定义分享内容接口 "获取“分享给朋友”按钮点击状态及自定义分享内容接口") |
||||
1. [获取“分享到QQ”按钮点击状态及自定义分享内容接口](#获取“分享到QQ”按钮点击状态及自定义分享内容接口 "获取“分享到QQ”按钮点击状态及自定义分享内容接口") |
||||
1. [获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口](#获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 "获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口") |
||||
1. [获取“分享到QQ空间”按钮点击状态及自定义分享内容接口](#获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 "获取“分享到QQ空间”按钮点击状态及自定义分享内容接口") |
||||
1. [图像接口](#图像接口 "图像接口") |
||||
1. [拍照或从手机相册中选图接口](#拍照或从手机相册中选图接口 "拍照或从手机相册中选图接口") |
||||
1. [预览图片接口](#预览图片接口 "预览图片接口") |
||||
1. [上传图片接口](#上传图片接口 "上传图片接口") |
||||
1. [下载图片接口](#下载图片接口 "下载图片接口") |
||||
1. [音频接口](#音频接口 "音频接口") |
||||
1. [开始录音接口](#开始录音接口 "开始录音接口") |
||||
1. [停止录音接口](#停止录音接口 "停止录音接口") |
||||
1. [监听录音自动停止接口](#监听录音自动停止接口 "监听录音自动停止接口") |
||||
1. [播放语音接口](#播放语音接口 "播放语音接口") |
||||
1. [暂停播放接口](#暂停播放接口 "暂停播放接口") |
||||
1. [停止播放接口](#停止播放接口 "停止播放接口") |
||||
1. [监听语音播放完毕接口](#监听语音播放完毕接口 "监听语音播放完毕接口") |
||||
1. [上传语音接口](#上传语音接口 "上传语音接口") |
||||
1. [下载语音接口](#下载语音接口 "下载语音接口") |
||||
1. [智能接口](#智能接口 "智能接口") |
||||
1. [识别音频并返回识别结果接口](#识别音频并返回识别结果接口 "识别音频并返回识别结果接口") |
||||
1. [设备信息](#设备信息 "设备信息") |
||||
1. [获取网络状态接口](#获取网络状态接口 "获取网络状态接口") |
||||
1. [地理位置](#地理位置 "地理位置") |
||||
1. [使用微信内置地图查看位置接口](#使用微信内置地图查看位置接口 "使用微信内置地图查看位置接口") |
||||
1. [获取地理位置接口](#获取地理位置接口 "获取地理位置接口") |
||||
1. [摇一摇周边](#摇一摇周边 "摇一摇周边") |
||||
1. [开启查找周边ibeacon设备接口](#开启查找周边ibeacon设备接口 "开启查找周边ibeacon设备接口") |
||||
1. [关闭查找周边ibeacon设备接口](#关闭查找周边ibeacon设备接口 "关闭查找周边ibeacon设备接口") |
||||
1. [监听周边ibeacon设备接口](#监听周边ibeacon设备接口 "监听周边ibeacon设备接口") |
||||
1. [界面操作](#界面操作 "界面操作") |
||||
1. [隐藏右上角菜单接口](#隐藏右上角菜单接口 "隐藏右上角菜单接口") |
||||
1. [显示右上角菜单接口](#显示右上角菜单接口 "显示右上角菜单接口") |
||||
1. [关闭当前网页窗口接口](#关闭当前网页窗口接口 "关闭当前网页窗口接口") |
||||
1. [批量隐藏功能按钮接口](#批量隐藏功能按钮接口 "批量隐藏功能按钮接口") |
||||
1. [批量显示功能按钮接口](#批量显示功能按钮接口 "批量显示功能按钮接口") |
||||
1. [隐藏所有非基础按钮接口](#隐藏所有非基础按钮接口 "隐藏所有非基础按钮接口") |
||||
1. [显示所有功能按钮接口](#显示所有功能按钮接口 "显示所有功能按钮接口") |
||||
1. [微信扫一扫](#微信扫一扫 "微信扫一扫") |
||||
1. [调起微信扫一扫接口](#调起微信扫一扫接口 "调起微信扫一扫接口") |
||||
1. [微信小店](#微信小店 "微信小店") |
||||
1. [跳转微信商品页接口](#跳转微信商品页接口 "跳转微信商品页接口") |
||||
1. [微信卡券](#微信卡券 "微信卡券") |
||||
1. [获取api_ticket](#获取api_ticket "获取api_ticket") |
||||
1. [拉取适用卡券列表并获取用户选择信息](#拉取适用卡券列表并获取用户选择信息 "拉取适用卡券列表并获取用户选择信息") |
||||
1. [批量添加卡券接口](#批量添加卡券接口 "批量添加卡券接口") |
||||
1. [查看微信卡包中的卡券接口](#查看微信卡包中的卡券接口 "查看微信卡包中的卡券接口") |
||||
1. [核销后再次赠送卡券接口](#核销后再次赠送卡券接口 "核销后再次赠送卡券接口") |
||||
1. [微信支付](#微信支付 "微信支付") |
||||
1. [发起一个微信支付请求](#发起一个微信支付请求 "发起一个微信支付请求") |
||||
|
||||
|
||||
## 概述 |
||||
|
||||
微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 |
||||
|
||||
通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。 |
||||
|
||||
此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项。 |
||||
|
||||
### JSSDK使用步骤 |
||||
|
||||
#### 步骤一：绑定域名 |
||||
|
||||
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。**如果你使用了支付类接口，请确保支付目录在该安全域名下，否则将无法完成支付。** |
||||
|
||||
备注：登录后可在“开发者中心”查看对应的接口权限。 |
||||
|
||||
#### 步骤二：引入JS文件 |
||||
|
||||
在需要调用JS接口的页面引入如下JS文件，（支持https）： |
||||
[http://res.wx.qq.com/open/js/jweixin-1.0.0.js](http://res.wx.qq.com/open/js/jweixin-1.0.0.js) |
||||
|
||||
**请注意，如果你的页面启用了https，务必引入** [https://res.wx.qq.com/open/js/jweixin-1.0.0.js](https://res.wx.qq.com/open/js/jweixin-1.0.0.js) ，**否则将无法在iOS9.0以上系统中成功使用JSSDK** |
||||
|
||||
如需使用摇一摇周边功能，请引入 jweixin-1.1.0.js |
||||
|
||||
备注：支持使用 AMD/CMD 标准模块加载方法加载 |
||||
|
||||
#### 步骤三：通过config接口注入权限验证配置 |
||||
|
||||
**所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用**（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。 |
||||
|
||||
```javascript |
||||
wx.config({ |
||||
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 |
||||
appId: '', // 必填，公众号的唯一标识 |
||||
timestamp: , // 必填，生成签名的时间戳 |
||||
nonceStr: '', // 必填，生成签名的随机串 |
||||
signature: '',// 必填，签名，见附录1 |
||||
jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 |
||||
}); |
||||
``` |
||||
|
||||
#### 步骤四：通过ready接口处理成功验证 |
||||
```javascript |
||||
wx.ready(function(){ |
||||
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。 |
||||
}); |
||||
``` |
||||
|
||||
#### 步骤五：通过error接口处理失败验证 |
||||
```javascript |
||||
wx.error(function(res){ |
||||
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。 |
||||
}); |
||||
``` |
||||
### 接口调用说明 |
||||
|
||||
所有接口通过wx对象(也可使用jWeixin对象)来调用，参数是一个对象，除了每个接口本身需要传的参数之外，还有以下通用参数： |
||||
|
||||
1. success：接口调用成功时执行的回调函数。 |
||||
1. fail：接口调用失败时执行的回调函数。 |
||||
1. complete：接口调用完成时执行的回调函数，无论成功或失败都会执行。 |
||||
1. cancel：用户点击取消时的回调函数，仅部分有用户取消操作的api才会用到。 |
||||
1. trigger: 监听Menu中的按钮点击时触发的方法，该方法仅支持Menu中的相关接口。 |
||||
|
||||
备注：**不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回。** |
||||
|
||||
以上几个函数都带有一个参数，类型为对象，其中除了每个接口本身返回的数据之外，还有一个通用属性errMsg，其值格式如下： |
||||
|
||||
1. 调用成功时："xxx:ok" ，其中xxx为调用的接口名 |
||||
1. 用户取消时："xxx:cancel"，其中xxx为调用的接口名 |
||||
1. 调用失败时：其值为具体错误信息 |
||||
|
||||
## 基础接口 |
||||
|
||||
### 判断当前客户端版本是否支持指定JS接口 |
||||
|
||||
```javascript |
||||
wx.checkJsApi({ |
||||
jsApiList: ['chooseImage'], // 需要检测的JS接口列表，所有JS接口列表见附录2, |
||||
success: function(res) { |
||||
// 以键值对的形式返回，可用的api值true，不可用为false |
||||
// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} |
||||
} |
||||
}); |
||||
``` |
||||
备注：checkJsApi接口是客户端6.0.2新引入的一个预留接口，第一期开放的接口均可不使用checkJsApi来检测。 |
||||
|
||||
### 分享接口 |
||||
|
||||
请注意不要有诱导分享等违规行为，对于诱导分享行为将永久回收公众号接口权限，详细规则请查看：朋友圈管理常见问题。 |
||||
|
||||
### 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 |
||||
|
||||
```javascript |
||||
wx.onMenuShareTimeline({ |
||||
title: '', // 分享标题 |
||||
link: '', // 分享链接 |
||||
imgUrl: '', // 分享图标 |
||||
success: function () { |
||||
// 用户确认分享后执行的回调函数 |
||||
}, |
||||
cancel: function () { |
||||
// 用户取消分享后执行的回调函数 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 获取“分享给朋友”按钮点击状态及自定义分享内容接口 |
||||
```javascript |
||||
wx.onMenuShareAppMessage({ |
||||
title: '', // 分享标题 |
||||
desc: '', // 分享描述 |
||||
link: '', // 分享链接 |
||||
imgUrl: '', // 分享图标 |
||||
type: '', // 分享类型,music、video或link，不填默认为link |
||||
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空 |
||||
success: function () { |
||||
// 用户确认分享后执行的回调函数 |
||||
}, |
||||
cancel: function () { |
||||
// 用户取消分享后执行的回调函数 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 获取“分享到QQ”按钮点击状态及自定义分享内容接口 |
||||
```javascript |
||||
wx.onMenuShareQQ({ |
||||
title: '', // 分享标题 |
||||
desc: '', // 分享描述 |
||||
link: '', // 分享链接 |
||||
imgUrl: '', // 分享图标 |
||||
success: function () { |
||||
// 用户确认分享后执行的回调函数 |
||||
}, |
||||
cancel: function () { |
||||
// 用户取消分享后执行的回调函数 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 |
||||
```javascript |
||||
wx.onMenuShareWeibo({ |
||||
title: '', // 分享标题 |
||||
desc: '', // 分享描述 |
||||
link: '', // 分享链接 |
||||
imgUrl: '', // 分享图标 |
||||
success: function () { |
||||
// 用户确认分享后执行的回调函数 |
||||
}, |
||||
cancel: function () { |
||||
// 用户取消分享后执行的回调函数 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 |
||||
```javascript |
||||
wx.onMenuShareQZone({ |
||||
title: '', // 分享标题 |
||||
desc: '', // 分享描述 |
||||
link: '', // 分享链接 |
||||
imgUrl: '', // 分享图标 |
||||
success: function () { |
||||
// 用户确认分享后执行的回调函数 |
||||
}, |
||||
cancel: function () { |
||||
// 用户取消分享后执行的回调函数 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
## 图像接口 |
||||
|
||||
### 拍照或从手机相册中选图接口 |
||||
```javascript |
||||
wx.chooseImage({ |
||||
count: 1, // 默认9 |
||||
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 |
||||
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 |
||||
success: function (res) { |
||||
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 预览图片接口 |
||||
```javascript |
||||
wx.previewImage({ |
||||
current: '', // 当前显示图片的http链接 |
||||
urls: [] // 需要预览的图片http链接列表 |
||||
}); |
||||
``` |
||||
|
||||
### 上传图片接口 |
||||
```javascript |
||||
wx.uploadImage({ |
||||
localId: '', // 需要上传的图片的本地ID，由chooseImage接口获得 |
||||
isShowProgressTips: 1, // 默认为1，显示进度提示 |
||||
success: function (res) { |
||||
var serverId = res.serverId; // 返回图片的服务器端ID |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
备注：上传图片有效期3天，可用微信多媒体接口下载图片到自己的服务器，此处获得的 serverId 即 media_id，参考文档 ../12/58bfcfabbd501c7cd77c19bd9cfa8354.html 目前多媒体文件下载接口的频率限制为10000次/天，如需要调高频率，请邮件weixin-open@qq.com,邮件主题为【申请多媒体接口调用量】，请对你的项目进行简单描述，附上产品体验链接，并对用户量和使用量进行说明。 |
||||
|
||||
### 下载图片接口 |
||||
```javascript |
||||
wx.downloadImage({ |
||||
serverId: '', // 需要下载的图片的服务器端ID，由uploadImage接口获得 |
||||
isShowProgressTips: 1, // 默认为1，显示进度提示 |
||||
success: function (res) { |
||||
var localId = res.localId; // 返回图片下载后的本地ID |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
## 音频接口 |
||||
|
||||
### 开始录音接口 |
||||
```javascript |
||||
wx.startRecord(); |
||||
``` |
||||
|
||||
### 停止录音接口 |
||||
```javascript |
||||
wx.stopRecord({ |
||||
success: function (res) { |
||||
var localId = res.localId; |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 监听录音自动停止接口 |
||||
```javascript |
||||
wx.onVoiceRecordEnd({ |
||||
// 录音时间超过一分钟没有停止的时候会执行 complete 回调 |
||||
complete: function (res) { |
||||
var localId = res.localId; |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 播放语音接口 |
||||
```javascript |
||||
wx.playVoice({ |
||||
localId: '' // 需要播放的音频的本地ID，由stopRecord接口获得 |
||||
}); |
||||
``` |
||||
|
||||
### 暂停播放接口 |
||||
```javascript |
||||
wx.pauseVoice({ |
||||
localId: '' // 需要暂停的音频的本地ID，由stopRecord接口获得 |
||||
}); |
||||
``` |
||||
|
||||
### 停止播放接口 |
||||
```javascript |
||||
wx.stopVoice({ |
||||
localId: '' // 需要停止的音频的本地ID，由stopRecord接口获得 |
||||
}); |
||||
``` |
||||
|
||||
### 监听语音播放完毕接口 |
||||
```javascript |
||||
wx.onVoicePlayEnd({ |
||||
success: function (res) { |
||||
var localId = res.localId; // 返回音频的本地ID |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 上传语音接口 |
||||
```javascript |
||||
wx.uploadVoice({ |
||||
localId: '', // 需要上传的音频的本地ID，由stopRecord接口获得 |
||||
isShowProgressTips: 1, // 默认为1，显示进度提示 |
||||
success: function (res) { |
||||
var serverId = res.serverId; // 返回音频的服务器端ID |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
备注：上传语音有效期3天，可用微信多媒体接口下载语音到自己的服务器，此处获得的 serverId 即 media_id，参考文档 ../12/58bfcfabbd501c7cd77c19bd9cfa8354.html 目前多媒体文件下载接口的频率限制为10000次/天，如需要调高频率，请邮件weixin-open@qq.com,邮件主题为【申请多媒体接口调用量】，请对你的项目进行简单描述，附上产品体验链接，并对用户量和使用量进行说明。 |
||||
|
||||
### 下载语音接口 |
||||
```javascript |
||||
wx.downloadVoice({ |
||||
serverId: '', // 需要下载的音频的服务器端ID，由uploadVoice接口获得 |
||||
isShowProgressTips: 1, // 默认为1，显示进度提示 |
||||
success: function (res) { |
||||
var localId = res.localId; // 返回音频的本地ID |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
## 智能接口 |
||||
|
||||
### 识别音频并返回识别结果接口 |
||||
```javascript |
||||
wx.translateVoice({ |
||||
localId: '', // 需要识别的音频的本地Id，由录音相关接口获得 |
||||
isShowProgressTips: 1, // 默认为1，显示进度提示 |
||||
success: function (res) { |
||||
alert(res.translateResult); // 语音识别的结果 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
## 设备信息 |
||||
|
||||
### 获取网络状态接口 |
||||
```javascript |
||||
wx.getNetworkType({ |
||||
success: function (res) { |
||||
var networkType = res.networkType; // 返回网络类型2g，3g，4g，wifi |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
## 地理位置 |
||||
|
||||
### 使用微信内置地图查看位置接口 |
||||
```javascript |
||||
wx.openLocation({ |
||||
latitude: 0, // 纬度，浮点数，范围为90 ~ -90 |
||||
longitude: 0, // 经度，浮点数，范围为180 ~ -180。 |
||||
name: '', // 位置名 |
||||
address: '', // 地址详情说明 |
||||
scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大 |
||||
infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转 |
||||
}); |
||||
``` |
||||
|
||||
### 获取地理位置接口 |
||||
```javascript |
||||
wx.getLocation({ |
||||
type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02' |
||||
success: function (res) { |
||||
var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90 |
||||
var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。 |
||||
var speed = res.speed; // 速度，以米/每秒计 |
||||
var accuracy = res.accuracy; // 位置精度 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
## 摇一摇周边 |
||||
|
||||
### 开启查找周边ibeacon设备接口 |
||||
```javascript |
||||
wx.startSearchBeacons({ |
||||
ticket: "", // 摇周边的业务ticket, 系统自动添加在摇出来的页面链接后面 |
||||
complete: function(argv) { |
||||
// 开启查找完成后的回调函数 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
备注：如需接入摇一摇周边功能，请参考：申请开通摇一摇周边 |
||||
|
||||
### 关闭查找周边ibeacon设备接口 |
||||
```javascript |
||||
wx.stopSearchBeacons({ |
||||
complete:function(res){ |
||||
//关闭查找完成后的回调函数 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
### 监听周边ibeacon设备接口 |
||||
```javascript |
||||
wx.onSearchBeacons({ |
||||
complete:function(argv){ |
||||
//回调函数，可以数组形式取得该商家注册的在周边的相关设备列表 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
备注：上述摇一摇周边接口使用注意事项及更多返回结果说明，请参考：摇一摇周边获取设备信息 |
||||
|
||||
## 界面操作 |
||||
|
||||
### 隐藏右上角菜单接口 |
||||
```javascript |
||||
wx.hideOptionMenu(); |
||||
``` |
||||
|
||||
### 显示右上角菜单接口 |
||||
```javascript |
||||
wx.showOptionMenu(); |
||||
``` |
||||
|
||||
### 关闭当前网页窗口接口 |
||||
```javascript |
||||
wx.closeWindow(); |
||||
``` |
||||
|
||||
### 批量隐藏功能按钮接口 |
||||
```javascript |
||||
wx.hideMenuItems({ |
||||
menuList: [] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3 |
||||
}); |
||||
``` |
||||
|
||||
### 批量显示功能按钮接口 |
||||
```javascript |
||||
wx.showMenuItems({ |
||||
menuList: [] // 要显示的菜单项，所有menu项见附录3 |
||||
}); |
||||
``` |
||||
|
||||
### 隐藏所有非基础按钮接口 |
||||
```javascript |
||||
wx.hideAllNonBaseMenuItem(); |
||||
// “基本类”按钮详见附录3 |
||||
``` |
||||
|
||||
### 显示所有功能按钮接口 |
||||
```javascript |
||||
wx.showAllNonBaseMenuItem(); |
||||
``` |
||||
|
||||
## 微信扫一扫 |
||||
|
||||
### 调起微信扫一扫接口 |
||||
```javascript |
||||
wx.scanQRCode({ |
||||
needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果， |
||||
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有 |
||||
success: function (res) { |
||||
var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
## 微信小店 |
||||
|
||||
### 跳转微信商品页接口 |
||||
```javascript |
||||
wx.openProductSpecificView({ |
||||
productId: '', // 商品id |
||||
viewType: '' // 0.默认值，普通商品详情页1.扫一扫商品详情页2.小店商品详情页 |
||||
}); |
||||
``` |
||||
|
||||
## 微信卡券 |
||||
|
||||
微信卡券接口中使用的签名凭证api_ticket，与步骤三中config使用的签名凭证jsapi_ticket不同，开发者在调用微信卡券JS-SDK的过程中需依次完成两次不同的签名，并确保凭证的缓存。 |
||||
|
||||
### 获取api_ticket |
||||
|
||||
api_ticket 是用于调用微信卡券JS API的临时票据，有效期为7200 秒，通过access_token 来获取。 |
||||
|
||||
开发者注意事项： |
||||
|
||||
1. **此用于卡券接口签名的api_ticket与步骤三中通过config接口注入权限验证配置使用的jsapi_ticket不同。** |
||||
2. 由于获取api_ticket 的api 调用次数非常有限，频繁刷新api_ticket 会导致api调用受限，影响自身业务，开发者需在自己的服务存储与更新api_ticket。 |
||||
|
||||
#### 接口调用请求说明 |
||||
|
||||
http请求方式: GET |
||||
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=wx_card |
||||
|
||||
#### 参数说明 |
||||
| 参数 | 是否必须 | 说明 | |
||||
| --- | --- | --- | |
||||
| access_token | 是 | 调用接口凭证 | |
||||
|
||||
#### 返回数据 |
||||
|
||||
数据示例： |
||||
```JSON |
||||
{ |
||||
"errcode": 0, |
||||
"errmsg": "ok", |
||||
"ticket": "bxLdikRXVbTPdHSM05e5u5sUoXNKdvsdshFKA", |
||||
"expires_in": 7200 |
||||
} |
||||
``` |
||||
| 参数名 | 描述 |
||||
| --- | --- |
||||
| errcode | 错误码 |
||||
| errmsg | 错误信息 |
||||
| ticket | api_ticket，卡券接口中签名所需凭证 |
||||
| expires_in | 有效时间 |
||||
|
||||
### 拉取适用卡券列表并获取用户选择信息 |
||||
```javascript |
||||
wx.chooseCard({ |
||||
shopId: '', // 门店Id |
||||
cardType: '', // 卡券类型 |
||||
cardId: '', // 卡券Id |
||||
timestamp: 0, // 卡券签名时间戳 |
||||
nonceStr: '', // 卡券签名随机串 |
||||
signType: '', // 签名方式，默认'SHA1' |
||||
cardSign: '', // 卡券签名 |
||||
success: function (res) { |
||||
var cardList= res.cardList; // 用户选中的卡券列表信息 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
|参数名 |必填 |类型 |示例值 |描述 |
||||
| --- | --- | --- | --- | --- |
||||
|shopId |否 |string(24) |1234 |门店ID。shopID用于筛选出拉起带有指定location_list(shopID)的卡券列表，非必填。 |
||||
|cardType |否 |string(24) |GROUPON |卡券类型，用于拉起指定卡券类型的卡券列表。当cardType为空时，默认拉起所有卡券的列表，非必填。 |
||||
|cardId |否 |string(32) |p1Pj9jr90_SQRaVqYI239Ka1erk |卡券ID，用于拉起指定cardId的卡券列表，当cardId为空时，默认拉起所有卡券的列表，非必填。 |
||||
|timestamp |是 |string(32) |14300000000 |时间戳。 |
||||
|nonceStr |是 |string(32) |sduhi123 |随机字符串。 |
||||
|signType |是 |string(32) |SHA1 |签名方式，目前仅支持SHA1 |
||||
|cardSign |是 |string(64) |abcsdijcous123 |签名。 |
||||
|
||||
cardSign详见附录4。开发者特别注意：签名错误会导致拉取卡券列表异常为空，请仔细检查参与签名的参数有效性。 |
||||
|
||||
**特别提醒** |
||||
|
||||
拉取列表仅与用户本地卡券有关，拉起列表异常为空的情况通常有三种：签名错误、时间戳无效、筛选机制有误。请开发者依次排查定位原因。 |
||||
|
||||
### 批量添加卡券接口 |
||||
```javascript |
||||
wx.addCard({ |
||||
cardList: [{ |
||||
cardId: '', |
||||
cardExt: '' |
||||
}], // 需要添加的卡券列表 |
||||
success: function (res) { |
||||
var cardList = res.cardList; // 添加的卡券列表信息 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
cardExt详见附录4，值得注意的是，这里的card_ext参数必须与参与签名的参数一致，格式为字符串而不是Object，否则会报签名错误。 |
||||
|
||||
### 查看微信卡包中的卡券接口 |
||||
```javascript |
||||
wx.openCard({ |
||||
cardList: [{ |
||||
cardId: '', |
||||
code: '' |
||||
}]// 需要打开的卡券列表 |
||||
}); |
||||
``` |
||||
|
||||
### 核销后再次赠送卡券接口 |
||||
```javascript |
||||
wx.consumeAndShareCard({ |
||||
cardId: '', |
||||
code: '' |
||||
}); |
||||
``` |
||||
|
||||
参数说明： |
||||
|
||||
|参数 |说明 |
||||
| --- | --- |
||||
|cardId |上一步核销的card_id，若传入错误的card_id会报错 |
||||
|code |上一步核销的code，若传入错误的code会报错 |
||||
|
||||
注意： |
||||
该接口只支持微信6.3.6以上版本的客户端，开发者在调用时需要注意两点： |
||||
|
||||
1. 需要引入1.1.0版本的js文件： https://res.wx.qq.com/open/js/jweixin-1.1.0.js |
||||
2. 需要判断用户客户端版本号，做出容错处理，详情点击：判断当前客户端版本是否支持指定JS接口 |
||||
|
||||
## 微信支付 |
||||
|
||||
### 发起一个微信支付请求 |
||||
```javascript |
||||
wx.chooseWXPay({ |
||||
timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符 |
||||
nonceStr: '', // 支付签名随机串，不长于 32 位 |
||||
package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***） |
||||
signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5' |
||||
paySign: '', // 支付签名 |
||||
success: function (res) { |
||||
// 支付成功后的回调函数 |
||||
} |
||||
}); |
||||
``` |
||||
|
||||
备注：prepay_id 通过微信支付统一下单接口拿到，paySign 采用统一的微信支付 Sign 签名生成方法，注意这里 appId 也要参与签名，appId 与 config 中传入的 appId 一致，即最后参与签名的参数有appId, timeStamp, nonceStr, package, signType。 |
||||
|
||||
**请注意该接口只能在你配置的支付目录下调用，同时需确保支付目录在JS接口安全域名下。** |
||||
|
||||
微信支付开发文档：[https://pay.weixin.qq.com/wiki/doc/api/index.html](https://pay.weixin.qq.com/wiki/doc/api/index.html) |
||||
@ -0,0 +1,10 @@ |
||||
# wIoT 开发文档 |
||||
|
||||
<br> |
||||
|
||||
 |
||||
|
||||
### 欢迎使用 wIoT 说明文档! |
||||
—— **wIoT 重新定义物联网！** |
||||
|
||||
[ [wIoT 官网文档中心](https://wiot.eee.dog) ] |
||||
Loading…
Reference in new issue