Skip to content

F
front-vuepress
Commit 08d8c77c by 无尘
Options

feat: 增加文档

parent fb35f72c
Showing with 1295 additions and 86 deletions
config/sidebars.js
...@@ -26,6 +26,8 @@ module.exports = { ...@@ -26,6 +26,8 @@ module.exports = {
'editorconfig', 'editorconfig',
'git', 'git',
'update', 'update',
'vue' 'vue',
'mpvue',
'uniapp'
], ],
}; };
\ No newline at end of file
dist/404.html
...@@ -8,13 +8,13 @@ ...@@ -8,13 +8,13 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/6.706caab8.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/2.45b9916f.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/6.706caab8.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/2.45b9916f.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/front-vuepress/" class="router-link-active"> <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/front-vuepress/" class="router-link-active">
Take me home. Take me home.
</a></div></div><div class="global-ui"></div></div> </a></div></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/6.706caab8.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/6.706caab8.js" defer></script>
</body> </body>
</html> </html>
dist/about/index.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/8.1c9f6193.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/8.27f906d5.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -33,6 +33,6 @@ ...@@ -33,6 +33,6 @@
</a></div><div class="nav-item"><a href="/front-vuepress/about/" aria-current="page" class="nav-link router-link-exact-active router-link-active"> </a></div><div class="nav-item"><a href="/front-vuepress/about/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
关于 关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/about/" aria-current="page" class="active sidebar-link">文档简介</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/about/#参考" class="sidebar-link">参考</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="文档简介"><a href="#文档简介" class="header-anchor">#</a> 文档简介</h1> <p>VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。</p> <p>每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。</p> <h2 id="参考"><a href="#参考" class="header-anchor">#</a> 参考</h2> <ul><li><a href="https://www.vuepress.cn/guide/" target="_blank" rel="noopener noreferrer">vuepress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div> </a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/about/" aria-current="page" class="active sidebar-link">文档简介</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/about/#参考" class="sidebar-link">参考</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="文档简介"><a href="#文档简介" class="header-anchor">#</a> 文档简介</h1> <p>VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。</p> <p>每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。</p> <h2 id="参考"><a href="#参考" class="header-anchor">#</a> 参考</h2> <ul><li><a href="https://www.vuepress.cn/guide/" target="_blank" rel="noopener noreferrer">vuepress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/8.1c9f6193.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/8.27f906d5.js" defer></script>
</body> </body>
</html> </html>
dist/assets/css/0.styles.e6bd79e6.css → dist/assets/css/0.styles.786eade6.css
code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.theme-default-content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.theme-default-content code .token.deleted{color:#ec5975}.theme-default-content code .token.inserted{color:#3eaf7c}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.theme-default-content pre[class*=language-] code,.theme-default-content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:#eee}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-default-content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.theme-default-content:not(.custom){padding:2rem}}@media (max-width:419px){.theme-default-content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:16px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.theme-default-content:not(.custom)>:first-child{margin-top:3.6rem}.theme-default-content:not(.custom) a:hover{text-decoration:underline}.theme-default-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-default-content:not(.custom) img{max-width:100%}.theme-default-content.custom{padding:0;margin:0}.theme-default-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#3eaf7c}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.theme-default-content:not(.custom)>h1:first-child+.custom-block,.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-block,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-block,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-block,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-block,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-block,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}#nprogress{pointer-events:none}#nprogress .bar{background:#3eaf7c;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #3eaf7c,0 0 5px #3eaf7c;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#3eaf7c transparent transparent #3eaf7c;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.home{padding:3.6rem 2rem 0;max-width:960px;margin:0 auto;display:block}.home .hero{text-align:center}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1.2rem;color:#fff;background-color:#3eaf7c;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #389d70}.home .hero .action-button:hover{background-color:#4abf8a}.home .features{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/front-vuepress/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#3eaf7c}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#3eaf7c}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:#2c3e50}.dropdown-wrapper .dropdown-title:hover,.dropdown-wrapper .mobile-dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow,.dropdown-wrapper .mobile-dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .mobile-dropdown-title{display:none;font-weight:600}.dropdown-wrapper .mobile-dropdown-title font-size inherit:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:1rem 1.5rem .45rem 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #3eaf7c;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{display:none}.dropdown-wrapper .mobile-dropdown-title{display:block}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#3eaf7c}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #46bd87}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit{padding:2rem}}@media (max-width:419px){.page-edit{padding:1.5rem}}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#767676}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-nav{padding:2rem}}@media (max-width:419px){.page-nav{padding:1.5rem}}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page{padding-bottom:2rem;display:block}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:.95em;line-height:1.4;font-weight:400;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable){opacity:.5}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.95em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:#2c3e50;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-heading.clickable:hover{color:#3eaf7c}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#3eaf7c}a.sidebar-link.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.theme-code-group__nav[data-v-32c2d7ed]{margin-bottom:-35px;background-color:#282c34;padding-bottom:22px;border-top-left-radius:6px;border-top-right-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__ul[data-v-32c2d7ed]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__nav-tab[data-v-32c2d7ed]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:hsla(0,0%,100%,.9);font-weight:600}.theme-code-group__nav-tab-active[data-v-32c2d7ed]{border-bottom:1px solid #42b983}.pre-blank[data-v-32c2d7ed]{color:#42b983}.theme-code-block[data-v-6d04095e]{display:none}.theme-code-block__active[data-v-6d04095e]{display:block}.theme-code-block>pre[data-v-6d04095e]{background-color:orange}.badge[data-v-15b7b770]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-15b7b770],.badge.tip[data-v-15b7b770],.badge[data-v-15b7b770]{background-color:#42b983}.badge.error[data-v-15b7b770]{background-color:#da5961}.badge.warn[data-v-15b7b770],.badge.warning[data-v-15b7b770],.badge.yellow[data-v-15b7b770]{background-color:#e7c000}.badge+.badge[data-v-15b7b770]{margin-left:5px} code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.theme-default-content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.theme-default-content code .token.deleted{color:#ec5975}.theme-default-content code .token.inserted{color:#3eaf7c}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.theme-default-content pre[class*=language-] code,.theme-default-content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:#eee}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-default-content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.theme-default-content:not(.custom){padding:2rem}}@media (max-width:419px){.theme-default-content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:16px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.theme-default-content:not(.custom)>:first-child{margin-top:3.6rem}.theme-default-content:not(.custom) a:hover{text-decoration:underline}.theme-default-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-default-content:not(.custom) img{max-width:100%}.theme-default-content.custom{padding:0;margin:0}.theme-default-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#3eaf7c}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.theme-default-content:not(.custom)>h1:first-child+.custom-block,.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-block,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-block,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-block,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-block,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-block,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}#nprogress{pointer-events:none}#nprogress .bar{background:#3eaf7c;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #3eaf7c,0 0 5px #3eaf7c;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#3eaf7c transparent transparent #3eaf7c;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.home{padding:3.6rem 2rem 0;max-width:960px;margin:0 auto;display:block}.home .hero{text-align:center}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1.2rem;color:#fff;background-color:#3eaf7c;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #389d70}.home .hero .action-button:hover{background-color:#4abf8a}.home .features{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/front-vuepress/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#3eaf7c}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#3eaf7c}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:#2c3e50}.dropdown-wrapper .dropdown-title:hover,.dropdown-wrapper .mobile-dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow,.dropdown-wrapper .mobile-dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .mobile-dropdown-title{display:none;font-weight:600}.dropdown-wrapper .mobile-dropdown-title font-size inherit:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:1rem 1.5rem .45rem 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #3eaf7c;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{display:none}.dropdown-wrapper .mobile-dropdown-title{display:block}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#3eaf7c}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #46bd87}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit{padding:2rem}}@media (max-width:419px){.page-edit{padding:1.5rem}}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#767676}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-nav{padding:2rem}}@media (max-width:419px){.page-nav{padding:1.5rem}}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page{padding-bottom:2rem;display:block}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:.95em;line-height:1.4;font-weight:400;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable){opacity:.5}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.95em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:#2c3e50;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-heading.clickable:hover{color:#3eaf7c}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#3eaf7c}a.sidebar-link.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.theme-code-group__nav[data-v-32c2d7ed]{margin-bottom:-35px;background-color:#282c34;padding-bottom:22px;border-top-left-radius:6px;border-top-right-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__ul[data-v-32c2d7ed]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__nav-tab[data-v-32c2d7ed]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:hsla(0,0%,100%,.9);font-weight:600}.theme-code-group__nav-tab-active[data-v-32c2d7ed]{border-bottom:1px solid #42b983}.pre-blank[data-v-32c2d7ed]{color:#42b983}.badge[data-v-15b7b770]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-15b7b770],.badge.tip[data-v-15b7b770],.badge[data-v-15b7b770]{background-color:#42b983}.badge.error[data-v-15b7b770]{background-color:#da5961}.badge.warn[data-v-15b7b770],.badge.warning[data-v-15b7b770],.badge.yellow[data-v-15b7b770]{background-color:#e7c000}.badge+.badge[data-v-15b7b770]{margin-left:5px}.theme-code-block[data-v-6d04095e]{display:none}.theme-code-block__active[data-v-6d04095e]{display:block}.theme-code-block>pre[data-v-6d04095e]{background-color:orange}
\ No newline at end of file \ No newline at end of file
dist/assets/js/10.0c2ac36f.js → dist/assets/js/10.c0302693.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{365:function(t,s,e){"use strict";e.r(s);var i=e(42),n=Object(i.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"前端开发规范"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#前端开发规范"}},[this._v("#")]),this._v(" 前端开发规范")]),this._v(" "),s("blockquote",[s("p",[this._v("规范的目的是为了编写高质量的代码，让团队成员每天得心情都是愉悦的，大家在一起是快乐的。")])]),this._v(" "),s("blockquote",[s("p",[this._v("记录前端开发中代码规范")])])])}),[],!1,null,null,null);s.default=n.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[10],{366:function(t,s,e){"use strict";e.r(s);var i=e(42),n=Object(i.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"前端开发规范"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#前端开发规范"}},[this._v("#")]),this._v(" 前端开发规范")]),this._v(" "),s("blockquote",[s("p",[this._v("规范的目的是为了编写高质量的代码，让团队成员每天得心情都是愉悦的，大家在一起是快乐的。")])]),this._v(" "),s("blockquote",[s("p",[this._v("记录前端开发中代码规范")])])])}),[],!1,null,null,null);s.default=n.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/11.43f9dc07.js → dist/assets/js/11.c7e2e255.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{367:function(s,n,a){"use strict";a.r(n);var t=a(42),e=Object(t.a)({},(function(){var s=this,n=s.$createElement,a=s._self._c||n;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"css-规范"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#css-规范"}},[s._v("#")]),s._v(" CSS 规范")]),s._v(" "),a("blockquote",[a("p",[s._v("element-ui 里面的index.css 改过一些样式 所以新拉的项目要记得覆盖index.css")])]),s._v(" "),a("h2",{attrs:{id:"_1-css的书写顺序"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_1-css的书写顺序"}},[s._v("#")]),s._v(" 1.CSS的书写顺序")]),s._v(" "),a("p",[s._v("结构性属性：\ndisplay,position, left, top, right float,margin, padding....\n表现性属性：\nbackground, border font...")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("\x3c!-- display 放在最前面 --\x3e\ndisplay:block;\n\x3c!-- position --\x3e\nposition: relative;\n\x3c!-- position 进行定位的属性 --\x3e\ntop: 100px;\n\x3c!-- 宽高 --\x3e\nwidth: 100px;\nline-height: 20px;\n\x3c!-- margin padding --\x3e\nmargin: 10px;\npadding: 10px;\n\x3c!-- font --\x3e\nfont-size: 20px;\nfont-weight: 700;\n\x3c!-- border --\x3e\nborder: 1px solid red;\nborder-radius: 4px;\n\x3c!-- background --\x3e\nbackground-color: pink;\n\x3c!-- z-index --\x3e\nz-index: 10;\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br")])]),a("h2",{attrs:{id:"_2-bem-命名"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_2-bem-命名"}},[s._v("#")]),s._v(" 2.BEM 命名")]),s._v(" "),a("p",[s._v("BEM代表块（Block），元素（Element），修饰符（Modifier）。\n"),a("a",{attrs:{href:"https://blog.csdn.net/love_lovelove/article/details/79462952",target:"_blank",rel:"noopener noreferrer"}},[s._v("BEM介绍"),a("OutboundLink")],1),s._v("\n组件库的通用组件强制要求使用BEM")]),s._v(" "),a("h2",{attrs:{id:"_3-css规范"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_3-css规范"}},[s._v("#")]),s._v(" 3.css规范")]),s._v(" "),a("ol",[a("li",[s._v("id 驼峰 PageOne")]),s._v(" "),a("li",[s._v('class 以"-"间隔 page-one')]),s._v(" "),a("li",[s._v("尽量避免把标签作为选择器")]),s._v(" "),a("li",[s._v("选择器尽可能的精确，避免出现中文拼音类名")]),s._v(" "),a("li",[s._v("减少使用ID作为选择器")]),s._v(" "),a("li",[s._v("避免使用!important")]),s._v(" "),a("li",[s._v("在css中注释要表明，分模块来标明，比如头部用/"),a("em",[a("strong",[a("strong",[s._v("头部start")])])]),s._v("/和/"),a("em",[a("strong",[a("strong",[s._v("头部end")])])]),s._v("/,目的是便于修改样式时进行查找。同样的js 也要以事件源发生的事件进行命名。")]),s._v(" "),a("li",[s._v("禁止在html文件使用"),a("code",[s._v("<style></style>")])]),s._v(" "),a("li",[s._v("名称首单词要与插件或者模块相关，例如时间插件：.date-(单词)")]),s._v(" "),a("li",[s._v("缩写属性")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("//不推荐\nfont-family: palatino, georgia, serif;\nfont-size: 100%;\nline-height: 1.6;\n//推荐\nfont: 100%/1.6 palatino, georgia, serif;\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br")])]),a("ol",{attrs:{start:"11"}},[a("li",[s._v("兼容多个浏览器时，将标准属性写在底部。\n-moz-border-radius: 15px; /* Firefox "),a("em",[s._v("/\n-webkit-border-radius: 15px; /")]),s._v(" Safari和Chrome "),a("em",[s._v("/\nborder-radius: 15px; /")]),s._v(" Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 *//标准属性")]),s._v(" "),a("li",[s._v("css文件 一个样式一行")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("// 不推荐\n.gic-btn {font-size:15px;}\n// 推荐\n.gic-btn\n{\n\tfont-size:15px;\n}\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br")])]),a("ol",{attrs:{start:"12"}},[a("li",[s._v("css每一个样式都需要“；”结尾，后期压缩css需要断句，例如：")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v(".btn \n{\n\tfont-size:14px;//结尾\n}\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br")])]),a("ol",{attrs:{start:"13"}},[a("li",[s._v("尽量css 路径，但路径不宜过长 3层内为宜")])]),s._v(" "),a("h2",{attrs:{id:"html文件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#html文件"}},[s._v("#")]),s._v(" html文件")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v('<form class="gic-form">\n\t<dl class="gic-group">\n\t\t<dd class="gic-input">\n\t\t\t<label>\n\t\t\t\t<span>名称：</span>\n\t\t\t\t<span><input type="text" value="" /></input></span>\n\t\t\t</lable>\n\t\t</dd>\n\t</dl>\n</form>\n')])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br")])]),a("h2",{attrs:{id:"css文件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#css文件"}},[s._v("#")]),s._v(" css文件")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("/**表单模块**/\n.gic-form\n{\n\tdisplay:block;\n\tfont-size:16px;\n}\n.gic-form .gic-input \n{\n\tdisplay:block;\n}\n.gic-form .gic-input span\n{\n\t\n}\n/**表单模块end**/\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br")])])])}),[],!1,null,null,null);n.default=e.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[11],{370:function(s,n,a){"use strict";a.r(n);var t=a(42),e=Object(t.a)({},(function(){var s=this,n=s.$createElement,a=s._self._c||n;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"css-规范"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#css-规范"}},[s._v("#")]),s._v(" CSS 规范")]),s._v(" "),a("blockquote",[a("p",[s._v("element-ui 里面的index.css 改过一些样式 所以新拉的项目要记得覆盖index.css")])]),s._v(" "),a("h2",{attrs:{id:"_1-css的书写顺序"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_1-css的书写顺序"}},[s._v("#")]),s._v(" 1.CSS的书写顺序")]),s._v(" "),a("p",[s._v("结构性属性：\ndisplay,position, left, top, right float,margin, padding....\n表现性属性：\nbackground, border font...")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("\x3c!-- display 放在最前面 --\x3e\ndisplay:block;\n\x3c!-- position --\x3e\nposition: relative;\n\x3c!-- position 进行定位的属性 --\x3e\ntop: 100px;\n\x3c!-- 宽高 --\x3e\nwidth: 100px;\nline-height: 20px;\n\x3c!-- margin padding --\x3e\nmargin: 10px;\npadding: 10px;\n\x3c!-- font --\x3e\nfont-size: 20px;\nfont-weight: 700;\n\x3c!-- border --\x3e\nborder: 1px solid red;\nborder-radius: 4px;\n\x3c!-- background --\x3e\nbackground-color: pink;\n\x3c!-- z-index --\x3e\nz-index: 10;\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br")])]),a("h2",{attrs:{id:"_2-bem-命名"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_2-bem-命名"}},[s._v("#")]),s._v(" 2.BEM 命名")]),s._v(" "),a("p",[s._v("BEM代表块（Block），元素（Element），修饰符（Modifier）。\n"),a("a",{attrs:{href:"https://blog.csdn.net/love_lovelove/article/details/79462952",target:"_blank",rel:"noopener noreferrer"}},[s._v("BEM介绍"),a("OutboundLink")],1),s._v("\n组件库的通用组件强制要求使用BEM")]),s._v(" "),a("h2",{attrs:{id:"_3-css规范"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_3-css规范"}},[s._v("#")]),s._v(" 3.css规范")]),s._v(" "),a("ol",[a("li",[s._v("id 驼峰 PageOne")]),s._v(" "),a("li",[s._v('class 以"-"间隔 page-one')]),s._v(" "),a("li",[s._v("尽量避免把标签作为选择器")]),s._v(" "),a("li",[s._v("选择器尽可能的精确，避免出现中文拼音类名")]),s._v(" "),a("li",[s._v("减少使用ID作为选择器")]),s._v(" "),a("li",[s._v("避免使用!important")]),s._v(" "),a("li",[s._v("在css中注释要表明，分模块来标明，比如头部用/"),a("em",[a("strong",[a("strong",[s._v("头部start")])])]),s._v("/和/"),a("em",[a("strong",[a("strong",[s._v("头部end")])])]),s._v("/,目的是便于修改样式时进行查找。同样的js 也要以事件源发生的事件进行命名。")]),s._v(" "),a("li",[s._v("禁止在html文件使用"),a("code",[s._v("<style></style>")])]),s._v(" "),a("li",[s._v("名称首单词要与插件或者模块相关，例如时间插件：.date-(单词)")]),s._v(" "),a("li",[s._v("缩写属性")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("//不推荐\nfont-family: palatino, georgia, serif;\nfont-size: 100%;\nline-height: 1.6;\n//推荐\nfont: 100%/1.6 palatino, georgia, serif;\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br")])]),a("ol",{attrs:{start:"11"}},[a("li",[s._v("兼容多个浏览器时，将标准属性写在底部。\n-moz-border-radius: 15px; /* Firefox "),a("em",[s._v("/\n-webkit-border-radius: 15px; /")]),s._v(" Safari和Chrome "),a("em",[s._v("/\nborder-radius: 15px; /")]),s._v(" Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 *//标准属性")]),s._v(" "),a("li",[s._v("css文件 一个样式一行")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("// 不推荐\n.gic-btn {font-size:15px;}\n// 推荐\n.gic-btn\n{\n\tfont-size:15px;\n}\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br")])]),a("ol",{attrs:{start:"12"}},[a("li",[s._v("css每一个样式都需要“；”结尾，后期压缩css需要断句，例如：")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v(".btn \n{\n\tfont-size:14px;//结尾\n}\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br")])]),a("ol",{attrs:{start:"13"}},[a("li",[s._v("尽量css 路径，但路径不宜过长 3层内为宜")])]),s._v(" "),a("h2",{attrs:{id:"html文件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#html文件"}},[s._v("#")]),s._v(" html文件")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v('<form class="gic-form">\n\t<dl class="gic-group">\n\t\t<dd class="gic-input">\n\t\t\t<label>\n\t\t\t\t<span>名称：</span>\n\t\t\t\t<span><input type="text" value="" /></input></span>\n\t\t\t</lable>\n\t\t</dd>\n\t</dl>\n</form>\n')])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br")])]),a("h2",{attrs:{id:"css文件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#css文件"}},[s._v("#")]),s._v(" css文件")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("/**表单模块**/\n.gic-form\n{\n\tdisplay:block;\n\tfont-size:16px;\n}\n.gic-form .gic-input \n{\n\tdisplay:block;\n}\n.gic-form .gic-input span\n{\n\t\n}\n/**表单模块end**/\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br")])])])}),[],!1,null,null,null);n.default=e.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/12.0ff08267.js → dist/assets/js/12.1fc9c8cf.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{364:function(n,s,e){"use strict";e.r(s);var a=e(42),t=Object(a.a)({},(function(){var n=this,s=n.$createElement,e=n._self._c||s;return e("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[e("h1",{attrs:{id:"editorconfig"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#editorconfig"}},[n._v("#")]),n._v(" editorconfig")]),n._v(" "),e("h2",{attrs:{id:"_1-了解"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-了解"}},[n._v("#")]),n._v(" 1.了解")]),n._v(" "),e("hr"),n._v(" "),e("ul",[e("li",[e("p",[n._v("【通配符】")]),n._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[n._v("* 匹配除/之外的任意字符串\n** 匹配任意字符串\n? 匹配任意单个字符\n[name] 匹配name中的任意一个单一字符\n[!name] 匹配不存在name中的任意一个单一字符\n{s1,s2,s3} 匹配给定的字符串中的任意一个(用逗号分隔) \n{num1..num2} 　匹配num1到num2之间的任意一个整数, 这里的num1和num2可以为正整数也可以为负整数\n")])]),n._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[n._v("1")]),e("br"),e("span",{staticClass:"line-number"},[n._v("2")]),e("br"),e("span",{staticClass:"line-number"},[n._v("3")]),e("br"),e("span",{staticClass:"line-number"},[n._v("4")]),e("br"),e("span",{staticClass:"line-number"},[n._v("5")]),e("br"),e("span",{staticClass:"line-number"},[n._v("6")]),e("br"),e("span",{staticClass:"line-number"},[n._v("7")]),e("br")])])]),n._v(" "),e("li",[e("p",[n._v("各个属性")]),n._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[n._v("indent_style 设置缩进风格(tab是硬缩进，space为软缩进)\nindent_size 用一个整数定义的列数来设置缩进的宽度，如果indent_style为tab，则此属性默认为 tab_width\ntab_width 用一个整数来设置tab缩进的列数。默认是indent_size\nend_of_line 设置换行符，值为lf、cr和crlf\ncharset 设置编码，值为latin1、utf-8、utf-8-bom、utf-16be和utf-16le，不建议使用utf-8-bom\ntrim_trailing_whitespace 设为true表示会去除换行行首的任意空白字符。\ninsert_final_newline 设为true表示使文件以一个空白行结尾\nroot 　　　表示是最顶层的配置文件，发现设为true时，才会停止查找.editorconfig文件 \n")])]),n._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[n._v("1")]),e("br"),e("span",{staticClass:"line-number"},[n._v("2")]),e("br"),e("span",{staticClass:"line-number"},[n._v("3")]),e("br"),e("span",{staticClass:"line-number"},[n._v("4")]),e("br"),e("span",{staticClass:"line-number"},[n._v("5")]),e("br"),e("span",{staticClass:"line-number"},[n._v("6")]),e("br"),e("span",{staticClass:"line-number"},[n._v("7")]),e("br"),e("span",{staticClass:"line-number"},[n._v("8")]),e("br")])])])]),n._v(" "),e("h2",{attrs:{id:"_2-使用"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2-使用"}},[n._v("#")]),n._v(" 2.使用")]),n._v(" "),e("hr"),n._v(" "),e("blockquote"),n._v(" "),e("p",[n._v("有些编辑器则需要安装editorConfig插件，如ATOM、Sublime、VS Code等")]),n._v(" "),e("ul",[e("li",[e("p",[n._v("项目目录创建 "),e("code",[n._v(".editorconfig")]),n._v(" 文件")]),n._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[n._v("$ touch .editorconfig\n")])]),n._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[n._v("1")]),e("br")])])]),n._v(" "),e("li",[e("p",[e("code",[n._v(".editorconfig")]),n._v(" 常用内容设置：")])])]),n._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[n._v("# editorconfig.org\nroot = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ntrim_trailing_whitespace = true\ninsert_final_newline = true\ntab_width = 2\n\n[*.md]\ntrim_trailing_whitespace = false\n\n[Makefile]\nindent_style = tab\n")])]),n._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[n._v("1")]),e("br"),e("span",{staticClass:"line-number"},[n._v("2")]),e("br"),e("span",{staticClass:"line-number"},[n._v("3")]),e("br"),e("span",{staticClass:"line-number"},[n._v("4")]),e("br"),e("span",{staticClass:"line-number"},[n._v("5")]),e("br"),e("span",{staticClass:"line-number"},[n._v("6")]),e("br"),e("span",{staticClass:"line-number"},[n._v("7")]),e("br"),e("span",{staticClass:"line-number"},[n._v("8")]),e("br"),e("span",{staticClass:"line-number"},[n._v("9")]),e("br"),e("span",{staticClass:"line-number"},[n._v("10")]),e("br"),e("span",{staticClass:"line-number"},[n._v("11")]),e("br"),e("span",{staticClass:"line-number"},[n._v("12")]),e("br"),e("span",{staticClass:"line-number"},[n._v("13")]),e("br"),e("span",{staticClass:"line-number"},[n._v("14")]),e("br"),e("span",{staticClass:"line-number"},[n._v("15")]),e("br"),e("span",{staticClass:"line-number"},[n._v("16")]),e("br"),e("span",{staticClass:"line-number"},[n._v("17")]),e("br")])])])}),[],!1,null,null,null);s.default=t.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[12],{365:function(n,s,e){"use strict";e.r(s);var a=e(42),t=Object(a.a)({},(function(){var n=this,s=n.$createElement,e=n._self._c||s;return e("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[e("h1",{attrs:{id:"editorconfig"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#editorconfig"}},[n._v("#")]),n._v(" editorconfig")]),n._v(" "),e("h2",{attrs:{id:"_1-了解"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-了解"}},[n._v("#")]),n._v(" 1.了解")]),n._v(" "),e("hr"),n._v(" "),e("ul",[e("li",[e("p",[n._v("【通配符】")]),n._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[n._v("* 匹配除/之外的任意字符串\n** 匹配任意字符串\n? 匹配任意单个字符\n[name] 匹配name中的任意一个单一字符\n[!name] 匹配不存在name中的任意一个单一字符\n{s1,s2,s3} 匹配给定的字符串中的任意一个(用逗号分隔) \n{num1..num2} 　匹配num1到num2之间的任意一个整数, 这里的num1和num2可以为正整数也可以为负整数\n")])]),n._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[n._v("1")]),e("br"),e("span",{staticClass:"line-number"},[n._v("2")]),e("br"),e("span",{staticClass:"line-number"},[n._v("3")]),e("br"),e("span",{staticClass:"line-number"},[n._v("4")]),e("br"),e("span",{staticClass:"line-number"},[n._v("5")]),e("br"),e("span",{staticClass:"line-number"},[n._v("6")]),e("br"),e("span",{staticClass:"line-number"},[n._v("7")]),e("br")])])]),n._v(" "),e("li",[e("p",[n._v("各个属性")]),n._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[n._v("indent_style 设置缩进风格(tab是硬缩进，space为软缩进)\nindent_size 用一个整数定义的列数来设置缩进的宽度，如果indent_style为tab，则此属性默认为 tab_width\ntab_width 用一个整数来设置tab缩进的列数。默认是indent_size\nend_of_line 设置换行符，值为lf、cr和crlf\ncharset 设置编码，值为latin1、utf-8、utf-8-bom、utf-16be和utf-16le，不建议使用utf-8-bom\ntrim_trailing_whitespace 设为true表示会去除换行行首的任意空白字符。\ninsert_final_newline 设为true表示使文件以一个空白行结尾\nroot 　　　表示是最顶层的配置文件，发现设为true时，才会停止查找.editorconfig文件 \n")])]),n._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[n._v("1")]),e("br"),e("span",{staticClass:"line-number"},[n._v("2")]),e("br"),e("span",{staticClass:"line-number"},[n._v("3")]),e("br"),e("span",{staticClass:"line-number"},[n._v("4")]),e("br"),e("span",{staticClass:"line-number"},[n._v("5")]),e("br"),e("span",{staticClass:"line-number"},[n._v("6")]),e("br"),e("span",{staticClass:"line-number"},[n._v("7")]),e("br"),e("span",{staticClass:"line-number"},[n._v("8")]),e("br")])])])]),n._v(" "),e("h2",{attrs:{id:"_2-使用"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2-使用"}},[n._v("#")]),n._v(" 2.使用")]),n._v(" "),e("hr"),n._v(" "),e("blockquote"),n._v(" "),e("p",[n._v("有些编辑器则需要安装editorConfig插件，如ATOM、Sublime、VS Code等")]),n._v(" "),e("ul",[e("li",[e("p",[n._v("项目目录创建 "),e("code",[n._v(".editorconfig")]),n._v(" 文件")]),n._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[n._v("$ touch .editorconfig\n")])]),n._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[n._v("1")]),e("br")])])]),n._v(" "),e("li",[e("p",[e("code",[n._v(".editorconfig")]),n._v(" 常用内容设置：")])])]),n._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[n._v("# editorconfig.org\nroot = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ntrim_trailing_whitespace = true\ninsert_final_newline = true\ntab_width = 2\n\n[*.md]\ntrim_trailing_whitespace = false\n\n[Makefile]\nindent_style = tab\n")])]),n._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[n._v("1")]),e("br"),e("span",{staticClass:"line-number"},[n._v("2")]),e("br"),e("span",{staticClass:"line-number"},[n._v("3")]),e("br"),e("span",{staticClass:"line-number"},[n._v("4")]),e("br"),e("span",{staticClass:"line-number"},[n._v("5")]),e("br"),e("span",{staticClass:"line-number"},[n._v("6")]),e("br"),e("span",{staticClass:"line-number"},[n._v("7")]),e("br"),e("span",{staticClass:"line-number"},[n._v("8")]),e("br"),e("span",{staticClass:"line-number"},[n._v("9")]),e("br"),e("span",{staticClass:"line-number"},[n._v("10")]),e("br"),e("span",{staticClass:"line-number"},[n._v("11")]),e("br"),e("span",{staticClass:"line-number"},[n._v("12")]),e("br"),e("span",{staticClass:"line-number"},[n._v("13")]),e("br"),e("span",{staticClass:"line-number"},[n._v("14")]),e("br"),e("span",{staticClass:"line-number"},[n._v("15")]),e("br"),e("span",{staticClass:"line-number"},[n._v("16")]),e("br"),e("span",{staticClass:"line-number"},[n._v("17")]),e("br")])])])}),[],!1,null,null,null);s.default=t.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/13.16a36f7e.js → dist/assets/js/13.910650e5.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{366:function(s,t,a){"use strict";a.r(t);var e=a(42),n=Object(e.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"git-分支管理"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#git-分支管理"}},[s._v("#")]),s._v(" git 分支管理")]),s._v(" "),a("h2",{attrs:{id:"git-分支及操作规范"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#git-分支及操作规范"}},[s._v("#")]),s._v(" git 分支及操作规范")]),s._v(" "),a("ul",[a("li",[s._v("master：主分支，稳定分支，必须保证随时可用于发布")]),s._v(" "),a("li",[s._v("release：预发布分支，如果有此分支，需将分支合并至release解决了冲突后，再将release合到master")]),s._v(" "),a("li",[s._v("dev：开发分支，仅用来发布更新测试环境，需定期将master分支合并至此")]),s._v(" "),a("li",[s._v("feature/xxx(迭代结束或上线时间，如200901，20年9月1日)：功能开发分支，须从master分支上开出此分支，开发期间需定期合并master至此，测试时合并至dev更新到测试环境，测试完成后将该分支合并至master，然后删除分支")]),s._v(" "),a("li",[s._v("bugfix：线上bug修复分支，每次修改前需将master合并至此，测试时合并至dev测试，测试完成后再合并至master发布上线")])]),s._v(" "),a("h2",{attrs:{id:"git-log-规范"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#git-log-规范"}},[s._v("#")]),s._v(" git log 规范")]),s._v(" "),a("p",[s._v("建议:")]),s._v(" "),a("ul",[a("li",[s._v("格式:")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("- type: <subject>\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("ul",[a("li",[s._v("type: 说明本次 "),a("code",[s._v("commit")]),s._v(" 的类别")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("add(feat): 增加\n\nupdate: 更新\n\nfix: 修复bug\n\nstyle: 样式调整\n\ntest: 增加测试\n\ndocs: 编写文档\n\nchore：构建过程或辅助工具的变动\n\nrefactor：重构（即不是新增功能，也不是修改bug的代码变动）\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br")])]),a("ul",[a("li",[s._v("subject: "),a("code",[s._v("commit")]),s._v(" 的简短描述")])])])}),[],!1,null,null,null);t.default=n.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[13],{369:function(s,t,a){"use strict";a.r(t);var e=a(42),n=Object(e.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"git-分支管理"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#git-分支管理"}},[s._v("#")]),s._v(" git 分支管理")]),s._v(" "),a("h2",{attrs:{id:"git-分支及操作规范"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#git-分支及操作规范"}},[s._v("#")]),s._v(" git 分支及操作规范")]),s._v(" "),a("ul",[a("li",[s._v("master：主分支，稳定分支，必须保证随时可用于发布")]),s._v(" "),a("li",[s._v("release：预发布分支，如果有此分支，需将分支合并至release解决了冲突后，再将release合到master")]),s._v(" "),a("li",[s._v("dev：开发分支，仅用来发布更新测试环境，需定期将master分支合并至此")]),s._v(" "),a("li",[s._v("feature/xxx(迭代结束或上线时间，如200901，20年9月1日)：功能开发分支，须从master分支上开出此分支，开发期间需定期合并master至此，测试时合并至dev更新到测试环境，测试完成后将该分支合并至master，然后删除分支")]),s._v(" "),a("li",[s._v("bugfix：线上bug修复分支，每次修改前需将master合并至此，测试时合并至dev测试，测试完成后再合并至master发布上线")])]),s._v(" "),a("h2",{attrs:{id:"git-log-规范"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#git-log-规范"}},[s._v("#")]),s._v(" git log 规范")]),s._v(" "),a("p",[s._v("建议:")]),s._v(" "),a("ul",[a("li",[s._v("格式:")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("- type: <subject>\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("ul",[a("li",[s._v("type: 说明本次 "),a("code",[s._v("commit")]),s._v(" 的类别")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("add(feat): 增加\n\nupdate: 更新\n\nfix: 修复bug\n\nstyle: 样式调整\n\ntest: 增加测试\n\ndocs: 编写文档\n\nchore：构建过程或辅助工具的变动\n\nrefactor：重构（即不是新增功能，也不是修改bug的代码变动）\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br")])]),a("ul",[a("li",[s._v("subject: "),a("code",[s._v("commit")]),s._v(" 的简短描述")])])])}),[],!1,null,null,null);t.default=n.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/14.0a645f6b.js 0 → 100644
(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{367:function(s,n,a){"use strict";a.r(n);var e=a(42),t=Object(e.a)({},(function(){var s=this,n=s.$createElement,a=s._self._c||n;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"mpvue-使用"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#mpvue-使用"}},[s._v("#")]),s._v(" mpvue 使用")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("app.vue & main.js\n┌---------┐ ┌----------┐ ┌---------┐\n| app.vue ├--┐ | app.js | | app.json|\n└---------┘ | └----------┘ └---------┘\n ├----------------------\x3e\n┌---------┐ | webpack ┌----------┐\n| main.js ├--┘ | app.wxss |\n└---------┘ └----------┘\n\n\npage.vue & main.js\n ┌------------------------------┐\n┌-----┴-----┐ ┌-------┐ |\n| page.vue ├----\x3e | .sass | |\n└---┬-┬-┬---┘ └-------┘ |\n | | | |\n | | | ┌------------┐ |\n | | └---\x3e | common.css | | ┌-------┐ ┌-------┐\n | | └-------┬----┘ v | .js | | .json |\n | | | ┌---------┐ └-------┘ └-------┘\n | | ┌------┐ | | main.js ├-----------\x3e\n | └--\x3e| .js | v └---------┘ webpack ┌-------┐ ┌-------┐\n | └------┘ ┌-------┐ | .wxml | | .wxss |\n | ┌------┐ | .font | └-------┘ └-------┘\n └----\x3e| .jpg | └-------┘\n └------┘\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br")])]),a("blockquote",[a("p",[s._v("除了 Vue 本身的生命周期外，mpvue 还兼容了小程序生命周期，这部分生命周期钩子的来源于微信小程序的 Page， "),a("strong",[s._v("除特殊情况外，不建议使用小程序的生命周期钩子")]),s._v("。")])]),s._v(" "),a("ul",[a("li",[s._v("app 部分：")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("onLaunch，初始化\nonShow，当小程序启动，或从后台进入前台显示\nonHide，当小程序从前台进入后台\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br")])]),a("ul",[a("li",[s._v("page 部分：")])]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("onLoad，监听页面加载\nonShow，监听页面显示\nonReady，监听页面初次渲染完成\nonHide，监听页面隐藏\nonUnload，监听页面卸载\nonPullDownRefresh，监听用户下拉动作\nonReachBottom，页面上拉触底事件的处理函数\nonShareAppMessage，用户点击右上角分享\nonPageScroll，页面滚动\nonTabItemTap, 当前是 tab 页时，点击 tab 时触发 （mpvue 0.0.16 支持）\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br")])]),a("ul",[a("li",[a("p",[s._v("不支持在组件上使用 Class 与 Style 绑定")])]),s._v(" "),a("li",[a("p",[s._v("嵌套列表渲染，必须指定不同的索引！")])]),s._v(" "),a("li",[a("p",[s._v("原生事件也可以使用例如 "),a("code",[s._v("bindregionchange")]),s._v(" 事件直接在 "),a("code",[s._v("dom")]),s._v(" 上将 "),a("code",[s._v("bind")]),s._v(" 改为 "),a("code",[s._v("@")]),s._v(", "),a("code",[s._v("@regionchange")]),s._v(";")])]),s._v(" "),a("li",[a("p",[s._v("如何获取小程序在 page onLoad 时候传递的 options")]),s._v(" "),a("ul",[a("li",[s._v("在所有 页面 的组件内可以通过 "),a("code",[s._v("this.$root.$mp.query")]),s._v("进行获取")])])]),s._v(" "),a("li",[a("p",[s._v("如何获取小程序在 app onLaunch/onShow 时候传递的 options")]),s._v(" "),a("ul",[a("li",[s._v("在所有的组件内可以通过 "),a("code",[s._v("this.$root.$mp.appOptions")]),s._v(" 进行获取。")])])]),s._v(" "),a("li",[a("p",[s._v("如何捕获 app 的 onError")]),s._v(" "),a("ul",[a("li",[s._v("在 app 的根组件上添加名为 onError 的回调函数"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("// 只有 app 才会有 onLaunch 的生命周期\n onLaunch () {\n // ...\n },\n\n // 捕获 app error\n onError (err) {\n console.log(err)\n }\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br")])])])])]),s._v(" "),a("li",[a("p",[a("code",[s._v("v-html")]),s._v(" 指令不能用")])]),s._v(" "),a("li",[a("p",[s._v("不支持部分复杂的 JavaScript 渲染表达式")])]),s._v(" "),a("li",[a("p",[s._v("不支持过滤器")])]),s._v(" "),a("li",[a("p",[s._v("不支持在 template 内使用 methods 中的函数")])]),s._v(" "),a("li",[a("p",[s._v("不支持 classObject 和 styleObject 语法")])]),s._v(" "),a("li",[a("p",[s._v("mpvue 可以支持小程序的原生组件，比如： "),a("code",[s._v("picker,map")]),s._v(" 等，需要注意的是原生组件上的事件绑定，需要以 vue 的事件绑定语法来绑定，如 "),a("code",[s._v('bindchange="eventName"')]),s._v("事件，需要写成 "),a("code",[s._v('@change="eventName"')])])]),s._v(" "),a("li",[a("p",[s._v("合理使用双向绑定 mpvue 建议使用 "),a("code",[s._v("v-model.lazy")]),s._v(" 绑定方式以优化性能")])]),s._v(" "),a("li",[a("p",[s._v("新增的页面需要重新 npm run dev 来进行编译")])]),s._v(" "),a("li",[a("p",[s._v("在触发事件后如果要获取对应的值，需要写成这样: e.mp.detail.value")])])]),s._v(" "),a("h2",{attrs:{id:"install"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#install"}},[s._v("#")]),s._v(" install")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("npm i -g @vue/cli-init\n\nvue init mpvue/mpvue-quickstart my-wx\n\ncd my-wx\n \nnpm install\n\nnpm run dev\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br")])]),a("h2",{attrs:{id:"全局-api"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#全局-api"}},[s._v("#")]),s._v(" 全局 API")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v(" // 调用API从本地缓存中获取数据\n /*\n * 平台 api 差异的处理方式: api 方法统一挂载到 mpvue 名称空间, 平台判断通过 mpvuePlatform 特征字符串\n * 微信：mpvue === wx, mpvuePlatform === 'wx'\n * 头条：mpvue === tt, mpvuePlatform === 'tt'\n * 百度：mpvue === swan, mpvuePlatform === 'swan'\n * 支付宝(蚂蚁)：mpvue === my, mpvuePlatform === 'my'\n */\n\n在 mpvue 中调用 wx 的API\n\n如：\nwx.canIUse('button.open-type.getUserInfo') ==> mpvue.canIUse('button.open-type.getUserInfo')\n\n\n\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br")])]),a("h2",{attrs:{id:"获取手机号"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#获取手机号"}},[s._v("#")]),s._v(" 获取手机号")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v('<van-button type="primary" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</van-button>\n\ngetPhoneNumber (e) {\n mpvue.checkSession({\n success () {\n // session_key 未过期，并且在本生命周期一直有效\n console.log(e)\n },\n fail () {\n // session_key 已经失效，需要重新执行登录流程\n mpvue.login() // 重新登录\n }\n })\n }\n')])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br")])]),a("blockquote",[a("p",[s._v("注意:"),a("br"),s._v("\n在回调中调用 wx.login 登录，可能会刷新登录态。此时服务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey，导致解密失败。"),a("br"),s._v("\n建议开发者提前进行 login；或者在回调中先使用 checkSession 进行登录态检查，避免 login 刷新登录态")])]),s._v(" "),a("h2",{attrs:{id:"mpvue引入vant-weapp样式的时候-没有把原来的px转换成rpx-应该是px2rpx插件的配置有问题"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#mpvue引入vant-weapp样式的时候-没有把原来的px转换成rpx-应该是px2rpx插件的配置有问题"}},[s._v("#")]),s._v(" mpvue引入vant Weapp样式的时候，没有把原来的px转换成rpx，应该是px2rpx插件的配置有问题")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("最后用transform在copy的时候解决掉\nvar Px2rpx = require('px2rpx');\nvar px2rpxIns = new Px2rpx({ rpxUnit: 0.5 });\n\n// copy custom static assets\nnew CopyWebpackPlugin([\n {\n from: path.resolve(__dirname, '../static'),\n to: config.build.assetsSubDirectory,\n transform(content, path) {\n if (path.endsWith('.wxss')) {\n return px2rpxIns.generaterpx(content.toString(), 1)\n } else {\n return content\n }\n },\n ignore: ['.*']\n }\n]),\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br")])]),a("h2",{attrs:{id:"mpvue-配置less后-提示报错信息unhandledpromiserejectionwarning-typeerror-loadercontext-getresolve-is-not-a-function"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#mpvue-配置less后-提示报错信息unhandledpromiserejectionwarning-typeerror-loadercontext-getresolve-is-not-a-function"}},[s._v("#")]),s._v(" mpvue 配置less后 提示报错信息UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v('# 卸载less-loader\n# 重新安装指定版本\n因为当时 mpvue 中使用的webpack 是 "webpack": "^3.11.0"， 最开始安装 "less-loader": "^7.2.1",版本比较高\n\nnpm i --save less-loader@4.1.0\n\n解决\n')])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br")])]),a("h2",{attrs:{id:"mpvue-中使用echarts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#mpvue-中使用echarts"}},[s._v("#")]),s._v(" mpvue 中使用ECharts")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("npm i mpvue-echarts echarts --save\n\n\n<template>\n <div class=\"echarts-wrap\">\n <mpvue-echarts :echarts=\"echarts\" :onInit=\"onInit\" canvasId=\"demo-canvas\" />\n </div>\n</template>\n\n<script>\nimport * as echarts from 'echarts/dist/echarts.min'\nimport mpvueEcharts from 'mpvue-echarts'\n\nlet chart = null;\n\nfunction initChart(canvas, width, height) {\n chart = echarts.init(canvas, null, {\n width: width,\n height: height\n });\n canvas.setChart(chart);\n\n var option = { // ECharts 配置项\n xAxis: {\n type: 'category',\n data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n },\n yAxis: {\n x: 'center',\n type: 'value',\n splitLine: {\n lineStyle: {\n type: 'dashed'\n }\n }\n },\n series: [{\n name: 'A',\n type: 'line',\n smooth: true,\n data: [18, 36, 65, 30, 78, 40, 33]\n }, {\n name: 'B',\n type: 'line',\n smooth: true,\n data: [12, 50, 51, 35, 70, 30, 20]\n }]\n };\n\n chart.setOption(option);\n\n return chart; // 返回 chart 后可以自动绑定触摸操作\n}\n\nexport default {\n components: {\n mpvueEcharts\n },\n data () {\n return {\n echarts,\n onInit: initChart\n }\n }\n}\n<\/script>\n\n<style scoped>\n.echarts-wrap {\n width: 100%;\n height: 300px;\n}\n</style>\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br")])]),a("h2",{attrs:{id:"第三方的网络请求库-fly"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#第三方的网络请求库-fly"}},[s._v("#")]),s._v(" 第三方的网络请求库 fly")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("npm install flyio || cnpm install flyio\n\n# 引入\n\nimport Fly from \"flyio/dist/npm/wx\";\n\n# 1. 创建一个 fly 实例\n\nlet fly = new Fly;\n\n# 2. 发起GET请求\n\n// 通过用户id获取信息,参数直接写在url中\nfly.get('/user?id=133')\n .then(function (response) {\n console.log(response);\n })\n .catch(function (error) {\n console.log(error);\n });\n\n// query参数通过对象传递\nfly.get('/user', {\n id: 133\n })\n .then(function (response) {\n console.log(response);\n })\n .catch(function (error) {\n console.log(error);\n });\n \n \n# 3. 发起POST请求\n\nfly.post('/user', {\n name: 'Doris',\n age: 24\n phone:\"18513222525\"\n })\n .then(function (response) {\n console.log(response);\n })\n .catch(function (error) {\n console.log(error);\n });\n \n \n# 4. 发起多个并发请求\n\nfunction getUserRecords() {\n return fly.get('/user/133/records');\n}\n\nfunction getUserProjects() {\n return fly.get('/user/133/projects');\n}\n\nfly.all([getUserRecords(), getUserProjects()])\n .then(fly.spread(function (records, projects) {\n //两个请求都完成\n }))\n .catch(function(error){\n console.log(error)\n })\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br")])]),a("h2",{attrs:{id:"图片预加载"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#图片预加载"}},[s._v("#")]),s._v(" 图片预加载")]),s._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[s._v("npm install mpvue-img-load\n\n<div>\n <image v-if=\"imgUrl\" :src=\"imgUrl\" />\n <img-load ref=\"imgLoad\"></img-load>\n</div>\n import imgLoad from 'mpvue-img-load'\n\n export default {\n data () {\n return {\n imgUrl: ''\n }\n },\n components: {\n imgLoad\n },\n methods: {\n loadImage () {\n // 加载缩略图 80x50 3KB\n this.imgUrl = 'http://storage.360buyimg.com/mtd/home/lion1483683731203.jpg'\n // 原图 3200x2000 1.6MB\n const imgUrlOriginal = 'http://storage.360buyimg.com/mtd/home/lion1483624894660.jpg'\n // 同时对原图进行预加载，加载成功后再替换\n this.$refs.imgLoad.load(imgUrlOriginal, (err, data) => {\n if (!err) {\n this.imgUrl = data.src\n }\n })\n }\n },\n mounted () {\n this.loadImage()\n }\n }\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br")])]),a("h2",{attrs:{id:"参考"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#参考"}},[s._v("#")]),s._v(" 参考")]),s._v(" "),a("ul",[a("li",[a("a",{attrs:{href:"http://mpvue.com/mpvue/quickstart.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("quickstart"),a("OutboundLink")],1)]),s._v(" "),a("li",[a("a",{attrs:{href:"https://github.com/Rychou/mpvue-vant",target:"_blank",rel:"noopener noreferrer"}},[s._v("Rychou/mpvue-vant"),a("OutboundLink")],1)]),s._v(" "),a("li",[a("a",{attrs:{href:"https://github.com/F-loat/mpvue-echarts",target:"_blank",rel:"noopener noreferrer"}},[s._v("F-loat/mpvue-echarts"),a("OutboundLink")],1)]),s._v(" "),a("li",[a("a",{attrs:{href:"https://github.com/mpvue/awesome-mpvue",target:"_blank",rel:"noopener noreferrer"}},[s._v("mpvue/awesome-mpvue"),a("OutboundLink")],1)]),s._v(" "),a("li",[a("a",{attrs:{href:"https://kuangpf.com/mpvue-weui/#/?id=mpvue-weui",target:"_blank",rel:"noopener noreferrer"}},[s._v("mpvue-weui"),a("OutboundLink")],1),s._v(" "),a("ul",[a("li",[a("a",{attrs:{href:"https://kuangpf.com/mpvue-weui/#/reasons",target:"_blank",rel:"noopener noreferrer"}},[s._v("mpvue-weui/#/reasons"),a("OutboundLink")],1)])])]),s._v(" "),a("li",[a("a",{attrs:{href:"https://github.com/wendux/fly",target:"_blank",rel:"noopener noreferrer"}},[s._v("wendux/fly"),a("OutboundLink")],1)])])])}),[],!1,null,null,null);n.default=t.exports}}]);
\ No newline at end of file
dist/assets/js/15.d9a2764b.js 0 → 100644
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{368:function(s,a,n){"use strict";n.r(a);var t=n(42),e=Object(t.a)({},(function(){var s=this,a=s.$createElement,n=s._self._c||a;return n("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[n("h1",{attrs:{id:"uni-app-使用"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#uni-app-使用"}},[s._v("#")]),s._v(" uni-app 使用")]),s._v(" "),n("h2",{attrs:{id:"install"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#install"}},[s._v("#")]),s._v(" install")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("npm install -g @vue/cli\n\nvue create -p dcloudio/uni-preset-vue my-project\n\n# 运行、发布uni-app\nnpm run dev:%PLATFORM%\nnpm run build:%PLATFORM%\n\n%PLATFORM% 可取值 mp-weixin\n\nnpm run dev:mp-weixin\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br"),n("span",{staticClass:"line-number"},[s._v("9")]),n("br"),n("span",{staticClass:"line-number"},[s._v("10")]),n("br"),n("span",{staticClass:"line-number"},[s._v("11")]),n("br")])]),n("ul",[n("li",[s._v("dev 模式编译出的各平台代码存放于根目录下的 /dist/dev/目录，打开各平台开发工具选择对应平台目录即可进行预览（h5 平台不会在此目录，存在于缓存中）；")]),s._v(" "),n("li",[s._v("build 模式编译出的各平台代码存放于根目录下的 /dist/build/ 目录，发布时选择此目录进行发布；")])]),s._v(" "),n("h2",{attrs:{id:"uni-app-约定了如下开发规范"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#uni-app-约定了如下开发规范"}},[s._v("#")]),s._v(" uni-app 约定了如下开发规范：")]),s._v(" "),n("ul",[n("li",[s._v("页面文件遵循 Vue 单文件组件 (SFC) 规范")]),s._v(" "),n("li",[s._v("组件标签靠近小程序规范，详见uni-app 组件规范")]),s._v(" "),n("li",[s._v("接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni，详见uni-app接口规范")]),s._v(" "),n("li",[s._v("数据绑定及事件处理同 Vue.js 规范，同时补充了App及页面的生命周期")]),s._v(" "),n("li",[s._v("为兼容多端运行，建议使用flex布局进行开发")])]),s._v(" "),n("blockquote",[n("p",[s._v("虽然不推荐使用HTML标签，但实际上如果开发者写了div等标签，在编译到非H5平台时也会被编译器转换为view标签，类似的还有span转text、a转navigator等，包括css里的元素选择器也会转。"),n("br"),s._v("\n但为了管理方便、策略统一，新写代码时仍然建议使用view等组件。")])]),s._v(" "),n("h2",{attrs:{id:"目录结构"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#目录结构"}},[s._v("#")]),s._v(" 目录结构")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("┌─cloudfunctions 云函数目录（阿里云为aliyun，腾讯云为tcb，详见uniCloud）\n│─components 符合vue组件规范的uni-app组件目录\n│ └─comp-a.vue 可复用的a组件\n├─hybrid 存放本地网页的目录，详见\n├─platforms 存放各平台专用页面的目录，详见\n├─pages 业务页面文件存放的目录\n│ ├─index\n│ │ └─index.vue index页面\n│ └─list\n│ └─list.vue list页面\n├─static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此\n├─wxcomponents 存放小程序组件的目录，详见\n├─main.js Vue初始化入口文件\n├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期\n├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见\n└─pages.json 配置页面路由、导航条、选项卡等页面类信息，详见\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br"),n("span",{staticClass:"line-number"},[s._v("9")]),n("br"),n("span",{staticClass:"line-number"},[s._v("10")]),n("br"),n("span",{staticClass:"line-number"},[s._v("11")]),n("br"),n("span",{staticClass:"line-number"},[s._v("12")]),n("br"),n("span",{staticClass:"line-number"},[s._v("13")]),n("br"),n("span",{staticClass:"line-number"},[s._v("14")]),n("br"),n("span",{staticClass:"line-number"},[s._v("15")]),n("br"),n("span",{staticClass:"line-number"},[s._v("16")]),n("br")])]),n("h2",{attrs:{id:"静态资源"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#静态资源"}},[s._v("#")]),s._v(" 静态资源")]),s._v(" "),n("h3",{attrs:{id:"模板内引入静态资源"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#模板内引入静态资源"}},[s._v("#")]),s._v(" 模板内引入静态资源")]),s._v(" "),n("p",[s._v("template内引入静态资源，如image、video等标签的src属性时，可以使用相对路径或者绝对路径，形式如下")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v('\x3c!-- 绝对路径，/static指根目录下的static目录，在cli项目中/static指src目录下的static目录 --\x3e\n<image class="logo" src="/static/logo.png"></image>\n<image class="logo" src="@/static/logo.png"></image>\n\x3c!-- 相对路径 --\x3e\n<image class="logo" src="../../static/logo.png"></image>\n')])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br")])]),n("blockquote",[n("p",[s._v("注意:"),n("br"),s._v("\n@开头的绝对路径以及相对路径会经过base64转换规则校验"),n("br"),s._v("\n引入的静态资源在非h5平台，均不转为base64。"),n("br"),s._v("\nH5平台，小于4kb的资源会被转换成base64，其余不转。"),n("br"),s._v("\n自HBuilderX 2.6.6-alpha起template内支持@开头路径引入静态资源，旧版本不支持此方式"),n("br"),s._v("\nApp平台自HBuilderX 2.6.9-alpha起template节点中引用静态资源文件时（如：图片），调整查找策略为【基于当前文件的路径搜索】，与其他平台保持一致"),n("br"),s._v("\n支付宝小程序组件内 image 标签不可使用相对路径")])]),s._v(" "),n("h2",{attrs:{id:"js文件引入"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#js文件引入"}},[s._v("#")]),s._v(" js文件引入")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("js文件或script标签内（包括renderjs等）引入js文件时，可以使用相对路径和绝对路径，形式如下\n\n// 绝对路径，@指向项目根目录，在cli项目中@指向src目录\nimport add from '@/common/add.js'\n// 相对路径\nimport add from '../../common/add.js'\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br")])]),n("blockquote",[n("p",[s._v("注意: js文件不支持使用/开头的方式引入")])]),s._v(" "),n("h3",{attrs:{id:"css引入静态资源"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#css引入静态资源"}},[s._v("#")]),s._v(" css引入静态资源")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("css文件或style标签内引入css文件时（scss、less文件同理），可以使用相对路径或绝对路径（HBuilderX 2.6.6-alpha）\n\n/* 绝对路径 */\n@import url('/common/uni.css');\n@import url('@/common/uni.css');\n/* 相对路径 */\n@import url('../../common/uni.css');\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br")])]),n("p",[s._v("css文件或style标签内引用的图片路径可以使用相对路径也可以使用绝对路径，需要注意的是，有些小程序端css文件不允许引用本地文件（请看注意事项）。")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("/* 绝对路径 */\nbackground-image: url(/static/logo.png);\nbackground-image: url(@/static/logo.png);\n/* 相对路径 */\nbackground-image: url(../../static/logo.png);\n\n在 uni-app 中不能使用 * 选择器。\n微信小程序自定义组件中仅支持 class 选择器\npage 相当于 body 节点\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br"),n("span",{staticClass:"line-number"},[s._v("9")]),n("br")])]),n("p",[s._v("Tips：")]),s._v(" "),n("ul",[n("li",[s._v("引入字体图标请参考，字体图标")]),s._v(" "),n("li",[s._v("@开头的绝对路径以及相对路径会经过base64转换规则校验")]),s._v(" "),n("li",[s._v("不支持本地图片的平台，小于40kb，一定会转base64。（共四个平台mp-weixin, mp-qq, mp-toutiao, app v2）")]),s._v(" "),n("li",[s._v("h5平台，小于4kb会转base64，超出4kb时不转。")]),s._v(" "),n("li",[s._v("其余平台不会转base64")])]),s._v(" "),n("h3",{attrs:{id:"css变量"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#css变量"}},[s._v("#")]),s._v(" CSS变量")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v('uni-app 提供内置 CSS 变量\n\nCSS变量\t描述\tApp\t小程序\tH5\n--status-bar-height\t系统状态栏高度\t系统状态栏高度、nvue注意见下\t25px\t0\n--window-top\t内容区域距离顶部的距离\t0\t0\tNavigationBar 的高度\n--window-bottom\t内容区域距离底部的距离\t0\t0\tTabBar 的高度\n注意：\n\nvar(--status-bar-height) 此变量在微信小程序环境为固定 25px，在 App 里为手机实际状态栏高度。 \n当设置 "navigationStyle":"custom" 取消原生导航栏后，由于窗体为沉浸式，占据了状态栏位置。此时可以使用一个高度为 var(--status-bar-height) 的 view 放在页面顶部，避免页面内容出现在状态栏。 \n由于在H5端，不存在原生导航栏和tabbar，也是前端div模拟。如果设置了一个固定位置的居底view，在小程序和App端是在tabbar上方，但在H5端会与tabbar重叠。此时可使用--window-bottom，不管在哪个端，都是固定在tabbar上方。\n目前 nvue 在App端，还不支持 --status-bar-height变量，替代方案是在页面onLoad时通过uni.getSystemInfoSync().statusBarHeight获取状态栏高度，然后通过style绑定方式给占位view设定高度。\n\n\nonLoad() {\n this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight\n}\n\nni-app 中以下组件的高度是固定的，不可修改：\n\n组件\t描述\tApp\tH5\nNavigationBar\t导航栏\t44px\t44px\nTabBar\t底部选项卡\tHBuilderX 2.3.4之前为56px，2.3.4起和H5调为一致，统一为 50px。但可以自主更改高度）\t50px\n')])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br"),n("span",{staticClass:"line-number"},[s._v("9")]),n("br"),n("span",{staticClass:"line-number"},[s._v("10")]),n("br"),n("span",{staticClass:"line-number"},[s._v("11")]),n("br"),n("span",{staticClass:"line-number"},[s._v("12")]),n("br"),n("span",{staticClass:"line-number"},[s._v("13")]),n("br"),n("span",{staticClass:"line-number"},[s._v("14")]),n("br"),n("span",{staticClass:"line-number"},[s._v("15")]),n("br"),n("span",{staticClass:"line-number"},[s._v("16")]),n("br"),n("span",{staticClass:"line-number"},[s._v("17")]),n("br"),n("span",{staticClass:"line-number"},[s._v("18")]),n("br"),n("span",{staticClass:"line-number"},[s._v("19")]),n("br"),n("span",{staticClass:"line-number"},[s._v("20")]),n("br"),n("span",{staticClass:"line-number"},[s._v("21")]),n("br"),n("span",{staticClass:"line-number"},[s._v("22")]),n("br"),n("span",{staticClass:"line-number"},[s._v("23")]),n("br")])]),n("h2",{attrs:{id:"生命周期"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#生命周期"}},[s._v("#")]),s._v(" 生命周期")]),s._v(" "),n("ul",[n("li",[s._v("应用生命周期")])]),s._v(" "),n("blockquote",[n("p",[s._v("uni-app 支持 onLaunch、onShow、onHide 等应用生命周期函数，详情请参考应用生命周期")])]),s._v(" "),n("ul",[n("li",[s._v("页面生命周期")])]),s._v(" "),n("blockquote",[n("p",[s._v("uni-app 支持 onLoad、onShow、onReady 等生命周期函数")])]),s._v(" "),n("h2",{attrs:{id:"路由跳转"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#路由跳转"}},[s._v("#")]),s._v(" 路由跳转")]),s._v(" "),n("ul",[n("li",[s._v("uni-app 有两种页面路由跳转方式：使用navigator组件跳转、调用API跳转")])]),s._v(" "),n("h2",{attrs:{id:"开发环境和生产环境"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#开发环境和生产环境"}},[s._v("#")]),s._v(" 开发环境和生产环境")]),s._v(" "),n("blockquote",[n("p",[s._v("uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境")])]),s._v(" "),n("ul",[n("li",[s._v("判断平台: uni.getSystemInfoSync().platform")])]),s._v(" "),n("h2",{attrs:{id:"小程序组件支持"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#小程序组件支持"}},[s._v("#")]),s._v(" 小程序组件支持")]),s._v(" "),n("p",[s._v("uni-app 支持在 App 和 小程序 中使用小程序自定义组件，从HBuilderX2.4.7起，H5端也可以运行微信小程序组件。")]),s._v(" "),n("p",[s._v("平台差异说明")]),s._v(" "),n("table",[n("thead",[n("tr",[n("th",[s._v("平台")]),s._v(" "),n("th",[s._v("支持情况")]),s._v(" "),n("th",[s._v("小程序组件存放目录")])])]),s._v(" "),n("tbody",[n("tr",[n("td",[s._v("H5")]),s._v(" "),n("td",[s._v("支持微信小程序组件（2.4.7+）")]),s._v(" "),n("td",[s._v("wxcomponents")])]),s._v(" "),n("tr",[n("td",[s._v("App（不含nvue）")]),s._v(" "),n("td",[s._v("支持微信小程序组件")]),s._v(" "),n("td",[s._v("wxcomponents")])]),s._v(" "),n("tr",[n("td",[s._v("微信小程序")]),s._v(" "),n("td",[s._v("支持微信小程序组件")]),s._v(" "),n("td",[s._v("wxcomponents")])]),s._v(" "),n("tr",[n("td",[s._v("支付宝小程序")]),s._v(" "),n("td",[s._v("支持支付宝小程序组件")]),s._v(" "),n("td",[s._v("mycomponents")])]),s._v(" "),n("tr",[n("td",[s._v("百度小程序")]),s._v(" "),n("td",[s._v("支持百度小程序组件")]),s._v(" "),n("td",[s._v("swancomponents")])]),s._v(" "),n("tr",[n("td",[s._v("字节跳动小程序")]),s._v(" "),n("td",[s._v("支持字节跳动小程序组件")]),s._v(" "),n("td",[s._v("ttcomponents")])]),s._v(" "),n("tr",[n("td",[s._v("QQ小程序")]),s._v(" "),n("td",[s._v("支持QQ小程序组件")]),s._v(" "),n("td",[s._v("wxcomponents")])])])]),s._v(" "),n("h2",{attrs:{id:"引入-vantui"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#引入-vantui"}},[s._v("#")]),s._v(" 引入 vantUI")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v('npm i @vant/weapp -S --production\n\n在项目根目录下新建 wxcomponents 目录\n\n将vant/weapp中dist目录拷贝到新建的wxcomponents目录下，并重命名dist为vant\n\n# 单个页面引入\npage.json:\n\n"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages\n\t\t{\n\t\t\t"path": "pages/index/index",\n\t\t\t"style": {\n\t\t\t\t"navigationBarTitleText": "uni-app",\n\t\t\t\t"usingComponents": {\n\t\t\t\t\t "van-button": "/wxcomponents/vant/button/index",\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t],\n \n \n# 全局引入\n\n"globalStyle": {\n\t\t"navigationBarTextStyle": "black",\n\t\t"navigationBarTitleText": "uni-app",\n\t\t"navigationBarBackgroundColor": "#F8F8F8",\n\t\t"backgroundColor": "#F8F8F8",\n\t\t"usingComponents": {\n\t\t "van-button": "/wxcomponents/vant/button/index",\n\t\t "van-image": "/wxcomponents/vant/image/index",\n\t\t "van-field": "/wxcomponents/vant/field/index",\n\t\t "van-search": "/wxcomponents/vant/search/index",\n\t\t "van-cell": "/wxcomponents/vant/cell/index",\n\t\t "van-cell-group": "/wxcomponents/vant/cell-group/index",\n\t\t "van-notice-bar": "/wxcomponents/vant/notice-bar/index"\n\t\t}\n\t}\n')])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br"),n("span",{staticClass:"line-number"},[s._v("9")]),n("br"),n("span",{staticClass:"line-number"},[s._v("10")]),n("br"),n("span",{staticClass:"line-number"},[s._v("11")]),n("br"),n("span",{staticClass:"line-number"},[s._v("12")]),n("br"),n("span",{staticClass:"line-number"},[s._v("13")]),n("br"),n("span",{staticClass:"line-number"},[s._v("14")]),n("br"),n("span",{staticClass:"line-number"},[s._v("15")]),n("br"),n("span",{staticClass:"line-number"},[s._v("16")]),n("br"),n("span",{staticClass:"line-number"},[s._v("17")]),n("br"),n("span",{staticClass:"line-number"},[s._v("18")]),n("br"),n("span",{staticClass:"line-number"},[s._v("19")]),n("br"),n("span",{staticClass:"line-number"},[s._v("20")]),n("br"),n("span",{staticClass:"line-number"},[s._v("21")]),n("br"),n("span",{staticClass:"line-number"},[s._v("22")]),n("br"),n("span",{staticClass:"line-number"},[s._v("23")]),n("br"),n("span",{staticClass:"line-number"},[s._v("24")]),n("br"),n("span",{staticClass:"line-number"},[s._v("25")]),n("br"),n("span",{staticClass:"line-number"},[s._v("26")]),n("br"),n("span",{staticClass:"line-number"},[s._v("27")]),n("br"),n("span",{staticClass:"line-number"},[s._v("28")]),n("br"),n("span",{staticClass:"line-number"},[s._v("29")]),n("br"),n("span",{staticClass:"line-number"},[s._v("30")]),n("br"),n("span",{staticClass:"line-number"},[s._v("31")]),n("br"),n("span",{staticClass:"line-number"},[s._v("32")]),n("br"),n("span",{staticClass:"line-number"},[s._v("33")]),n("br"),n("span",{staticClass:"line-number"},[s._v("34")]),n("br"),n("span",{staticClass:"line-number"},[s._v("35")]),n("br"),n("span",{staticClass:"line-number"},[s._v("36")]),n("br"),n("span",{staticClass:"line-number"},[s._v("37")]),n("br"),n("span",{staticClass:"line-number"},[s._v("38")]),n("br"),n("span",{staticClass:"line-number"},[s._v("39")]),n("br")])]),n("h2",{attrs:{id:"坑"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#坑"}},[s._v("#")]),s._v(" 坑，")]),s._v(" "),n("ul",[n("li",[n("p",[s._v("使用 vue-cli 安装，一直报错")])]),s._v(" "),n("li",[n("p",[s._v("修改hosts:")]),s._v(" "),n("ul",[n("li",[s._v("https://github.com.ipaddress.com/ 查看 ip")]),s._v(" "),n("li",[s._v("https://fastly.net.ipaddress.com/github.global.ssl.fastly.net")])]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("# github\n140.82.114.3 www.github.com\n140.82.114.3 github.com\n\n# 192.30.253.112 www.github.com\n# 192.30.253.112 github.com\n\n199.232.69.194 github.global.ssl.fastly.net\n# 151.101.13.194 github.global.ssl.fastly.net\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br"),n("span",{staticClass:"line-number"},[s._v("9")]),n("br")])])])]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v(" ERROR Failed fetching remote preset dcloudio/uni-preset-vue:\n ERROR Error: end of central directory record signature not found\n \n 手动下载 uni-preset-vue\n \n vue create --preset ./uni-preset-vue my-project\n \n 再选择模板 默认模板快 ， hello很慢\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br")])]),n("ul",[n("li",[n("a",{attrs:{href:"https://cli.vuejs.org/zh/guide/plugins-and-presets.html#%E5%8A%A0%E8%BD%BD%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F%E4%B8%AD%E7%9A%84-preset",target:"_blank",rel:"noopener noreferrer"}},[s._v("加载文件系统中的-preset"),n("OutboundLink")],1)])]),s._v(" "),n("h2",{attrs:{id:"getapp-函数用于获取当前应用实例-一般用于获取globaldata"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#getapp-函数用于获取当前应用实例-一般用于获取globaldata"}},[s._v("#")]),s._v(" getApp() 函数用于获取当前应用实例，一般用于获取globalData")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("const app = getApp()\nconsole.log(app.globalData)\n\n\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br")])]),n("h2",{attrs:{id:"getcurrentpages"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#getcurrentpages"}},[s._v("#")]),s._v(" getCurrentPages()")]),s._v(" "),n("p",[s._v("getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。")]),s._v(" "),n("p",[s._v("注意： getCurrentPages()仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。")]),s._v(" "),n("h2",{attrs:{id:"参考"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#参考"}},[s._v("#")]),s._v(" 参考")]),s._v(" "),n("ul",[n("li",[n("p",[n("a",{attrs:{href:"https://uniapp.dcloud.net.cn/quickstart-cli?id=%e8%bf%90%e8%a1%8c%e3%80%81%e5%8f%91%e5%b8%83uni-app",target:"_blank",rel:"noopener noreferrer"}},[s._v("quickstart"),n("OutboundLink")],1)])]),s._v(" "),n("li",[n("p",[n("a",{attrs:{href:"https://github.com/dcloudio/uni-ui",target:"_blank",rel:"noopener noreferrer"}},[s._v("uni-ui"),n("OutboundLink")],1)])])])])}),[],!1,null,null,null);a.default=e.exports}}]);
\ No newline at end of file
dist/assets/js/14.2c764d81.js → dist/assets/js/16.3a22b9a3.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{368:function(t,_,r){"use strict";r.r(_);var v=r(42),a=Object(v.a)({},(function(){var t=this,_=t.$createElement,r=t._self._c||_;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"前端升级规范"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#前端升级规范"}},[t._v("#")]),t._v(" 前端升级规范")]),t._v(" "),r("h2",{attrs:{id:"一、什么时间升级"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#一、什么时间升级"}},[t._v("#")]),t._v(" 一、什么时间升级？")]),t._v(" "),r("p",[t._v("● 每周四为各平台前端需求（不涉及后端的纯前端需求）的上线日。")]),t._v(" "),r("p",[t._v("● 优先级：临时的紧急上线 > 随业务组上线 > 周四上线\n"),r("br")]),t._v(" "),r("h2",{attrs:{id:"二、谁来操作升级"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#二、谁来操作升级"}},[t._v("#")]),t._v(" 二、谁来操作升级？")]),t._v(" "),r("table",[r("thead",[r("tr",[r("th",[t._v("~版本")]),t._v(" "),r("th",[t._v("~平台")]),t._v(" "),r("th",[t._v("~ 操作人 ")])])]),t._v(" "),r("tbody",[r("tr",[r("td",[t._v("3.0")]),t._v(" "),r("td",[t._v("全部平台")]),t._v(" "),r("td",[t._v("石瑶")])]),t._v(" "),r("tr",[r("td",[t._v("4.0")]),t._v(" "),r("td",[t._v("基础平台（包含运维平台）、移动平台")]),t._v(" "),r("td",[t._v("砂砾")])]),t._v(" "),r("tr",[r("td",[t._v("4.0")]),t._v(" "),r("td",[t._v("业务平台")]),t._v(" "),r("td",[t._v("叮当")])])])]),t._v(" "),r("br"),t._v(" "),r("h2",{attrs:{id:"三、原则"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#三、原则"}},[t._v("#")]),t._v(" 三、原则")]),t._v(" "),r("p",[t._v("上线前、后，均需要经过测试负责人测试。\n"),r("br")]),t._v(" "),r("h2",{attrs:{id:"四、升级通知"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#四、升级通知"}},[t._v("#")]),t._v(" 四、升级通知")]),t._v(" "),r("p",[t._v("● 只要有上线，就要发送"),r("a",{attrs:{href:"https://www.tapd.cn/33025272/documents/show/1133025272001004205",target:"_blank",rel:"noopener noreferrer"}},[t._v("《迭代升级说明》"),r("OutboundLink")],1),t._v("给相关人员，并抄送sj@demogic.com<升级通知组>。")]),t._v(" "),r("p",[t._v("● 由操作升级的人员发出邮件。")])])}),[],!1,null,null,null);_.default=a.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[16],{372:function(t,_,r){"use strict";r.r(_);var v=r(42),a=Object(v.a)({},(function(){var t=this,_=t.$createElement,r=t._self._c||_;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"前端升级规范"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#前端升级规范"}},[t._v("#")]),t._v(" 前端升级规范")]),t._v(" "),r("h2",{attrs:{id:"一、什么时间升级"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#一、什么时间升级"}},[t._v("#")]),t._v(" 一、什么时间升级？")]),t._v(" "),r("p",[t._v("● 每周四为各平台前端需求（不涉及后端的纯前端需求）的上线日。")]),t._v(" "),r("p",[t._v("● 优先级：临时的紧急上线 > 随业务组上线 > 周四上线\n"),r("br")]),t._v(" "),r("h2",{attrs:{id:"二、谁来操作升级"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#二、谁来操作升级"}},[t._v("#")]),t._v(" 二、谁来操作升级？")]),t._v(" "),r("table",[r("thead",[r("tr",[r("th",[t._v("~版本")]),t._v(" "),r("th",[t._v("~平台")]),t._v(" "),r("th",[t._v("~ 操作人 ")])])]),t._v(" "),r("tbody",[r("tr",[r("td",[t._v("3.0")]),t._v(" "),r("td",[t._v("全部平台")]),t._v(" "),r("td",[t._v("石瑶")])]),t._v(" "),r("tr",[r("td",[t._v("4.0")]),t._v(" "),r("td",[t._v("基础平台（包含运维平台）、移动平台")]),t._v(" "),r("td",[t._v("砂砾")])]),t._v(" "),r("tr",[r("td",[t._v("4.0")]),t._v(" "),r("td",[t._v("业务平台")]),t._v(" "),r("td",[t._v("叮当")])])])]),t._v(" "),r("br"),t._v(" "),r("h2",{attrs:{id:"三、原则"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#三、原则"}},[t._v("#")]),t._v(" 三、原则")]),t._v(" "),r("p",[t._v("上线前、后，均需要经过测试负责人测试。\n"),r("br")]),t._v(" "),r("h2",{attrs:{id:"四、升级通知"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#四、升级通知"}},[t._v("#")]),t._v(" 四、升级通知")]),t._v(" "),r("p",[t._v("● 只要有上线，就要发送"),r("a",{attrs:{href:"https://www.tapd.cn/33025272/documents/show/1133025272001004205",target:"_blank",rel:"noopener noreferrer"}},[t._v("《迭代升级说明》"),r("OutboundLink")],1),t._v("给相关人员，并抄送sj@demogic.com<升级通知组>。")]),t._v(" "),r("p",[t._v("● 由操作升级的人员发出邮件。")])])}),[],!1,null,null,null);_.default=a.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/15.281444ad.js → dist/assets/js/17.c30a6696.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{371:function(e,a,s){"use strict";s.r(a);var t=s(42),n=Object(t.a)({},(function(){var e=this,a=e.$createElement,s=e._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("h1",{attrs:{id:"vue-项目"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-项目"}},[e._v("#")]),e._v(" vue 项目")]),e._v(" "),s("h2",{attrs:{id:"生命周期"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#生命周期"}},[e._v("#")]),e._v(" 生命周期")]),e._v(" "),s("ol",[s("li",[e._v("不在 mounted、created 之类的方法写逻辑，取 ajax 数据，")]),e._v(" "),s("li",[e._v("在 created 里面监听 Bus 事件")])]),e._v(" "),s("h2",{attrs:{id:"vue方法放置顺序"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue方法放置顺序"}},[e._v("#")]),e._v(" vue方法放置顺序")]),e._v(" "),s("p",[s("code",[e._v("name->components ->props ->data ->beforeCreate->created ->beforeMount ->mounted->activited ->beforeUpdate->updated->beforeDestroy->destroyed->beforeRouteEnter->beforeRouteUpdate->beforeRouteLeave->metods->filter->computed ->watch")])]),e._v(" "),s("h2",{attrs:{id:"method-自定义方法命名-建议"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#method-自定义方法命名-建议"}},[e._v("#")]),e._v(" method 自定义方法命名（建议）")]),e._v(" "),s("ol",[s("li",[e._v("动宾短语（good：jumpPage、openCarInfoDialog）（bad：go、nextPage、show、open、login）")]),e._v(" "),s("li",[e._v("ajax 方法以 get、post 开头，以 data 结尾（good：getListData、postFormData）（bad：takeData、confirmData、getList、postForm）")]),e._v(" "),s("li",[e._v("事件方法以 on 开头（onTypeChange、onUsernameInput）")]),e._v(" "),s("li",[e._v("尽量使用常用单词开头（set、get、open、close、jump）")]),e._v(" "),s("li",[e._v("驼峰命名（good: getListData）（bad: get_list_data、getlistData）")])]),e._v(" "),s("p",[e._v("为了更好的阅读体验，也是为了避免过渡注释，最好的注释就是让代码自己“说出”自己的作用，即命名要有规律性"),s("br"),e._v("\n例如，用于存储数组的变量以 List作为名字后缀，用于某种信息的对象变量以 Info作为名字后缀，用于判断某种逻辑的变量以 is作为前缀")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("const namesList = ['xiaoming', 'xiaohong']\nconst userInfo = {\n name: 'John',\n age: 20,\n gender: 'male'\n}\nconst isEven = 10 % 2 === 0\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br")])]),s("h2",{attrs:{id:"vue-组件命名"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-组件命名"}},[e._v("#")]),e._v(" Vue 组件命名")]),e._v(" "),s("p",[e._v("有意义的: 不过于具体，也不过于抽象"),s("br"),e._v("\n简短: 2 到 3 个单词"),s("br"),e._v("\n具有可读性: 以便于沟通交流"),s("br"),e._v("\n组件文件名使用连字符命名：user-list.vue"),s("br"),e._v("\n组件内name属性使用大驼峰命名：{ name: 'UserList' }"),s("br"),e._v("\ntemplate中组件标签使用连字符："),s("user-list")],1),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("\x3c!-- 推荐 --\x3e\n<app-header></app-header>\n<user-list></user-list>\n<range-slider></range-slider>\n\n\x3c!-- 避免 --\x3e\n<btn-group></btn-group>\x3c!-- 虽然简短但是可读性差. 使用 `button-group` 替代 --\x3e\n<ui-slider></ui-slider>\x3c!-- ui 前缀太过于宽泛，在这里意义不明确 --\x3e\n<slider></slider>\x3c!-- 与自定义元素规范不兼容 --\x3e\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br"),s("span",{staticClass:"line-number"},[e._v("8")]),s("br"),s("span",{staticClass:"line-number"},[e._v("9")]),s("br")])]),s("h2",{attrs:{id:"验证组件的props"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#验证组件的props"}},[e._v("#")]),e._v(" 验证组件的props")]),e._v(" "),s("p",[e._v("提供默认值。"),s("br"),e._v("\n使用 type 属性校验类型。"),s("br"),e._v("\nprops的key使用小驼峰命名法。"),s("br"),e._v("\n使用 props 之前先检查该 prop 是否存在。"),s("br"),e._v("\n当prop为多种类型时应该使用数组表示。"),s("br"),e._v("\n在标签中如果prop有多个单词组成，应当使用连字符。")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v(" \n props: {\n\t size: {\n\t\t type: Number,\n\t\t default:10\n\t },\n\t id: {\n\t\t type: [Number, String],\n\t\t default: ''\n\t }\n }\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br"),s("span",{staticClass:"line-number"},[e._v("8")]),s("br"),s("span",{staticClass:"line-number"},[e._v("9")]),s("br"),s("span",{staticClass:"line-number"},[e._v("10")]),s("br"),s("span",{staticClass:"line-number"},[e._v("11")]),s("br")])]),s("h2",{attrs:{id:"自定义事件名称"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#自定义事件名称"}},[e._v("#")]),e._v(" 自定义事件名称")]),e._v(" "),s("p",[e._v("自定义事件名称，如果有多个单词组成，使用连字符命名法。")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("this.$emit('current-change');\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br")])]),s("h2",{attrs:{id:"其他注意事项"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#其他注意事项"}},[e._v("#")]),e._v(" 其他注意事项：")]),e._v(" "),s("ol",[s("li",[e._v("组件的name要写")]),e._v(" "),s("li",[e._v("v-for v-if 避免一起使用 循环 v-for 加key")]),e._v(" "),s("li",[e._v("建议vue组件不要超过400行，既然是组件化开发，那么如果一个组件文件体积太大，存在几十个方法、几十个 data数据，那就说明这个组件大概率包含的功能点太多，是可以被继续细化出多个单一功能的子组件。每一个vue组件首先必须专注于解决一个单一的问题，独立的，可复用的，微小的和可测试的。 如果你的组件做了太多的事或是变得臃肿，将其拆成更小的组件并保持单一的原则。")]),e._v(" "),s("li",[e._v("每个函数不要超过 100行，不要让一个方法函数包含过多的逻辑功能，函数包含过多逻辑，容易混乱，遵循函数功能单一原则")]),e._v(" "),s("li",[e._v("与模板渲染无关的变量不要放在data里")]),e._v(" "),s("li",[e._v("页面计算属性，逻辑过多不要写在template里，用computed")]),e._v(" "),s("li",[e._v("与页面上与业务无关的工具方法应该放在工具方法里")])])])}),[],!1,null,null,null);a.default=n.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[17],{373:function(e,a,s){"use strict";s.r(a);var t=s(42),n=Object(t.a)({},(function(){var e=this,a=e.$createElement,s=e._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("h1",{attrs:{id:"vue-项目"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-项目"}},[e._v("#")]),e._v(" vue 项目")]),e._v(" "),s("h2",{attrs:{id:"生命周期"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#生命周期"}},[e._v("#")]),e._v(" 生命周期")]),e._v(" "),s("ol",[s("li",[e._v("不在 mounted、created 之类的方法写逻辑，取 ajax 数据，")]),e._v(" "),s("li",[e._v("在 created 里面监听 Bus 事件")])]),e._v(" "),s("h2",{attrs:{id:"vue方法放置顺序"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue方法放置顺序"}},[e._v("#")]),e._v(" vue方法放置顺序")]),e._v(" "),s("p",[s("code",[e._v("name->components ->props ->data ->beforeCreate->created ->beforeMount ->mounted->activited ->beforeUpdate->updated->beforeDestroy->destroyed->beforeRouteEnter->beforeRouteUpdate->beforeRouteLeave->metods->filter->computed ->watch")])]),e._v(" "),s("h2",{attrs:{id:"method-自定义方法命名-建议"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#method-自定义方法命名-建议"}},[e._v("#")]),e._v(" method 自定义方法命名（建议）")]),e._v(" "),s("ol",[s("li",[e._v("动宾短语（good：jumpPage、openCarInfoDialog）（bad：go、nextPage、show、open、login）")]),e._v(" "),s("li",[e._v("ajax 方法以 get、post 开头，以 data 结尾（good：getListData、postFormData）（bad：takeData、confirmData、getList、postForm）")]),e._v(" "),s("li",[e._v("事件方法以 on 开头（onTypeChange、onUsernameInput）")]),e._v(" "),s("li",[e._v("尽量使用常用单词开头（set、get、open、close、jump）")]),e._v(" "),s("li",[e._v("驼峰命名（good: getListData）（bad: get_list_data、getlistData）")])]),e._v(" "),s("p",[e._v("为了更好的阅读体验，也是为了避免过渡注释，最好的注释就是让代码自己“说出”自己的作用，即命名要有规律性"),s("br"),e._v("\n例如，用于存储数组的变量以 List作为名字后缀，用于某种信息的对象变量以 Info作为名字后缀，用于判断某种逻辑的变量以 is作为前缀")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("const namesList = ['xiaoming', 'xiaohong']\nconst userInfo = {\n name: 'John',\n age: 20,\n gender: 'male'\n}\nconst isEven = 10 % 2 === 0\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br")])]),s("h2",{attrs:{id:"vue-组件命名"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-组件命名"}},[e._v("#")]),e._v(" Vue 组件命名")]),e._v(" "),s("p",[e._v("有意义的: 不过于具体，也不过于抽象"),s("br"),e._v("\n简短: 2 到 3 个单词"),s("br"),e._v("\n具有可读性: 以便于沟通交流"),s("br"),e._v("\n组件文件名使用连字符命名：user-list.vue"),s("br"),e._v("\n组件内name属性使用大驼峰命名：{ name: 'UserList' }"),s("br"),e._v("\ntemplate中组件标签使用连字符："),s("user-list")],1),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("\x3c!-- 推荐 --\x3e\n<app-header></app-header>\n<user-list></user-list>\n<range-slider></range-slider>\n\n\x3c!-- 避免 --\x3e\n<btn-group></btn-group>\x3c!-- 虽然简短但是可读性差. 使用 `button-group` 替代 --\x3e\n<ui-slider></ui-slider>\x3c!-- ui 前缀太过于宽泛，在这里意义不明确 --\x3e\n<slider></slider>\x3c!-- 与自定义元素规范不兼容 --\x3e\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br"),s("span",{staticClass:"line-number"},[e._v("8")]),s("br"),s("span",{staticClass:"line-number"},[e._v("9")]),s("br")])]),s("h2",{attrs:{id:"验证组件的props"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#验证组件的props"}},[e._v("#")]),e._v(" 验证组件的props")]),e._v(" "),s("p",[e._v("提供默认值。"),s("br"),e._v("\n使用 type 属性校验类型。"),s("br"),e._v("\nprops的key使用小驼峰命名法。"),s("br"),e._v("\n使用 props 之前先检查该 prop 是否存在。"),s("br"),e._v("\n当prop为多种类型时应该使用数组表示。"),s("br"),e._v("\n在标签中如果prop有多个单词组成，应当使用连字符。")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v(" \n props: {\n\t size: {\n\t\t type: Number,\n\t\t default:10\n\t },\n\t id: {\n\t\t type: [Number, String],\n\t\t default: ''\n\t }\n }\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br"),s("span",{staticClass:"line-number"},[e._v("8")]),s("br"),s("span",{staticClass:"line-number"},[e._v("9")]),s("br"),s("span",{staticClass:"line-number"},[e._v("10")]),s("br"),s("span",{staticClass:"line-number"},[e._v("11")]),s("br")])]),s("h2",{attrs:{id:"自定义事件名称"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#自定义事件名称"}},[e._v("#")]),e._v(" 自定义事件名称")]),e._v(" "),s("p",[e._v("自定义事件名称，如果有多个单词组成，使用连字符命名法。")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("this.$emit('current-change');\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br")])]),s("h2",{attrs:{id:"其他注意事项"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#其他注意事项"}},[e._v("#")]),e._v(" 其他注意事项：")]),e._v(" "),s("ol",[s("li",[e._v("组件的name要写")]),e._v(" "),s("li",[e._v("v-for v-if 避免一起使用 循环 v-for 加key")]),e._v(" "),s("li",[e._v("建议vue组件不要超过400行，既然是组件化开发，那么如果一个组件文件体积太大，存在几十个方法、几十个 data数据，那就说明这个组件大概率包含的功能点太多，是可以被继续细化出多个单一功能的子组件。每一个vue组件首先必须专注于解决一个单一的问题，独立的，可复用的，微小的和可测试的。 如果你的组件做了太多的事或是变得臃肿，将其拆成更小的组件并保持单一的原则。")]),e._v(" "),s("li",[e._v("每个函数不要超过 100行，不要让一个方法函数包含过多的逻辑功能，函数包含过多逻辑，容易混乱，遵循函数功能单一原则")]),e._v(" "),s("li",[e._v("与模板渲染无关的变量不要放在data里")]),e._v(" "),s("li",[e._v("页面计算属性，逻辑过多不要写在template里，用computed")]),e._v(" "),s("li",[e._v("与页面上与业务无关的工具方法应该放在工具方法里")])])])}),[],!1,null,null,null);a.default=n.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/16.78853d30.js → dist/assets/js/18.424d9319.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{369:function(s,a,t){"use strict";t.r(a);var e=t(42),r=Object(e.a)({},(function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h1",{attrs:{id:"介绍"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#介绍"}},[s._v("#")]),s._v(" 介绍")]),s._v(" "),t("blockquote",[t("p",[s._v("vuepress 搭建一个前端知识库的项目；")])]),s._v(" "),t("h2",{attrs:{id:"_1-文档"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_1-文档"}},[s._v("#")]),s._v(" 1.文档")]),s._v(" "),t("blockquote",[t("p",[s._v("如何使用")])]),s._v(" "),t("h3",{attrs:{id:"目录结构"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#目录结构"}},[s._v("#")]),s._v(" 目录结构")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v(".\n├─ front-vuepress\n| └─ dist // 打包后文件\n│ └─ config\n│ └─ sidebars.js // 侧边栏配置文件 \n│ ├─ README.md\n│ └─ .vuepress\n│ └─ config.js // 配置文件\n└─ package.json\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br")])]),t("h3",{attrs:{id:"新增-tab"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#新增-tab"}},[s._v("#")]),s._v(" 新增 tab")]),s._v(" "),t("p",[s._v("只需要在 "),t("code",[s._v(".vuepress")]),s._v(" 下的 "),t("code",[s._v("config.js")]),s._v(" 中新增 "),t("code",[s._v("nav")]),s._v(" 和对应的路径")]),s._v(" "),t("h3",{attrs:{id:"新增-目录"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#新增-目录"}},[s._v("#")]),s._v(" 新增 目录")]),s._v(" "),t("p",[s._v("只需要在根目录下新增即可")]),s._v(" "),t("h3",{attrs:{id:"新增-文档"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#新增-文档"}},[s._v("#")]),s._v(" 新增 文档")]),s._v(" "),t("p",[s._v("只需要在根目录下新增"),t("code",[s._v(".md")]),s._v("文件即可")]),s._v(" "),t("h2",{attrs:{id:"_2-配置侧边栏"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-配置侧边栏"}},[s._v("#")]),s._v(" 2.配置侧边栏")]),s._v(" "),t("blockquote",[t("p",[s._v("如果需要配置侧边栏，只需要 "),t("code",[s._v("config")]),s._v(" 下 "),t("code",[s._v("sidebars.js")]),s._v("中配置")])])])}),[],!1,null,null,null);a.default=r.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[18],{371:function(s,a,t){"use strict";t.r(a);var e=t(42),r=Object(e.a)({},(function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h1",{attrs:{id:"介绍"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#介绍"}},[s._v("#")]),s._v(" 介绍")]),s._v(" "),t("blockquote",[t("p",[s._v("vuepress 搭建一个前端知识库的项目；")])]),s._v(" "),t("h2",{attrs:{id:"_1-文档"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_1-文档"}},[s._v("#")]),s._v(" 1.文档")]),s._v(" "),t("blockquote",[t("p",[s._v("如何使用")])]),s._v(" "),t("h3",{attrs:{id:"目录结构"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#目录结构"}},[s._v("#")]),s._v(" 目录结构")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v(".\n├─ front-vuepress\n| └─ dist // 打包后文件\n│ └─ config\n│ └─ sidebars.js // 侧边栏配置文件 \n│ ├─ README.md\n│ └─ .vuepress\n│ └─ config.js // 配置文件\n└─ package.json\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br")])]),t("h3",{attrs:{id:"新增-tab"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#新增-tab"}},[s._v("#")]),s._v(" 新增 tab")]),s._v(" "),t("p",[s._v("只需要在 "),t("code",[s._v(".vuepress")]),s._v(" 下的 "),t("code",[s._v("config.js")]),s._v(" 中新增 "),t("code",[s._v("nav")]),s._v(" 和对应的路径")]),s._v(" "),t("h3",{attrs:{id:"新增-目录"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#新增-目录"}},[s._v("#")]),s._v(" 新增 目录")]),s._v(" "),t("p",[s._v("只需要在根目录下新增即可")]),s._v(" "),t("h3",{attrs:{id:"新增-文档"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#新增-文档"}},[s._v("#")]),s._v(" 新增 文档")]),s._v(" "),t("p",[s._v("只需要在根目录下新增"),t("code",[s._v(".md")]),s._v("文件即可")]),s._v(" "),t("h2",{attrs:{id:"_2-配置侧边栏"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-配置侧边栏"}},[s._v("#")]),s._v(" 2.配置侧边栏")]),s._v(" "),t("blockquote",[t("p",[s._v("如果需要配置侧边栏，只需要 "),t("code",[s._v("config")]),s._v(" 下 "),t("code",[s._v("sidebars.js")]),s._v("中配置")])])])}),[],!1,null,null,null);a.default=r.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/17.85230ba2.js → dist/assets/js/19.d2961746.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{375:function(t,v,a){"use strict";a.r(v);var _=a(42),s=Object(_.a)({},(function(){var t=this,v=t.$createElement,a=t._self._c||v;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"好办-2-0"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#好办-2-0"}},[t._v("#")]),t._v(" 好办 2.0")]),t._v(" "),a("blockquote",[a("p",[t._v("下面是当时我做这个项目时整理的文档")])]),t._v(" "),a("h1",{attrs:{id:"好办后台整体使用说明"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#好办后台整体使用说明"}},[t._v("#")]),t._v(" 好办后台整体使用说明")]),t._v(" "),a("h2",{attrs:{id:"一、扫码登录"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#一、扫码登录"}},[t._v("#")]),t._v(" 一、扫码登录")]),t._v(" "),a("blockquote",[a("p",[t._v("前提条件：已经在好办 APP 上注册，并且设置了管理员")])]),t._v(" "),a("ul",[a("li",[t._v("1.1.1 登录整体流程")])]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 后台前端根据接口生成二维码（定时轮询查询是否扫码）\n |\n |-------------------判断是否超时，如果超时，就提示，可以刷新重新生成二维码\n |\n 登录好办 APP，扫描二维码 （APP 端会做一些判断）\n |\n | 确认登录\n |\n 后台前端根据接口返回的企业列表，选择登录的企业，登录\n |\n |-------------------如果超时，直接提示，重新生成二维码\n | 获取用户信息，保存本地\n |\n 登录后台首页\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br")])]),a("h2",{attrs:{id:"二、首页"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#二、首页"}},[t._v("#")]),t._v(" 二、首页")]),t._v(" "),a("ul",[a("li",[t._v("1.1.2 首页")])]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取企业基本信息，获取轮播，获取数据概览，获取快捷入口\n |\n |\n |\n 配置数据概览，配置快捷入口\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br")])]),a("h2",{attrs:{id:"三、审核中心"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#三、审核中心"}},[t._v("#")]),t._v(" 三、审核中心")]),t._v(" "),a("ul",[a("li",[t._v("1.1.3 审核中心")])]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取未审核，已审核数据\n |\n |\n |\n 未审核的数据可以同意/批量同意、拒绝\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br")])]),a("h2",{attrs:{id:"四、设置"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#四、设置"}},[t._v("#")]),t._v(" 四、设置")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("1.1.4 企业设置")]),t._v(" "),a("ul",[a("li",[t._v("1.1.4.1 企业地址"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 企业地址设置开关\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.4.2 企业认证"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 设置企业的详细信息（名称，所在地区，详细地址，营业执照注册号，证件类型，营业执照，手持证件照片，，授权书）\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])]),t._v(" "),a("li",[a("p",[t._v("1.1.5 通讯录信息")]),t._v(" "),a("ul",[a("li",[t._v("1.1.5.1 员工详情字段配置（根据 通讯录 中档案设置字段配置）"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 行政架构通讯录员工详情字段设置\n 门店架构通讯录员工详情字段\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.5.2 门店权限设置"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 设置各品牌下门店成员通讯录可见权限，设置门店信息变更是否需要审核\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])]),t._v(" "),a("li",[a("p",[t._v("1.1.6 更换超级管理员")])])]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 先验证超级管理员，再更换新的管理员\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("ul",[a("li",[t._v("1.1.7 设置子管理员\n"),a("ul",[a("li",[t._v("1.1.7.1 获取品牌中角色"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取角色列表\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.7.2 新增管理员角色"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 新增管理员角色（角色名称，角色说明，菜单权限，应用权限）\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.7.3 添加/编辑/删除成员（根据字段判断是否有权限）"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 新增/编辑/删除成员（管理员角色，成员名，选择管理范围（行政架构，门店架构））\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])])]),t._v(" "),a("h2",{attrs:{id:"五、通讯录"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#五、通讯录"}},[t._v("#")]),t._v(" 五、通讯录")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("1.1.8 企业通讯录")]),t._v(" "),a("ul",[a("li",[t._v("1.1.8.1 行政架构"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取行政架构列表，添加行政分组，添加分组，添加成员，批量导入导出员工信息，\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.8.2 门店架构"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取门店架构列表（门店视图和店员视图）， 增加品牌，添加分组，添加/编辑门店，批量导入导出门店信息\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])]),t._v(" "),a("li",[a("p",[t._v("1.1.9 员工档案")]),t._v(" "),a("ul",[a("li",[t._v("1.1.9.1 档案设置"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 档案字段设置 、试用期时间设置\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.9.2 在职员工"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取在职员工列表，导入员工档案，导出员工\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.9.3 离职员工"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取离职员工列表，导出员工\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])]),t._v(" "),a("li",[a("p",[t._v("1.2.1 共享通讯录")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取共享通讯录列表，\n 一个二维码只能和一个企业建立共享关系，24小时有效\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])])])]),t._v(" "),a("h2",{attrs:{id:"六、企业应用"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#六、企业应用"}},[t._v("#")]),t._v(" 六、企业应用")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("1.2.2 企业应用")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取管理员角色中已经配置的应用数据，设置可见人群，设置开启/关闭应用\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("ul",[a("li",[a("p",[t._v("1.2.2.1 我的顾客")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 会员搜索设置 在线沟通设置 开关\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[a("p",[t._v("1.2.2.2 云日报")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取云日报记录列表，查看云日报记录详情，导出云日报记录\n 云日报系统报表配置，自定义报表设置，任务下发设置\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])])]),t._v(" "),a("li",[a("p",[t._v("1.2.2.3 企业公告")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取企业公告列表，新建公告\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[a("p",[t._v("1.2.2.4 话务任务和不良评价（合并后）")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取（ 话务任务和不良评价）任务列表，查看任务详情（区分话务任务和不良评价），导出任务记录\n 话务任务设置\n 不良评价回访设置\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])])]),t._v(" "),a("li",[a("p",[t._v("1.2.2.5 指标管理")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取月指标列表，查看门店月指标，导购月指标，商户日权重\n 获取 月指标任务列表，查看月指标任务详情，导出月指标任务\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])])])])])]),t._v(" "),a("h1",{attrs:{id:"安正需求"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#安正需求"}},[t._v("#")]),t._v(" 安正需求")]),t._v(" "),a("h2",{attrs:{id:"_1-好办1-0"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_1-好办1-0"}},[t._v("#")]),t._v(" 1. 好办1.0")]),t._v(" "),a("h3",{attrs:{id:"_1-1-签到"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_1-1-签到"}},[t._v("#")]),t._v(" 1.1 签到")]),t._v(" "),a("p",[t._v("需求说明：安正集团要求好办APP有签到功能，服务对象为导购人员。同时需要在后台导出签到数据。")]),t._v(" "),a("p",[t._v("原型链接：https://z2qxvy.axshare.com")]),t._v(" "),a("h2",{attrs:{id:"_6月中旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_6月中旬迭代"}},[t._v("#")]),t._v(" 6月中旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-06-04")]),t._v(" "),a("td",[t._v("企业公告优化")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-10")]),t._v(" "),a("td",[t._v("门店信息修改")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-10")]),t._v(" "),a("td",[t._v("GIC同步后添加成员")]),t._v(" "),a("td",[t._v("阿飞")])])])]),t._v(" "),a("h2",{attrs:{id:"_6月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_6月下旬迭代"}},[t._v("#")]),t._v(" 6月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-2"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("好办下载页面")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("管理员登录方式-手机号密码")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("扫码核销")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("新增海外手机号")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("门店活动")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("商品中心")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-19")]),t._v(" "),a("td",[t._v("扫码核销")]),t._v(" "),a("td",[t._v("阿飞")])])])]),t._v(" "),a("h2",{attrs:{id:"七月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#七月下旬迭代"}},[t._v("#")]),t._v(" 七月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-3"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-3"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[a("s",[t._v("工作台添加管理功能")])]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("新增转移成员")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("签到对除安正外隐掉")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("话务任务查询优化")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("创建企业入口优化")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("好办运维实施列表跳转")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("新增标签备注")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[a("s",[t._v("优化-pc账号登录")])]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[t._v("优化-pc好办余额隐掉")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[t._v("优化-通讯录、商品标题吸顶、权限提醒")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[t._v("企业公告优化-分类，已读未读列表下载")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[t._v("会员会话，附近的人会话")]),t._v(" "),a("td",[t._v("··")])])])]),t._v(" "),a("h2",{attrs:{id:"八月上旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#八月上旬迭代"}},[t._v("#")]),t._v(" 八月上旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-4"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-4"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-07-29")]),t._v(" "),a("td",[t._v("运维后台创建好办企业并关联")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-29")]),t._v(" "),a("td",[t._v("日报导出报表添加分组字段")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-29")]),t._v(" "),a("td",[t._v("话务任务反馈优化")]),t._v(" "),a("td",[t._v("··")])])])]),t._v(" "),a("h2",{attrs:{id:"八月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#八月下旬迭代"}},[t._v("#")]),t._v(" 八月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-5"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-5"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-08-14")]),t._v(" "),a("td",[t._v("员工档案")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-14")]),t._v(" "),a("td",[t._v("员工接收转岗消息")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-15")]),t._v(" "),a("td",[t._v("关于好办")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-15")]),t._v(" "),a("td",[t._v("优化弹窗提醒页面")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-19")]),t._v(" "),a("td",[t._v("帮助中心跳转udesk")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-19")]),t._v(" "),a("td",[t._v("屏蔽GIC中好办管理相关入口")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-19")]),t._v(" "),a("td",[t._v("话务任务列表")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-19")]),t._v(" "),a("td",[t._v("gic中新增好办跳转")]),t._v(" "),a("td",[t._v("..")])])])]),t._v(" "),a("p",[t._v("原型链接：https://lanhuapp.com/url/UA597")]),t._v(" "),a("p",[t._v("PRD路径：好办2.0迭代需求文档\\8月迭代\\8月下旬迭代。（链接：https://www.jianguoyun.com/p/DQ2vn7UQj56yBxiGsuUB）")]),t._v(" "),a("h2",{attrs:{id:"九月上旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#九月上旬迭代"}},[t._v("#")]),t._v(" 九月上旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-6"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-6"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-08-27")]),t._v(" "),a("td",[t._v("Web端通讯录模块调整")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-27")]),t._v(" "),a("td",[t._v("Web端顶部菜单位置调整")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端我的顾客调整")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端设置子管理员优化")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端云日报调整")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端会员分组调整")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端企业应用调整")]),t._v(" "),a("td",[t._v("..")])])])]),t._v(" "),a("h2",{attrs:{id:"九月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#九月下旬迭代"}},[t._v("#")]),t._v(" 九月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-7"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-7"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-09-11")]),t._v(" "),a("td",[t._v("Web端电话功能配置")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-09-15")]),t._v(" "),a("td",[t._v("web端优化添加店员及审核中心等")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-09-15")]),t._v(" "),a("td",[t._v("web端短信提醒、模板消息、图文、商品、验证码有效期")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-09-15")]),t._v(" "),a("td",[t._v("web端聊天记录查看")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-09-15")]),t._v(" "),a("td",[t._v("web端专属导购菜单交互优化")]),t._v(" "),a("td",[t._v("..")])])])]),t._v(" "),a("h2",{attrs:{id:"_10月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_10月下旬迭代"}},[t._v("#")]),t._v(" 10月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-8"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-8"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-10-14")]),t._v(" "),a("td",[t._v("企业公告优化3.0")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("我的顾客优化-顾客衣橱、卡券记录")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("解散企业")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("优化-门店活动、企业应用、审核中心、话务任务、gic跳转好办")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("我的顾客-送券，当面领券、卡券发送记录、图文发送记录、商品发送记录")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("会员聊天语音")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("udesk人工客服")]),t._v(" "),a("td",[t._v("阿飞")])])])])])}),[],!1,null,null,null);v.default=s.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[19],{378:function(t,v,a){"use strict";a.r(v);var _=a(42),s=Object(_.a)({},(function(){var t=this,v=t.$createElement,a=t._self._c||v;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"好办-2-0"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#好办-2-0"}},[t._v("#")]),t._v(" 好办 2.0")]),t._v(" "),a("blockquote",[a("p",[t._v("下面是当时我做这个项目时整理的文档")])]),t._v(" "),a("h1",{attrs:{id:"好办后台整体使用说明"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#好办后台整体使用说明"}},[t._v("#")]),t._v(" 好办后台整体使用说明")]),t._v(" "),a("h2",{attrs:{id:"一、扫码登录"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#一、扫码登录"}},[t._v("#")]),t._v(" 一、扫码登录")]),t._v(" "),a("blockquote",[a("p",[t._v("前提条件：已经在好办 APP 上注册，并且设置了管理员")])]),t._v(" "),a("ul",[a("li",[t._v("1.1.1 登录整体流程")])]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 后台前端根据接口生成二维码（定时轮询查询是否扫码）\n |\n |-------------------判断是否超时，如果超时，就提示，可以刷新重新生成二维码\n |\n 登录好办 APP，扫描二维码 （APP 端会做一些判断）\n |\n | 确认登录\n |\n 后台前端根据接口返回的企业列表，选择登录的企业，登录\n |\n |-------------------如果超时，直接提示，重新生成二维码\n | 获取用户信息，保存本地\n |\n 登录后台首页\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br")])]),a("h2",{attrs:{id:"二、首页"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#二、首页"}},[t._v("#")]),t._v(" 二、首页")]),t._v(" "),a("ul",[a("li",[t._v("1.1.2 首页")])]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取企业基本信息，获取轮播，获取数据概览，获取快捷入口\n |\n |\n |\n 配置数据概览，配置快捷入口\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br")])]),a("h2",{attrs:{id:"三、审核中心"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#三、审核中心"}},[t._v("#")]),t._v(" 三、审核中心")]),t._v(" "),a("ul",[a("li",[t._v("1.1.3 审核中心")])]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取未审核，已审核数据\n |\n |\n |\n 未审核的数据可以同意/批量同意、拒绝\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br")])]),a("h2",{attrs:{id:"四、设置"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#四、设置"}},[t._v("#")]),t._v(" 四、设置")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("1.1.4 企业设置")]),t._v(" "),a("ul",[a("li",[t._v("1.1.4.1 企业地址"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 企业地址设置开关\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.4.2 企业认证"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 设置企业的详细信息（名称，所在地区，详细地址，营业执照注册号，证件类型，营业执照，手持证件照片，，授权书）\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])]),t._v(" "),a("li",[a("p",[t._v("1.1.5 通讯录信息")]),t._v(" "),a("ul",[a("li",[t._v("1.1.5.1 员工详情字段配置（根据 通讯录 中档案设置字段配置）"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 行政架构通讯录员工详情字段设置\n 门店架构通讯录员工详情字段\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.5.2 门店权限设置"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 设置各品牌下门店成员通讯录可见权限，设置门店信息变更是否需要审核\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])]),t._v(" "),a("li",[a("p",[t._v("1.1.6 更换超级管理员")])])]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 先验证超级管理员，再更换新的管理员\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("ul",[a("li",[t._v("1.1.7 设置子管理员\n"),a("ul",[a("li",[t._v("1.1.7.1 获取品牌中角色"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取角色列表\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.7.2 新增管理员角色"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 新增管理员角色（角色名称，角色说明，菜单权限，应用权限）\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.7.3 添加/编辑/删除成员（根据字段判断是否有权限）"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 新增/编辑/删除成员（管理员角色，成员名，选择管理范围（行政架构，门店架构））\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])])]),t._v(" "),a("h2",{attrs:{id:"五、通讯录"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#五、通讯录"}},[t._v("#")]),t._v(" 五、通讯录")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("1.1.8 企业通讯录")]),t._v(" "),a("ul",[a("li",[t._v("1.1.8.1 行政架构"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取行政架构列表，添加行政分组，添加分组，添加成员，批量导入导出员工信息，\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.8.2 门店架构"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取门店架构列表（门店视图和店员视图）， 增加品牌，添加分组，添加/编辑门店，批量导入导出门店信息\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])]),t._v(" "),a("li",[a("p",[t._v("1.1.9 员工档案")]),t._v(" "),a("ul",[a("li",[t._v("1.1.9.1 档案设置"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 档案字段设置 、试用期时间设置\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.9.2 在职员工"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取在职员工列表，导入员工档案，导出员工\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[t._v("1.1.9.3 离职员工"),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取离职员工列表，导出员工\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])])])]),t._v(" "),a("li",[a("p",[t._v("1.2.1 共享通讯录")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取共享通讯录列表，\n 一个二维码只能和一个企业建立共享关系，24小时有效\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])])])]),t._v(" "),a("h2",{attrs:{id:"六、企业应用"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#六、企业应用"}},[t._v("#")]),t._v(" 六、企业应用")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("1.2.2 企业应用")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取管理员角色中已经配置的应用数据，设置可见人群，设置开启/关闭应用\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("ul",[a("li",[a("p",[t._v("1.2.2.1 我的顾客")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 会员搜索设置 在线沟通设置 开关\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[a("p",[t._v("1.2.2.2 云日报")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取云日报记录列表，查看云日报记录详情，导出云日报记录\n 云日报系统报表配置，自定义报表设置，任务下发设置\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])])]),t._v(" "),a("li",[a("p",[t._v("1.2.2.3 企业公告")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取企业公告列表，新建公告\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("li",[a("p",[t._v("1.2.2.4 话务任务和不良评价（合并后）")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取（ 话务任务和不良评价）任务列表，查看任务详情（区分话务任务和不良评价），导出任务记录\n 话务任务设置\n 不良评价回访设置\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])])]),t._v(" "),a("li",[a("p",[t._v("1.2.2.5 指标管理")]),t._v(" "),a("div",{staticClass:"language- line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-text"}},[a("code",[t._v(" 获取月指标列表，查看门店月指标，导购月指标，商户日权重\n 获取 月指标任务列表，查看月指标任务详情，导出月指标任务\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])])])])])]),t._v(" "),a("h1",{attrs:{id:"安正需求"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#安正需求"}},[t._v("#")]),t._v(" 安正需求")]),t._v(" "),a("h2",{attrs:{id:"_1-好办1-0"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_1-好办1-0"}},[t._v("#")]),t._v(" 1. 好办1.0")]),t._v(" "),a("h3",{attrs:{id:"_1-1-签到"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_1-1-签到"}},[t._v("#")]),t._v(" 1.1 签到")]),t._v(" "),a("p",[t._v("需求说明：安正集团要求好办APP有签到功能，服务对象为导购人员。同时需要在后台导出签到数据。")]),t._v(" "),a("p",[t._v("原型链接：https://z2qxvy.axshare.com")]),t._v(" "),a("h2",{attrs:{id:"_6月中旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_6月中旬迭代"}},[t._v("#")]),t._v(" 6月中旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-06-04")]),t._v(" "),a("td",[t._v("企业公告优化")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-10")]),t._v(" "),a("td",[t._v("门店信息修改")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-10")]),t._v(" "),a("td",[t._v("GIC同步后添加成员")]),t._v(" "),a("td",[t._v("阿飞")])])])]),t._v(" "),a("h2",{attrs:{id:"_6月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_6月下旬迭代"}},[t._v("#")]),t._v(" 6月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-2"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("好办下载页面")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("管理员登录方式-手机号密码")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("扫码核销")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("新增海外手机号")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("门店活动")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-17")]),t._v(" "),a("td",[t._v("商品中心")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-06-19")]),t._v(" "),a("td",[t._v("扫码核销")]),t._v(" "),a("td",[t._v("阿飞")])])])]),t._v(" "),a("h2",{attrs:{id:"七月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#七月下旬迭代"}},[t._v("#")]),t._v(" 七月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-3"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-3"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[a("s",[t._v("工作台添加管理功能")])]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("新增转移成员")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("签到对除安正外隐掉")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("话务任务查询优化")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("创建企业入口优化")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("好办运维实施列表跳转")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-15")]),t._v(" "),a("td",[t._v("新增标签备注")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[a("s",[t._v("优化-pc账号登录")])]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[t._v("优化-pc好办余额隐掉")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[t._v("优化-通讯录、商品标题吸顶、权限提醒")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[t._v("企业公告优化-分类，已读未读列表下载")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-22")]),t._v(" "),a("td",[t._v("会员会话，附近的人会话")]),t._v(" "),a("td",[t._v("··")])])])]),t._v(" "),a("h2",{attrs:{id:"八月上旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#八月上旬迭代"}},[t._v("#")]),t._v(" 八月上旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-4"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-4"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-07-29")]),t._v(" "),a("td",[t._v("运维后台创建好办企业并关联")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-29")]),t._v(" "),a("td",[t._v("日报导出报表添加分组字段")]),t._v(" "),a("td",[t._v("··")])]),t._v(" "),a("tr",[a("td",[t._v("2019-07-29")]),t._v(" "),a("td",[t._v("话务任务反馈优化")]),t._v(" "),a("td",[t._v("··")])])])]),t._v(" "),a("h2",{attrs:{id:"八月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#八月下旬迭代"}},[t._v("#")]),t._v(" 八月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-5"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-5"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-08-14")]),t._v(" "),a("td",[t._v("员工档案")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-14")]),t._v(" "),a("td",[t._v("员工接收转岗消息")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-15")]),t._v(" "),a("td",[t._v("关于好办")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-15")]),t._v(" "),a("td",[t._v("优化弹窗提醒页面")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-19")]),t._v(" "),a("td",[t._v("帮助中心跳转udesk")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-19")]),t._v(" "),a("td",[t._v("屏蔽GIC中好办管理相关入口")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-19")]),t._v(" "),a("td",[t._v("话务任务列表")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-19")]),t._v(" "),a("td",[t._v("gic中新增好办跳转")]),t._v(" "),a("td",[t._v("..")])])])]),t._v(" "),a("p",[t._v("原型链接：https://lanhuapp.com/url/UA597")]),t._v(" "),a("p",[t._v("PRD路径：好办2.0迭代需求文档\\8月迭代\\8月下旬迭代。（链接：https://www.jianguoyun.com/p/DQ2vn7UQj56yBxiGsuUB）")]),t._v(" "),a("h2",{attrs:{id:"九月上旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#九月上旬迭代"}},[t._v("#")]),t._v(" 九月上旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-6"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-6"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-08-27")]),t._v(" "),a("td",[t._v("Web端通讯录模块调整")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-27")]),t._v(" "),a("td",[t._v("Web端顶部菜单位置调整")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端我的顾客调整")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端设置子管理员优化")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端云日报调整")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端会员分组调整")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-08-28")]),t._v(" "),a("td",[t._v("Web端企业应用调整")]),t._v(" "),a("td",[t._v("..")])])])]),t._v(" "),a("h2",{attrs:{id:"九月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#九月下旬迭代"}},[t._v("#")]),t._v(" 九月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-7"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-7"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-09-11")]),t._v(" "),a("td",[t._v("Web端电话功能配置")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-09-15")]),t._v(" "),a("td",[t._v("web端优化添加店员及审核中心等")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-09-15")]),t._v(" "),a("td",[t._v("web端短信提醒、模板消息、图文、商品、验证码有效期")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-09-15")]),t._v(" "),a("td",[t._v("web端聊天记录查看")]),t._v(" "),a("td",[t._v("..")])]),t._v(" "),a("tr",[a("td",[t._v("2019-09-15")]),t._v(" "),a("td",[t._v("web端专属导购菜单交互优化")]),t._v(" "),a("td",[t._v("..")])])])]),t._v(" "),a("h2",{attrs:{id:"_10月下旬迭代"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_10月下旬迭代"}},[t._v("#")]),t._v(" 10月下旬迭代")]),t._v(" "),a("h3",{attrs:{id:"日志信息-8"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-8"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("时间")]),t._v(" "),a("th",[t._v("内容")]),t._v(" "),a("th",[t._v("填写人")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("2019-10-14")]),t._v(" "),a("td",[t._v("企业公告优化3.0")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("我的顾客优化-顾客衣橱、卡券记录")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("解散企业")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("优化-门店活动、企业应用、审核中心、话务任务、gic跳转好办")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("我的顾客-送券，当面领券、卡券发送记录、图文发送记录、商品发送记录")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("会员聊天语音")]),t._v(" "),a("td",[t._v("阿飞")])]),t._v(" "),a("tr",[a("td",[t._v("2019-10-15")]),t._v(" "),a("td",[t._v("udesk人工客服")]),t._v(" "),a("td",[t._v("阿飞")])])])])])}),[],!1,null,null,null);v.default=s.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/18.52626648.js → dist/assets/js/20.6a6f463d.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{376:function(v,_,t){"use strict";t.r(_);var a=t(42),r=Object(a.a)({},(function(){var v=this,_=v.$createElement,t=v._self._c||_;return t("ContentSlotsDistributor",{attrs:{"slot-key":v.$parent.slotKey}},[t("h1",{attrs:{id:"好办-3-0"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办-3-0"}},[v._v("#")]),v._v(" 好办 3.0")]),v._v(" "),t("blockquote",[t("p",[v._v("3.0项目内容较多，大概经历了八九次迭代")])]),v._v(" "),t("h2",{attrs:{id:"好办3-0与好办2-0的比较"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0与好办2-0的比较"}},[v._v("#")]),v._v(" 好办3.0与好办2.0的比较")]),v._v(" "),t("blockquote",[t("p",[v._v("截止迭代二上线内容描述")])]),v._v(" "),t("p",[v._v("主要做了同步商户组织，登录授权流程，以及我的顾客、话务任务等五个应用。其余应用及权限相关内容等后续相关迭代更新")]),v._v(" "),t("h3",{attrs:{id:"同步逻辑"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#同步逻辑"}},[v._v("#")]),v._v(" 同步逻辑")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("商户注册企业微信→登录好办管理后台通讯录同步助手→完成商户授权→同步组织架构→导购code与企业微信成员绑定→登录好办小程序使用业务功能")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("商户注册好办APP（实施在运维后台）创建好办企业及品牌→手动关联GIC企业（同步组织架构）→数据迁移→企业成员登录好办并使用")]),v._v(" "),t("h3",{attrs:{id:"移动端"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#移动端"}},[v._v("#")]),v._v(" 移动端")]),v._v(" "),t("h4",{attrs:{id:"登录逻辑"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#登录逻辑"}},[v._v("#")]),v._v(" 登录逻辑")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("企微成员绑定导购code→登录好办小程序→使用相关业务")]),v._v(" "),t("p",[v._v("未绑定导购code→无业务数据，不能使用功能")]),v._v(" "),t("p",[v._v("管理员→无业务数据，不能使用功能")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("注册好办APP并关联GIC商户后→企业成员登录好办APP→使用相关业务")]),v._v(" "),t("p",[v._v("管理员→无业务数据，可见功能不可使用功能")]),v._v(" "),t("h4",{attrs:{id:"首页内容"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#首页内容"}},[v._v("#")]),v._v(" 首页内容")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("门店销售数据及工作台应用")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("聊天及通知列表")]),v._v(" "),t("h4",{attrs:{id:"应用内容"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#应用内容"}},[v._v("#")]),v._v(" 应用内容")]),v._v(" "),t("h5",{attrs:{id:"我的顾客"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#我的顾客"}},[v._v("#")]),v._v(" 我的顾客")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("搜索+筛选+顾客列表+顾客详情（无卡券记录及话务记录，后续迭代加入）")]),v._v(" "),t("p",[v._v("添加会员及在线沟通逻辑：")]),v._v(" "),t("p",[v._v("微信公众号发送导购二维码，添加后，通过企业微信添加客户好友后进行联系。加好友后随时可联系，无微信48小时限制。员工离职后，企微微信已添加客户可转移给企微中其他成员，其他成员添加该会员后成为好友")]),v._v(" "),t("p",[v._v("2.0：")]),v._v(" "),t("p",[v._v("搜索+筛选+顾客列表+顾客详情+添加会员的导购二维码")]),v._v(" "),t("p",[v._v("添加会员及在线沟通逻辑：")]),v._v(" "),t("p",[v._v("微信公众号添加主导购，添加后，通过好办APP与客户进行联系，有微信48小时限制。")]),v._v(" "),t("h5",{attrs:{id:"指标管理"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#指标管理"}},[v._v("#")]),v._v(" 指标管理")]),v._v(" "),t("p",[v._v("3.0同2.0")]),v._v(" "),t("h5",{attrs:{id:"云日报"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#云日报"}},[v._v("#")]),v._v(" 云日报")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("日报筛选+日报列表+代报，分享到微信端为链接形式，分享至企业微信（后续迭代加入）")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("日报筛选+日报列表+代报，分享到微信端为图片形式")]),v._v(" "),t("h5",{attrs:{id:"话务任务"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#话务任务"}},[v._v("#")]),v._v(" 话务任务")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("任务列表+任务列表+任务筛选+任务详情(同好办2.0)")]),v._v(" "),t("p",[v._v("触发逻辑：GIC触发话务任务→好办下发执行（同好办2.0）")]),v._v(" "),t("p",[v._v("完成任务方式：")]),v._v(" "),t("ul",[t("li",[v._v("普通电话：导购自己手机号拨打完成任务，计费由通话时长计算，无法查看通话录音及是否拨通**（"),t("u",[v._v("好办3.0新增")]),v._v("）**")]),v._v(" "),t("li",[v._v("双向透传：使用腾讯云透传拨打完成任务，计费由GIC计费中心计算，可以查看通话录音及是否拨通")])]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("任务列表+任务列表+任务筛选+任务详情（同好办3.0）")]),v._v(" "),t("p",[v._v("触发逻辑：GIC触发话务任务→好办下发执行（同好办3.0）")]),v._v(" "),t("p",[v._v("完成任务方式：")]),v._v(" "),t("ul",[t("li",[v._v("双向透传：使用腾讯云透传拨打完成任务，计费由GIC计费中心计算，可以查看通话录音及是否拨通")])]),v._v(" "),t("h5",{attrs:{id:"商品中心"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#商品中心"}},[v._v("#")]),v._v(" 商品中心")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("商品列表+商品搜索+商品详情（销售数据、销售攻略、商品属性）")]),v._v(" "),t("h3",{attrs:{id:"管理后台"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#管理后台"}},[v._v("#")]),v._v(" 管理后台")]),v._v(" "),t("h4",{attrs:{id:"登录逻辑-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#登录逻辑-2"}},[v._v("#")]),v._v(" 登录逻辑")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("管理员用企业微信/微信扫码登录")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("管理员用好办APP扫码登录/手机号登录")]),v._v(" "),t("h4",{attrs:{id:"应用内容-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#应用内容-2"}},[v._v("#")]),v._v(" 应用内容")]),v._v(" "),t("h5",{attrs:{id:"我的顾客-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#我的顾客-2"}},[v._v("#")]),v._v(" 我的顾客")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("会员展示筛选及分组筛选，"),t("strong",[v._v("无卡券赠送模块（后续迭代添加）")])]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("会员展示筛选及分组筛选，在线沟通设置、卡券赠送模块等")]),v._v(" "),t("h5",{attrs:{id:"指标管理-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#指标管理-2"}},[v._v("#")]),v._v(" 指标管理")]),v._v(" "),t("p",[v._v("3.0同好办2.0，月指标及月指标任务基本无改动")]),v._v(" "),t("h5",{attrs:{id:"云日报-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#云日报-2"}},[v._v("#")]),v._v(" 云日报")]),v._v(" "),t("p",[v._v("3.0同好办2.0，3.0查看云日报详情由企业微信扫码查看。"),t("strong",[v._v("新增解绑导购code释放任务逻辑（后续迭代添加）")]),v._v("。其他内容无变化")]),v._v(" "),t("h5",{attrs:{id:"话务任务-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#话务任务-2"}},[v._v("#")]),v._v(" 话务任务")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("可选择任务完成方式。"),t("strong",[v._v("新增解绑导购code释放任务逻辑（后续迭代添加）")]),v._v("。其他内容无变化。")]),v._v(" "),t("ul",[t("li",[v._v("普通电话")]),v._v(" "),t("li",[v._v("双向透传")])]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("任务完成方式默认透传。其他内容无变化")]),v._v(" "),t("h3",{attrs:{id:"运维后台"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#运维后台"}},[v._v("#")]),v._v(" 运维后台")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("企业列表+登录，"),t("strong",[v._v("无创建企业及关联商户")])]),v._v(" "),t("p",[v._v("菜单管理（后续迭代添加）")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("企业列表+登录+创建企业+关联商户")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代1"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代1"}},[v._v("#")]),v._v(" 好办3.0（迭代1）")]),v._v(" "),t("h3",{attrs:{id:"日志信息"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2019-02-04")]),v._v(" "),t("td",[v._v("我的顾客")]),v._v(" "),t("td",[v._v("阿飞")])]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/H3gdE-ELMyO")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代1）。（链接：https://www.jianguoyun.com/p/DUp0Gx8Qj56yBxiEo9MC）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代2"}},[v._v("#")]),v._v(" 好办3.0（迭代2）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-2"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-02-04")]),v._v(" "),t("td",[v._v("我的顾客")]),v._v(" "),t("td",[v._v("阿飞")])]),v._v(" "),t("tr",[t("td",[v._v("2020-02-10")]),v._v(" "),t("td",[v._v("话务任务")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-02-10")]),v._v(" "),t("td",[v._v("指标管理")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-02-10")]),v._v(" "),t("td",[v._v("云日报")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-02-10")]),v._v(" "),t("td",[v._v("商品中心")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/GKaDe-NPq0b")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代2）。（链接：https://www.jianguoyun.com/p/DRrWOUQQj56yBxjcl90C）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代3"}},[v._v("#")]),v._v(" 好办3.0（迭代3）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-3"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("观云台")]),v._v(" "),t("td",[v._v("阿飞")])]),v._v(" "),t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("门店信息修改")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("审核中心")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("企业设置")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("运维后台-授权详情及业务字典")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/8nImd")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代3）。（https://www.jianguoyun.com/p/DVsrX8IQj56yBxj7vPEC）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代4"}},[v._v("#")]),v._v(" 好办3.0（迭代4）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-4"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/QciyJ-u1yOL")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代4）。（https://www.jianguoyun.com/p/DanOaBIQj56yBxj8wosD）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代5"}},[v._v("#")]),v._v(" 好办3.0（迭代5）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-5"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("门店信息修改")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("订单评价")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("卡券赠送")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("通讯录优化")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-12")]),v._v(" "),t("td",[v._v("会话任务")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-12")]),v._v(" "),t("td",[v._v("卡券赠送设置")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-12")]),v._v(" "),t("td",[v._v("帮助中心设置")]),v._v(" "),t("td",[v._v("--")])])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/zCFRA-ia7IX")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代5）。（https://www.jianguoyun.com/p/DT9ijysQj56yBxiOnJQD）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-乔丹内购券"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-乔丹内购券"}},[v._v("#")]),v._v(" 好办3.0（乔丹内购券）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-6"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("内购券")]),v._v(" "),t("td",[v._v("阿飞")])])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/Nyjr3-dVbpG")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（乔丹内购券）。（https://www.jianguoyun.com/p/DfBltQsQj56yBxjayJAD）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代7"}},[v._v("#")]),v._v(" 好办3.0（迭代7）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-7"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-05-24")]),v._v(" "),t("td",[v._v("管理后台-通讯录")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-05-24")]),v._v(" "),t("td",[v._v("管理后台-我的顾客冻结会员")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-05-24")]),v._v(" "),t("td",[v._v("管理后台-企业设置")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-05-24")]),v._v(" "),t("td",[v._v("应用权限模板")]),v._v(" "),t("td",[v._v("--")])])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/dGbFg-iP4X2")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代7）。（https://www.jianguoyun.com/p/DQbrRUgQj56yBxiTrJwD）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代8"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代8"}},[v._v("#")]),v._v(" 好办3.0（迭代8）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-8"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-8"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-通讯录")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-会员分组展示")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-商品中心")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-会员分配")]),v._v(" "),t("td",[v._v("--")])])])]),v._v(" "),t("p",[v._v("原型/UI链接：https://lanhuapp.com/url/VqwsJ-ofgLI")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代8）。（https://www.jianguoyun.com/p/DQZ4JwwQj56yBxilk6ID）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代9"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代9"}},[v._v("#")]),v._v(" 好办3.0（迭代9）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-9"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-9"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-通讯录")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-会员分组展示")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-商品中心")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-会员分配")]),v._v(" "),t("td",[v._v("--")])])])]),v._v(" "),t("p",[v._v("原型/UI链接：https://lanhuapp.com/url/VqwsJ-ofgLI")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代8）。（https://www.jianguoyun.com/p/DQZ4JwwQj56yBxilk6ID）")])])}),[],!1,null,null,null);_.default=r.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[20],{377:function(v,_,t){"use strict";t.r(_);var a=t(42),r=Object(a.a)({},(function(){var v=this,_=v.$createElement,t=v._self._c||_;return t("ContentSlotsDistributor",{attrs:{"slot-key":v.$parent.slotKey}},[t("h1",{attrs:{id:"好办-3-0"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办-3-0"}},[v._v("#")]),v._v(" 好办 3.0")]),v._v(" "),t("blockquote",[t("p",[v._v("3.0项目内容较多，大概经历了八九次迭代")])]),v._v(" "),t("h2",{attrs:{id:"好办3-0与好办2-0的比较"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0与好办2-0的比较"}},[v._v("#")]),v._v(" 好办3.0与好办2.0的比较")]),v._v(" "),t("blockquote",[t("p",[v._v("截止迭代二上线内容描述")])]),v._v(" "),t("p",[v._v("主要做了同步商户组织，登录授权流程，以及我的顾客、话务任务等五个应用。其余应用及权限相关内容等后续相关迭代更新")]),v._v(" "),t("h3",{attrs:{id:"同步逻辑"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#同步逻辑"}},[v._v("#")]),v._v(" 同步逻辑")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("商户注册企业微信→登录好办管理后台通讯录同步助手→完成商户授权→同步组织架构→导购code与企业微信成员绑定→登录好办小程序使用业务功能")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("商户注册好办APP（实施在运维后台）创建好办企业及品牌→手动关联GIC企业（同步组织架构）→数据迁移→企业成员登录好办并使用")]),v._v(" "),t("h3",{attrs:{id:"移动端"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#移动端"}},[v._v("#")]),v._v(" 移动端")]),v._v(" "),t("h4",{attrs:{id:"登录逻辑"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#登录逻辑"}},[v._v("#")]),v._v(" 登录逻辑")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("企微成员绑定导购code→登录好办小程序→使用相关业务")]),v._v(" "),t("p",[v._v("未绑定导购code→无业务数据，不能使用功能")]),v._v(" "),t("p",[v._v("管理员→无业务数据，不能使用功能")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("注册好办APP并关联GIC商户后→企业成员登录好办APP→使用相关业务")]),v._v(" "),t("p",[v._v("管理员→无业务数据，可见功能不可使用功能")]),v._v(" "),t("h4",{attrs:{id:"首页内容"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#首页内容"}},[v._v("#")]),v._v(" 首页内容")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("门店销售数据及工作台应用")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("聊天及通知列表")]),v._v(" "),t("h4",{attrs:{id:"应用内容"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#应用内容"}},[v._v("#")]),v._v(" 应用内容")]),v._v(" "),t("h5",{attrs:{id:"我的顾客"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#我的顾客"}},[v._v("#")]),v._v(" 我的顾客")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("搜索+筛选+顾客列表+顾客详情（无卡券记录及话务记录，后续迭代加入）")]),v._v(" "),t("p",[v._v("添加会员及在线沟通逻辑：")]),v._v(" "),t("p",[v._v("微信公众号发送导购二维码，添加后，通过企业微信添加客户好友后进行联系。加好友后随时可联系，无微信48小时限制。员工离职后，企微微信已添加客户可转移给企微中其他成员，其他成员添加该会员后成为好友")]),v._v(" "),t("p",[v._v("2.0：")]),v._v(" "),t("p",[v._v("搜索+筛选+顾客列表+顾客详情+添加会员的导购二维码")]),v._v(" "),t("p",[v._v("添加会员及在线沟通逻辑：")]),v._v(" "),t("p",[v._v("微信公众号添加主导购，添加后，通过好办APP与客户进行联系，有微信48小时限制。")]),v._v(" "),t("h5",{attrs:{id:"指标管理"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#指标管理"}},[v._v("#")]),v._v(" 指标管理")]),v._v(" "),t("p",[v._v("3.0同2.0")]),v._v(" "),t("h5",{attrs:{id:"云日报"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#云日报"}},[v._v("#")]),v._v(" 云日报")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("日报筛选+日报列表+代报，分享到微信端为链接形式，分享至企业微信（后续迭代加入）")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("日报筛选+日报列表+代报，分享到微信端为图片形式")]),v._v(" "),t("h5",{attrs:{id:"话务任务"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#话务任务"}},[v._v("#")]),v._v(" 话务任务")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("任务列表+任务列表+任务筛选+任务详情(同好办2.0)")]),v._v(" "),t("p",[v._v("触发逻辑：GIC触发话务任务→好办下发执行（同好办2.0）")]),v._v(" "),t("p",[v._v("完成任务方式：")]),v._v(" "),t("ul",[t("li",[v._v("普通电话：导购自己手机号拨打完成任务，计费由通话时长计算，无法查看通话录音及是否拨通**（"),t("u",[v._v("好办3.0新增")]),v._v("）**")]),v._v(" "),t("li",[v._v("双向透传：使用腾讯云透传拨打完成任务，计费由GIC计费中心计算，可以查看通话录音及是否拨通")])]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("任务列表+任务列表+任务筛选+任务详情（同好办3.0）")]),v._v(" "),t("p",[v._v("触发逻辑：GIC触发话务任务→好办下发执行（同好办3.0）")]),v._v(" "),t("p",[v._v("完成任务方式：")]),v._v(" "),t("ul",[t("li",[v._v("双向透传：使用腾讯云透传拨打完成任务，计费由GIC计费中心计算，可以查看通话录音及是否拨通")])]),v._v(" "),t("h5",{attrs:{id:"商品中心"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#商品中心"}},[v._v("#")]),v._v(" 商品中心")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("商品列表+商品搜索+商品详情（销售数据、销售攻略、商品属性）")]),v._v(" "),t("h3",{attrs:{id:"管理后台"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#管理后台"}},[v._v("#")]),v._v(" 管理后台")]),v._v(" "),t("h4",{attrs:{id:"登录逻辑-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#登录逻辑-2"}},[v._v("#")]),v._v(" 登录逻辑")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("管理员用企业微信/微信扫码登录")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("管理员用好办APP扫码登录/手机号登录")]),v._v(" "),t("h4",{attrs:{id:"应用内容-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#应用内容-2"}},[v._v("#")]),v._v(" 应用内容")]),v._v(" "),t("h5",{attrs:{id:"我的顾客-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#我的顾客-2"}},[v._v("#")]),v._v(" 我的顾客")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("会员展示筛选及分组筛选，"),t("strong",[v._v("无卡券赠送模块（后续迭代添加）")])]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("会员展示筛选及分组筛选，在线沟通设置、卡券赠送模块等")]),v._v(" "),t("h5",{attrs:{id:"指标管理-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#指标管理-2"}},[v._v("#")]),v._v(" 指标管理")]),v._v(" "),t("p",[v._v("3.0同好办2.0，月指标及月指标任务基本无改动")]),v._v(" "),t("h5",{attrs:{id:"云日报-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#云日报-2"}},[v._v("#")]),v._v(" 云日报")]),v._v(" "),t("p",[v._v("3.0同好办2.0，3.0查看云日报详情由企业微信扫码查看。"),t("strong",[v._v("新增解绑导购code释放任务逻辑（后续迭代添加）")]),v._v("。其他内容无变化")]),v._v(" "),t("h5",{attrs:{id:"话务任务-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#话务任务-2"}},[v._v("#")]),v._v(" 话务任务")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("可选择任务完成方式。"),t("strong",[v._v("新增解绑导购code释放任务逻辑（后续迭代添加）")]),v._v("。其他内容无变化。")]),v._v(" "),t("ul",[t("li",[v._v("普通电话")]),v._v(" "),t("li",[v._v("双向透传")])]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("任务完成方式默认透传。其他内容无变化")]),v._v(" "),t("h3",{attrs:{id:"运维后台"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#运维后台"}},[v._v("#")]),v._v(" 运维后台")]),v._v(" "),t("p",[v._v("3.0")]),v._v(" "),t("p",[v._v("企业列表+登录，"),t("strong",[v._v("无创建企业及关联商户")])]),v._v(" "),t("p",[v._v("菜单管理（后续迭代添加）")]),v._v(" "),t("p",[v._v("2.0")]),v._v(" "),t("p",[v._v("企业列表+登录+创建企业+关联商户")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代1"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代1"}},[v._v("#")]),v._v(" 好办3.0（迭代1）")]),v._v(" "),t("h3",{attrs:{id:"日志信息"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2019-02-04")]),v._v(" "),t("td",[v._v("我的顾客")]),v._v(" "),t("td",[v._v("阿飞")])]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/H3gdE-ELMyO")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代1）。（链接：https://www.jianguoyun.com/p/DUp0Gx8Qj56yBxiEo9MC）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代2"}},[v._v("#")]),v._v(" 好办3.0（迭代2）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-2"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-02-04")]),v._v(" "),t("td",[v._v("我的顾客")]),v._v(" "),t("td",[v._v("阿飞")])]),v._v(" "),t("tr",[t("td",[v._v("2020-02-10")]),v._v(" "),t("td",[v._v("话务任务")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-02-10")]),v._v(" "),t("td",[v._v("指标管理")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-02-10")]),v._v(" "),t("td",[v._v("云日报")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-02-10")]),v._v(" "),t("td",[v._v("商品中心")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/GKaDe-NPq0b")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代2）。（链接：https://www.jianguoyun.com/p/DRrWOUQQj56yBxjcl90C）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代3"}},[v._v("#")]),v._v(" 好办3.0（迭代3）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-3"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("观云台")]),v._v(" "),t("td",[v._v("阿飞")])]),v._v(" "),t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("门店信息修改")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("审核中心")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("企业设置")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-03-11")]),v._v(" "),t("td",[v._v("运维后台-授权详情及业务字典")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td"),v._v(" "),t("td"),v._v(" "),t("td")])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/8nImd")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代3）。（https://www.jianguoyun.com/p/DVsrX8IQj56yBxj7vPEC）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代4"}},[v._v("#")]),v._v(" 好办3.0（迭代4）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-4"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/QciyJ-u1yOL")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代4）。（https://www.jianguoyun.com/p/DanOaBIQj56yBxj8wosD）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代5"}},[v._v("#")]),v._v(" 好办3.0（迭代5）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-5"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("门店信息修改")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("订单评价")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("卡券赠送")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("通讯录优化")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-12")]),v._v(" "),t("td",[v._v("会话任务")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-12")]),v._v(" "),t("td",[v._v("卡券赠送设置")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-04-12")]),v._v(" "),t("td",[v._v("帮助中心设置")]),v._v(" "),t("td",[v._v("--")])])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/zCFRA-ia7IX")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代5）。（https://www.jianguoyun.com/p/DT9ijysQj56yBxiOnJQD）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-乔丹内购券"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-乔丹内购券"}},[v._v("#")]),v._v(" 好办3.0（乔丹内购券）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-6"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-04-07")]),v._v(" "),t("td",[v._v("内购券")]),v._v(" "),t("td",[v._v("阿飞")])])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/Nyjr3-dVbpG")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（乔丹内购券）。（https://www.jianguoyun.com/p/DfBltQsQj56yBxjayJAD）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代7"}},[v._v("#")]),v._v(" 好办3.0（迭代7）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-7"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-05-24")]),v._v(" "),t("td",[v._v("管理后台-通讯录")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-05-24")]),v._v(" "),t("td",[v._v("管理后台-我的顾客冻结会员")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-05-24")]),v._v(" "),t("td",[v._v("管理后台-企业设置")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-05-24")]),v._v(" "),t("td",[v._v("应用权限模板")]),v._v(" "),t("td",[v._v("--")])])])]),v._v(" "),t("p",[v._v("原型链接：https://lanhuapp.com/url/dGbFg-iP4X2")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代7）。（https://www.jianguoyun.com/p/DQbrRUgQj56yBxiTrJwD）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代8"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代8"}},[v._v("#")]),v._v(" 好办3.0（迭代8）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-8"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-8"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-通讯录")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-会员分组展示")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-商品中心")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-会员分配")]),v._v(" "),t("td",[v._v("--")])])])]),v._v(" "),t("p",[v._v("原型/UI链接：https://lanhuapp.com/url/VqwsJ-ofgLI")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代8）。（https://www.jianguoyun.com/p/DQZ4JwwQj56yBxilk6ID）")]),v._v(" "),t("h2",{attrs:{id:"好办3-0-迭代9"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#好办3-0-迭代9"}},[v._v("#")]),v._v(" 好办3.0（迭代9）")]),v._v(" "),t("h3",{attrs:{id:"日志信息-9"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-9"}},[v._v("#")]),v._v(" 日志信息")]),v._v(" "),t("table",[t("thead",[t("tr",[t("th",[v._v("时间")]),v._v(" "),t("th",[v._v("内容")]),v._v(" "),t("th",[v._v("填写人")])])]),v._v(" "),t("tbody",[t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-通讯录")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-会员分组展示")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-商品中心")]),v._v(" "),t("td",[v._v("--")])]),v._v(" "),t("tr",[t("td",[v._v("2020-06-12")]),v._v(" "),t("td",[v._v("管理后台-会员分配")]),v._v(" "),t("td",[v._v("--")])])])]),v._v(" "),t("p",[v._v("原型/UI链接：https://lanhuapp.com/url/VqwsJ-ofgLI")]),v._v(" "),t("p",[v._v("PRD路径：移动组/PRD/好办3.0/好办3.0（迭代8）。（https://www.jianguoyun.com/p/DQZ4JwwQj56yBxilk6ID）")])])}),[],!1,null,null,null);_.default=r.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/19.c2176fb3.js → dist/assets/js/21.79abf7b9.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{372:function(t,v,_){"use strict";_.r(v);var a=_(42),r=Object(a.a)({},(function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[_("h1",{attrs:{id:"好办-4-0"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办-4-0"}},[t._v("#")]),t._v(" 好办 4.0")]),t._v(" "),_("blockquote",[_("p",[t._v("目前是做了两个应用，通讯录，审核和一些配置相关，具体参考项目中前端概要设计，目前经过四五次迭代")])]),t._v(" "),_("h2",{attrs:{id:"好办4-0-迭代1"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办4-0-迭代1"}},[t._v("#")]),t._v(" 好办4.0（迭代1）")]),t._v(" "),_("h3",{attrs:{id:"日志信息"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-07-07")]),t._v(" "),_("td",[t._v("管理后台-通讯录")]),t._v(" "),_("td",[t._v("阿飞")])]),t._v(" "),_("tr",[_("td",[t._v("2020-07-12")]),t._v(" "),_("td",[t._v("管理后台-企业信息")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-07-12")]),t._v(" "),_("td",[t._v("管理后台-审核中心（待审核、已审核）")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-07-12")]),t._v(" "),_("td",[t._v("运维后台-企业管理列表及详情")]),t._v(" "),_("td",[t._v("--")])])])]),t._v(" "),_("h2",{attrs:{id:"好办4-0-迭代2"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办4-0-迭代2"}},[t._v("#")]),t._v(" 好办4.0（迭代2）")]),t._v(" "),_("h3",{attrs:{id:"日志信息-2"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-2"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("管理后台-工作台应用")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("管理后台-通讯录授权优化")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("管理后台-审核中心、审批控制")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("管理后台-门店导购范围")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("运维后台-业务字典")]),t._v(" "),_("td",[t._v("--")])])])]),t._v(" "),_("h2",{attrs:{id:"好办4-0-迭代3"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办4-0-迭代3"}},[t._v("#")]),t._v(" 好办4.0（迭代3）")]),t._v(" "),_("h3",{attrs:{id:"日志信息-3"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-3"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-09-25")]),t._v(" "),_("td",[t._v("管理后台-应用授权及应用管理、账号授权")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-09-25")]),t._v(" "),_("td",[t._v("运维后台-权限适用新增超管")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-09-25")]),t._v(" "),_("td",[t._v("运维后台-应用分组及授权记录")]),t._v(" "),_("td",[t._v("--")])])])]),t._v(" "),_("h2",{attrs:{id:"好办4-0-迭代4"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办4-0-迭代4"}},[t._v("#")]),t._v(" 好办4.0（迭代4）")]),t._v(" "),_("h3",{attrs:{id:"日志信息-4"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-4"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-11-09")]),t._v(" "),_("td",[t._v("管理后台-优化")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-11-09")]),t._v(" "),_("td",[t._v("管理后台-指标管理")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-11-09")]),t._v(" "),_("td",[t._v("运维后台-SQL")]),t._v(" "),_("td",[t._v("--")])])])]),t._v(" "),_("h2",{attrs:{id:"好办-迭代5"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办-迭代5"}},[t._v("#")]),t._v(" 好办（迭代5）")]),t._v(" "),_("h3",{attrs:{id:"日志信息-5"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-5"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-12-25")]),t._v(" "),_("td",[t._v("好办2.0及3.0卡券调整")]),t._v(" "),_("td",[t._v("阿飞")])]),t._v(" "),_("tr",[_("td"),t._v(" "),_("td"),t._v(" "),_("td")])])]),t._v(" "),_("p",[t._v("原型/UI链接：https://lanhuapp.com/url/VqwsJ-ofgLI")]),t._v(" "),_("p",[t._v("PRD路径：移动组/好办4.0项目/阿飞/PRD/好办4.0（迭代5）。（https://www.jianguoyun.com/p/DR--3CcQj56yBxi3hNUD ）")])])}),[],!1,null,null,null);v.default=r.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[21],{374:function(t,v,_){"use strict";_.r(v);var a=_(42),r=Object(a.a)({},(function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[_("h1",{attrs:{id:"好办-4-0"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办-4-0"}},[t._v("#")]),t._v(" 好办 4.0")]),t._v(" "),_("blockquote",[_("p",[t._v("目前是做了两个应用，通讯录，审核和一些配置相关，具体参考项目中前端概要设计，目前经过四五次迭代")])]),t._v(" "),_("h2",{attrs:{id:"好办4-0-迭代1"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办4-0-迭代1"}},[t._v("#")]),t._v(" 好办4.0（迭代1）")]),t._v(" "),_("h3",{attrs:{id:"日志信息"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-07-07")]),t._v(" "),_("td",[t._v("管理后台-通讯录")]),t._v(" "),_("td",[t._v("阿飞")])]),t._v(" "),_("tr",[_("td",[t._v("2020-07-12")]),t._v(" "),_("td",[t._v("管理后台-企业信息")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-07-12")]),t._v(" "),_("td",[t._v("管理后台-审核中心（待审核、已审核）")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-07-12")]),t._v(" "),_("td",[t._v("运维后台-企业管理列表及详情")]),t._v(" "),_("td",[t._v("--")])])])]),t._v(" "),_("h2",{attrs:{id:"好办4-0-迭代2"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办4-0-迭代2"}},[t._v("#")]),t._v(" 好办4.0（迭代2）")]),t._v(" "),_("h3",{attrs:{id:"日志信息-2"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-2"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("管理后台-工作台应用")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("管理后台-通讯录授权优化")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("管理后台-审核中心、审批控制")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("管理后台-门店导购范围")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-08-31")]),t._v(" "),_("td",[t._v("运维后台-业务字典")]),t._v(" "),_("td",[t._v("--")])])])]),t._v(" "),_("h2",{attrs:{id:"好办4-0-迭代3"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办4-0-迭代3"}},[t._v("#")]),t._v(" 好办4.0（迭代3）")]),t._v(" "),_("h3",{attrs:{id:"日志信息-3"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-3"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-09-25")]),t._v(" "),_("td",[t._v("管理后台-应用授权及应用管理、账号授权")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-09-25")]),t._v(" "),_("td",[t._v("运维后台-权限适用新增超管")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-09-25")]),t._v(" "),_("td",[t._v("运维后台-应用分组及授权记录")]),t._v(" "),_("td",[t._v("--")])])])]),t._v(" "),_("h2",{attrs:{id:"好办4-0-迭代4"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办4-0-迭代4"}},[t._v("#")]),t._v(" 好办4.0（迭代4）")]),t._v(" "),_("h3",{attrs:{id:"日志信息-4"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-4"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-11-09")]),t._v(" "),_("td",[t._v("管理后台-优化")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-11-09")]),t._v(" "),_("td",[t._v("管理后台-指标管理")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("2020-11-09")]),t._v(" "),_("td",[t._v("运维后台-SQL")]),t._v(" "),_("td",[t._v("--")])])])]),t._v(" "),_("h2",{attrs:{id:"好办-迭代5"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#好办-迭代5"}},[t._v("#")]),t._v(" 好办（迭代5）")]),t._v(" "),_("h3",{attrs:{id:"日志信息-5"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#日志信息-5"}},[t._v("#")]),t._v(" 日志信息")]),t._v(" "),_("table",[_("thead",[_("tr",[_("th",[t._v("时间")]),t._v(" "),_("th",[t._v("内容")]),t._v(" "),_("th",[t._v("填写人")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("2020-12-25")]),t._v(" "),_("td",[t._v("好办2.0及3.0卡券调整")]),t._v(" "),_("td",[t._v("阿飞")])]),t._v(" "),_("tr",[_("td"),t._v(" "),_("td"),t._v(" "),_("td")])])]),t._v(" "),_("p",[t._v("原型/UI链接：https://lanhuapp.com/url/VqwsJ-ofgLI")]),t._v(" "),_("p",[t._v("PRD路径：移动组/好办4.0项目/阿飞/PRD/好办4.0（迭代5）。（https://www.jianguoyun.com/p/DR--3CcQj56yBxi3hNUD ）")])])}),[],!1,null,null,null);v.default=r.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/20.0f68cf20.js → dist/assets/js/22.075fa4e5.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{373:function(t,e,r){"use strict";r.r(e);var a=r(42),o=Object(a.a)({},(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"好办项目简介"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#好办项目简介"}},[t._v("#")]),t._v(" 好办项目简介")]),t._v(" "),r("h2",{attrs:{id:"_1-好办-2-0-项目"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#_1-好办-2-0-项目"}},[t._v("#")]),t._v(" 1.好办 2.0 项目")]),t._v(" "),r("blockquote",[r("p",[t._v("最开始开发好办的项目，当时最开始不是我一个开发的，还有一个前端，干了大概一个月走了，产品后来也走了，后端当时是四个人，后来的迭代中基本我一个人负责开发，历时将近三四个月上线")])]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.gicdev.com/haoban-web/#/login",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看 好办 2.0 后台"),r("OutboundLink")],1)])]),t._v(" "),r("h3",{attrs:{id:"说明文档"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#说明文档"}},[t._v("#")]),t._v(" 说明文档")]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/office-web/blob/dev/haoban-router-constructor.png",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办后台路由结构图"),r("OutboundLink")],1)]),t._v(" "),r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/office-web/blob/dev/instructions.md",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办后台整体使用说明"),r("OutboundLink")],1)])]),t._v(" "),r("h3",{attrs:{id:"上线跟随项目"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#上线跟随项目"}},[t._v("#")]),t._v(" 上线跟随项目")]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/office-mobile",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办App webview 项目 - office-mobile"),r("OutboundLink")],1)]),t._v(" "),r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/haoban-old",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办旧版项目- haoban-old"),r("OutboundLink")],1)]),t._v(" "),r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/haobanDevOps",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办运维后台项目- haoban-devOps"),r("OutboundLink")],1)])]),t._v(" "),r("p",[r("img",{attrs:{src:"http://git.gicdev.com/office/office-web/raw/master/haoban-router-constructor.png",alt:""}})]),t._v(" "),r("h2",{attrs:{id:"_2-好办-3-0-项目"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#_2-好办-3-0-项目"}},[t._v("#")]),t._v(" 2.好办 3.0 项目")]),t._v(" "),r("blockquote",[r("p",[t._v("基本参照 2.0 ，把应用独立开来，在2.0基础上又增加一些新的应用，开始接入企业微信，后来迭代中增加企业数据这块")])]),t._v(" "),r("h2",{attrs:{id:"_3-好办-4-0-项目"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#_3-好办-4-0-项目"}},[t._v("#")]),t._v(" 3.好办 4.0 项目")]),t._v(" "),r("blockquote",[r("p",[t._v("和 3.0 有些类似，接入企业微信，应用开始使用gic 服务市场应用，增加了商户授权这块")])]),t._v(" "),r("blockquote",[r("blockquote",[r("blockquote",[r("p",[t._v("更多文档参考坚果云---移动组")])])])])])}),[],!1,null,null,null);e.default=o.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[22],{375:function(t,e,r){"use strict";r.r(e);var a=r(42),o=Object(a.a)({},(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"好办项目简介"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#好办项目简介"}},[t._v("#")]),t._v(" 好办项目简介")]),t._v(" "),r("h2",{attrs:{id:"_1-好办-2-0-项目"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#_1-好办-2-0-项目"}},[t._v("#")]),t._v(" 1.好办 2.0 项目")]),t._v(" "),r("blockquote",[r("p",[t._v("最开始开发好办的项目，当时最开始不是我一个开发的，还有一个前端，干了大概一个月走了，产品后来也走了，后端当时是四个人，后来的迭代中基本我一个人负责开发，历时将近三四个月上线")])]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.gicdev.com/haoban-web/#/login",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看 好办 2.0 后台"),r("OutboundLink")],1)])]),t._v(" "),r("h3",{attrs:{id:"说明文档"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#说明文档"}},[t._v("#")]),t._v(" 说明文档")]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/office-web/blob/dev/haoban-router-constructor.png",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办后台路由结构图"),r("OutboundLink")],1)]),t._v(" "),r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/office-web/blob/dev/instructions.md",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办后台整体使用说明"),r("OutboundLink")],1)])]),t._v(" "),r("h3",{attrs:{id:"上线跟随项目"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#上线跟随项目"}},[t._v("#")]),t._v(" 上线跟随项目")]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/office-mobile",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办App webview 项目 - office-mobile"),r("OutboundLink")],1)]),t._v(" "),r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/haoban-old",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办旧版项目- haoban-old"),r("OutboundLink")],1)]),t._v(" "),r("li",[r("a",{attrs:{href:"http://115.159.76.241/office/haobanDevOps",target:"_blank",rel:"noopener noreferrer"}},[t._v("好办运维后台项目- haoban-devOps"),r("OutboundLink")],1)])]),t._v(" "),r("p",[r("img",{attrs:{src:"http://git.gicdev.com/office/office-web/raw/master/haoban-router-constructor.png",alt:""}})]),t._v(" "),r("h2",{attrs:{id:"_2-好办-3-0-项目"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#_2-好办-3-0-项目"}},[t._v("#")]),t._v(" 2.好办 3.0 项目")]),t._v(" "),r("blockquote",[r("p",[t._v("基本参照 2.0 ，把应用独立开来，在2.0基础上又增加一些新的应用，开始接入企业微信，后来迭代中增加企业数据这块")])]),t._v(" "),r("h2",{attrs:{id:"_3-好办-4-0-项目"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#_3-好办-4-0-项目"}},[t._v("#")]),t._v(" 3.好办 4.0 项目")]),t._v(" "),r("blockquote",[r("p",[t._v("和 3.0 有些类似，接入企业微信，应用开始使用gic 服务市场应用，增加了商户授权这块")])]),t._v(" "),r("blockquote",[r("blockquote",[r("blockquote",[r("p",[t._v("更多文档参考坚果云---移动组")])])])])])}),[],!1,null,null,null);e.default=o.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/3.c033293e.js → dist/assets/js/3.6d5b090a.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{330:function(t,e,n){},358:function(t,e,n){"use strict";n(330)},377:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(358),n(42)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[3],{329:function(t,e,n){},357:function(t,e,n){"use strict";n(329)},379:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(357),n(42)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/4.10abc4a6.js → dist/assets/js/4.d0bf0655.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{329:function(e,t,c){},357:function(e,t,c){"use strict";c(329)},362:function(e,t,c){"use strict";c.r(t);var i={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}}},n=(c(357),c(42)),s=Object(n.a)(i,(function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"6d04095e",null);t.default=s.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[4],{330:function(e,t,c){},358:function(e,t,c){"use strict";c(330)},362:function(e,t,c){"use strict";c.r(t);var i={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}}},n=(c(358),c(42)),s=Object(n.a)(i,(function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"6d04095e",null);t.default=s.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/8.1c9f6193.js → dist/assets/js/8.27f906d5.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{374:function(e,t,r){"use strict";r.r(t);var s=r(42),n=Object(s.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h1",{attrs:{id:"文档简介"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#文档简介"}},[e._v("#")]),e._v(" 文档简介")]),e._v(" "),r("p",[e._v("VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。")]),e._v(" "),r("p",[e._v("每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。")]),e._v(" "),r("h2",{attrs:{id:"参考"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#参考"}},[e._v("#")]),e._v(" 参考")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.vuepress.cn/guide/",target:"_blank",rel:"noopener noreferrer"}},[e._v("vuepress"),r("OutboundLink")],1)])])])}),[],!1,null,null,null);t.default=n.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[8],{376:function(e,t,r){"use strict";r.r(t);var s=r(42),n=Object(s.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h1",{attrs:{id:"文档简介"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#文档简介"}},[e._v("#")]),e._v(" 文档简介")]),e._v(" "),r("p",[e._v("VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。")]),e._v(" "),r("p",[e._v("每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。")]),e._v(" "),r("h2",{attrs:{id:"参考"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#参考"}},[e._v("#")]),e._v(" 参考")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.vuepress.cn/guide/",target:"_blank",rel:"noopener noreferrer"}},[e._v("vuepress"),r("OutboundLink")],1)])])])}),[],!1,null,null,null);t.default=n.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/9.3bb8be27.js → dist/assets/js/9.97f08b42.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{370:function(s,a,t){"use strict";t.r(a);var n=t(42),e=Object(n.a)({},(function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h1",{attrs:{id:"javascript-命名规范"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#javascript-命名规范"}},[s._v("#")]),s._v(" JavaScript 命名规范")]),s._v(" "),t("blockquote"),s._v(" "),t("p",[t("a",{attrs:{href:"https://www.zcfy.cc/article/clean-code-javascript-readme-md-at-master-ryanmcdermott-clean-code-javascript-github-2273.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("JavaScript 代码整洁之道"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"变量"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#变量"}},[s._v("#")]),s._v(" 变量")]),s._v(" "),t("p",[s._v("命名方法：小驼峰式命名法。"),t("br"),s._v("\n命名规范：前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数)"),t("br"),s._v("\n命名建议：尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("// good\nlet maxCount = 10;\nlet tableTitle = 'LoginTable';\n// bad\nlet setCount = 10;\nlet getTitle = 'LoginTable';\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("h2",{attrs:{id:"常量"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#常量"}},[s._v("#")]),s._v(" 常量")]),s._v(" "),t("p",[s._v("仅适用于常量定义，用const进行解构等方式不适用此规范\n命名方法：名称全部大写。\n命名规范：使用大写字母和下划线来组合命名，下划线用以分割单词。")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("const MAX_COUNT = 10;\nconst URL = 'http://www.demogic.com';\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("h2",{attrs:{id:"函数"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#函数"}},[s._v("#")]),s._v(" 函数")]),s._v(" "),t("p",[s._v("命名方法：小驼峰式命名法。"),t("br"),s._v("\n命名规范：前缀应当为动词。"),t("br"),s._v("\n命名建议：可使用常见动词约定")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("动词")]),s._v(" "),t("th",[s._v("含义")]),s._v(" "),t("th",[s._v("返回值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("can")]),s._v(" "),t("td",[s._v("判断是否可执行某个动作(权限)")]),s._v(" "),t("td",[s._v("函数返回一个布尔值。true：可执行；false：不可执行")])]),s._v(" "),t("tr",[t("td",[s._v("has")]),s._v(" "),t("td",[s._v("判断是否含有某个值")]),s._v(" "),t("td",[s._v("函数返回一个布尔值。true：含有此值；false：不含有此值")])]),s._v(" "),t("tr",[t("td",[s._v("is")]),s._v(" "),t("td",[s._v("判断是否为某个值")]),s._v(" "),t("td",[s._v("函数返回一个布尔值。true：为某个值；false：不为某个值")])]),s._v(" "),t("tr",[t("td",[s._v("get")]),s._v(" "),t("td",[s._v("获取某个值")]),s._v(" "),t("td",[s._v("函数返回一个非布尔值")])]),s._v(" "),t("tr",[t("td",[s._v("set")]),s._v(" "),t("td",[s._v("设置某个值")]),s._v(" "),t("td",[s._v("无返回值、返回是否设置成功或者返回链式对象")])]),s._v(" "),t("tr",[t("td",[s._v("load")]),s._v(" "),t("td",[s._v("加载某些数据")]),s._v(" "),t("td",[s._v("无返回值或者返回是否加载完成的结果")])])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("// 是否可阅读\nfunction canRead(): boolean {\n return true;\n}\n// 获取名称\nfunction getName(): string {\n return this.name;\n}\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br")])]),t("h2",{attrs:{id:"类-构造函数"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#类-构造函数"}},[s._v("#")]),s._v(" 类 & 构造函数")]),s._v(" "),t("p",[s._v("命名方法：大驼峰式命名法，首字母大写。"),t("br"),s._v("\n命名规范：前缀为名称。")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("class Person {\n public name: string;\n constructor(name) {\n this.name = name;\n }\n}\nconst person = new Person('bob');\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br")])]),t("h2",{attrs:{id:"类的成员"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#类的成员"}},[s._v("#")]),s._v(" 类的成员")]),s._v(" "),t("p",[s._v("类的成员包含："),t("br"),s._v("\n公共属性和方法：跟变量和函数的命名一样。"),t("br"),s._v("\n私有属性和方法：前缀为_(下划线)，后面跟公共属性和方法一样的命名方式。")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("class Person {\n private _name: string;\n constructor() { }\n // 公共方法\n getName() {\n return this._name;\n }\n // 公共方法\n setName(name) {\n this._name = name;\n }\n}\nconst person = new Person();\nperson.setName('bob');\nperson.getName(); // -&bob\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br")])])])}),[],!1,null,null,null);a.default=e.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[9],{364:function(s,a,t){"use strict";t.r(a);var n=t(42),e=Object(n.a)({},(function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h1",{attrs:{id:"javascript-命名规范"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#javascript-命名规范"}},[s._v("#")]),s._v(" JavaScript 命名规范")]),s._v(" "),t("blockquote"),s._v(" "),t("p",[t("a",{attrs:{href:"https://www.zcfy.cc/article/clean-code-javascript-readme-md-at-master-ryanmcdermott-clean-code-javascript-github-2273.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("JavaScript 代码整洁之道"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"变量"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#变量"}},[s._v("#")]),s._v(" 变量")]),s._v(" "),t("p",[s._v("命名方法：小驼峰式命名法。"),t("br"),s._v("\n命名规范：前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数)"),t("br"),s._v("\n命名建议：尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("// good\nlet maxCount = 10;\nlet tableTitle = 'LoginTable';\n// bad\nlet setCount = 10;\nlet getTitle = 'LoginTable';\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("h2",{attrs:{id:"常量"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#常量"}},[s._v("#")]),s._v(" 常量")]),s._v(" "),t("p",[s._v("仅适用于常量定义，用const进行解构等方式不适用此规范\n命名方法：名称全部大写。\n命名规范：使用大写字母和下划线来组合命名，下划线用以分割单词。")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("const MAX_COUNT = 10;\nconst URL = 'http://www.demogic.com';\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("h2",{attrs:{id:"函数"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#函数"}},[s._v("#")]),s._v(" 函数")]),s._v(" "),t("p",[s._v("命名方法：小驼峰式命名法。"),t("br"),s._v("\n命名规范：前缀应当为动词。"),t("br"),s._v("\n命名建议：可使用常见动词约定")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("动词")]),s._v(" "),t("th",[s._v("含义")]),s._v(" "),t("th",[s._v("返回值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("can")]),s._v(" "),t("td",[s._v("判断是否可执行某个动作(权限)")]),s._v(" "),t("td",[s._v("函数返回一个布尔值。true：可执行；false：不可执行")])]),s._v(" "),t("tr",[t("td",[s._v("has")]),s._v(" "),t("td",[s._v("判断是否含有某个值")]),s._v(" "),t("td",[s._v("函数返回一个布尔值。true：含有此值；false：不含有此值")])]),s._v(" "),t("tr",[t("td",[s._v("is")]),s._v(" "),t("td",[s._v("判断是否为某个值")]),s._v(" "),t("td",[s._v("函数返回一个布尔值。true：为某个值；false：不为某个值")])]),s._v(" "),t("tr",[t("td",[s._v("get")]),s._v(" "),t("td",[s._v("获取某个值")]),s._v(" "),t("td",[s._v("函数返回一个非布尔值")])]),s._v(" "),t("tr",[t("td",[s._v("set")]),s._v(" "),t("td",[s._v("设置某个值")]),s._v(" "),t("td",[s._v("无返回值、返回是否设置成功或者返回链式对象")])]),s._v(" "),t("tr",[t("td",[s._v("load")]),s._v(" "),t("td",[s._v("加载某些数据")]),s._v(" "),t("td",[s._v("无返回值或者返回是否加载完成的结果")])])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("// 是否可阅读\nfunction canRead(): boolean {\n return true;\n}\n// 获取名称\nfunction getName(): string {\n return this.name;\n}\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br")])]),t("h2",{attrs:{id:"类-构造函数"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#类-构造函数"}},[s._v("#")]),s._v(" 类 & 构造函数")]),s._v(" "),t("p",[s._v("命名方法：大驼峰式命名法，首字母大写。"),t("br"),s._v("\n命名规范：前缀为名称。")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("class Person {\n public name: string;\n constructor(name) {\n this.name = name;\n }\n}\nconst person = new Person('bob');\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br")])]),t("h2",{attrs:{id:"类的成员"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#类的成员"}},[s._v("#")]),s._v(" 类的成员")]),s._v(" "),t("p",[s._v("类的成员包含："),t("br"),s._v("\n公共属性和方法：跟变量和函数的命名一样。"),t("br"),s._v("\n私有属性和方法：前缀为_(下划线)，后面跟公共属性和方法一样的命名方式。")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("class Person {\n private _name: string;\n constructor() { }\n // 公共方法\n getName() {\n return this._name;\n }\n // 公共方法\n setName(name) {\n this._name = name;\n }\n}\nconst person = new Person();\nperson.setName('bob');\nperson.getName(); // -&bob\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br")])])])}),[],!1,null,null,null);a.default=e.exports}}]);
\ No newline at end of file \ No newline at end of file
dist/assets/js/app.baf4bd8c.js → dist/assets/js/app.7583859b.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/frontend/JavaScript.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/9.3bb8be27.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/9.97f08b42.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
简介 简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link"> </a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于 关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" aria-current="page" class="active sidebar-link">JavaScript 命名规范</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#变量" class="sidebar-link">变量</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#常量" class="sidebar-link">常量</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#函数" class="sidebar-link">函数</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#类-构造函数" class="sidebar-link">类 &amp;amp; 构造函数</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#类的成员" class="sidebar-link">类的成员</a></li></ul></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="javascript-命名规范"><a href="#javascript-命名规范" class="header-anchor">#</a> JavaScript 命名规范</h1> <blockquote></blockquote> <p><a href="https://www.zcfy.cc/article/clean-code-javascript-readme-md-at-master-ryanmcdermott-clean-code-javascript-github-2273.html" target="_blank" rel="noopener noreferrer">JavaScript 代码整洁之道<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="变量"><a href="#变量" class="header-anchor">#</a> 变量</h2> <p>命名方法：小驼峰式命名法。<br> </a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" aria-current="page" class="active sidebar-link">JavaScript 命名规范</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#变量" class="sidebar-link">变量</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#常量" class="sidebar-link">常量</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#函数" class="sidebar-link">函数</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#类-构造函数" class="sidebar-link">类 &amp;amp; 构造函数</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/JavaScript.html#类的成员" class="sidebar-link">类的成员</a></li></ul></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li><li><a href="/front-vuepress/frontend/mpvue.html" class="sidebar-link">mpvue 使用</a></li><li><a href="/front-vuepress/frontend/uniapp.html" class="sidebar-link">uni-app 使用</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="javascript-命名规范"><a href="#javascript-命名规范" class="header-anchor">#</a> JavaScript 命名规范</h1> <blockquote></blockquote> <p><a href="https://www.zcfy.cc/article/clean-code-javascript-readme-md-at-master-ryanmcdermott-clean-code-javascript-github-2273.html" target="_blank" rel="noopener noreferrer">JavaScript 代码整洁之道<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="变量"><a href="#变量" class="header-anchor">#</a> 变量</h2> <p>命名方法：小驼峰式命名法。<br>
命名规范：前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数)<br> 命名规范：前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数)<br>
命名建议：尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>// good 命名建议：尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>// good
let maxCount = 10; let maxCount = 10;
...@@ -88,6 +88,6 @@ person.getName(); // -&amp;bob ...@@ -88,6 +88,6 @@ person.getName(); // -&amp;bob
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/9.3bb8be27.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/9.97f08b42.js" defer></script>
</body> </body>
</html> </html>
dist/frontend/css.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/11.43f9dc07.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/11.c7e2e255.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
简介 简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link"> </a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于 关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" aria-current="page" class="active sidebar-link">CSS 规范</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#_1-css的书写顺序" class="sidebar-link">1.CSS的书写顺序</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#_2-bem-命名" class="sidebar-link">2.BEM 命名</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#_3-css规范" class="sidebar-link">3.css规范</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#html文件" class="sidebar-link">html文件</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#css文件" class="sidebar-link">css文件</a></li></ul></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="css-规范"><a href="#css-规范" class="header-anchor">#</a> CSS 规范</h1> <blockquote><p>element-ui 里面的index.css 改过一些样式 所以新拉的项目要记得覆盖index.css</p></blockquote> <h2 id="_1-css的书写顺序"><a href="#_1-css的书写顺序" class="header-anchor">#</a> 1.CSS的书写顺序</h2> <p>结构性属性： </a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" aria-current="page" class="active sidebar-link">CSS 规范</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#_1-css的书写顺序" class="sidebar-link">1.CSS的书写顺序</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#_2-bem-命名" class="sidebar-link">2.BEM 命名</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#_3-css规范" class="sidebar-link">3.css规范</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#html文件" class="sidebar-link">html文件</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/css.html#css文件" class="sidebar-link">css文件</a></li></ul></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li><li><a href="/front-vuepress/frontend/mpvue.html" class="sidebar-link">mpvue 使用</a></li><li><a href="/front-vuepress/frontend/uniapp.html" class="sidebar-link">uni-app 使用</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="css-规范"><a href="#css-规范" class="header-anchor">#</a> CSS 规范</h1> <blockquote><p>element-ui 里面的index.css 改过一些样式 所以新拉的项目要记得覆盖index.css</p></blockquote> <h2 id="_1-css的书写顺序"><a href="#_1-css的书写顺序" class="header-anchor">#</a> 1.CSS的书写顺序</h2> <p>结构性属性：
display,position, left, top, right float,margin, padding.... display,position, left, top, right float,margin, padding....
表现性属性： 表现性属性：
background, border font...</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>&lt;!-- display 放在最前面 --&gt; background, border font...</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>&lt;!-- display 放在最前面 --&gt;
...@@ -113,6 +113,6 @@ border-radius: 15px; /</em> Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 * ...@@ -113,6 +113,6 @@ border-radius: 15px; /</em> Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 *
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/11.43f9dc07.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/11.c7e2e255.js" defer></script>
</body> </body>
</html> </html>
dist/frontend/editorconfig.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/12.0ff08267.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/12.1fc9c8cf.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
简介 简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link"> </a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于 关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" aria-current="page" class="active sidebar-link">editorconfig</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/editorconfig.html#_1-了解" class="sidebar-link">1.了解</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/editorconfig.html#_2-使用" class="sidebar-link">2.使用</a></li></ul></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="editorconfig"><a href="#editorconfig" class="header-anchor">#</a> editorconfig</h1> <h2 id="_1-了解"><a href="#_1-了解" class="header-anchor">#</a> 1.了解</h2> <hr> <ul><li><p>【通配符】</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>* 匹配除/之外的任意字符串 </a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" aria-current="page" class="active sidebar-link">editorconfig</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/editorconfig.html#_1-了解" class="sidebar-link">1.了解</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/editorconfig.html#_2-使用" class="sidebar-link">2.使用</a></li></ul></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li><li><a href="/front-vuepress/frontend/mpvue.html" class="sidebar-link">mpvue 使用</a></li><li><a href="/front-vuepress/frontend/uniapp.html" class="sidebar-link">uni-app 使用</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="editorconfig"><a href="#editorconfig" class="header-anchor">#</a> editorconfig</h1> <h2 id="_1-了解"><a href="#_1-了解" class="header-anchor">#</a> 1.了解</h2> <hr> <ul><li><p>【通配符】</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>* 匹配除/之外的任意字符串
** 匹配任意字符串 ** 匹配任意字符串
? 匹配任意单个字符 ? 匹配任意单个字符
[name] 匹配name中的任意一个单一字符 [name] 匹配name中的任意一个单一字符
...@@ -74,6 +74,6 @@ indent_style = tab ...@@ -74,6 +74,6 @@ indent_style = tab
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/12.0ff08267.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/12.1fc9c8cf.js" defer></script>
</body> </body>
</html> </html>
dist/frontend/git.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/13.16a36f7e.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/13.910650e5.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
简介 简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link"> </a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于 关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" aria-current="page" class="active sidebar-link">git 分支管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/git.html#git-分支及操作规范" class="sidebar-link">git 分支及操作规范</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/git.html#git-log-规范" class="sidebar-link">git log 规范</a></li></ul></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="git-分支管理"><a href="#git-分支管理" class="header-anchor">#</a> git 分支管理</h1> <h2 id="git-分支及操作规范"><a href="#git-分支及操作规范" class="header-anchor">#</a> git 分支及操作规范</h2> <ul><li>master：主分支，稳定分支，必须保证随时可用于发布</li> <li>release：预发布分支，如果有此分支，需将分支合并至release解决了冲突后，再将release合到master</li> <li>dev：开发分支，仅用来发布更新测试环境，需定期将master分支合并至此</li> <li>feature/xxx(迭代结束或上线时间，如200901，20年9月1日)：功能开发分支，须从master分支上开出此分支，开发期间需定期合并master至此，测试时合并至dev更新到测试环境，测试完成后将该分支合并至master，然后删除分支</li> <li>bugfix：线上bug修复分支，每次修改前需将master合并至此，测试时合并至dev测试，测试完成后再合并至master发布上线</li></ul> <h2 id="git-log-规范"><a href="#git-log-规范" class="header-anchor">#</a> git log 规范</h2> <p>建议:</p> <ul><li>格式:</li></ul> <div class="language- line-numbers-mode"><pre class="language-text"><code>- type: &lt;subject&gt; </a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" aria-current="page" class="active sidebar-link">git 分支管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/git.html#git-分支及操作规范" class="sidebar-link">git 分支及操作规范</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/git.html#git-log-规范" class="sidebar-link">git log 规范</a></li></ul></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li><li><a href="/front-vuepress/frontend/mpvue.html" class="sidebar-link">mpvue 使用</a></li><li><a href="/front-vuepress/frontend/uniapp.html" class="sidebar-link">uni-app 使用</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="git-分支管理"><a href="#git-分支管理" class="header-anchor">#</a> git 分支管理</h1> <h2 id="git-分支及操作规范"><a href="#git-分支及操作规范" class="header-anchor">#</a> git 分支及操作规范</h2> <ul><li>master：主分支，稳定分支，必须保证随时可用于发布</li> <li>release：预发布分支，如果有此分支，需将分支合并至release解决了冲突后，再将release合到master</li> <li>dev：开发分支，仅用来发布更新测试环境，需定期将master分支合并至此</li> <li>feature/xxx(迭代结束或上线时间，如200901，20年9月1日)：功能开发分支，须从master分支上开出此分支，开发期间需定期合并master至此，测试时合并至dev更新到测试环境，测试完成后将该分支合并至master，然后删除分支</li> <li>bugfix：线上bug修复分支，每次修改前需将master合并至此，测试时合并至dev测试，测试完成后再合并至master发布上线</li></ul> <h2 id="git-log-规范"><a href="#git-log-规范" class="header-anchor">#</a> git log 规范</h2> <p>建议:</p> <ul><li>格式:</li></ul> <div class="language- line-numbers-mode"><pre class="language-text"><code>- type: &lt;subject&gt;
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><ul><li>type: 说明本次 <code>commit</code> 的类别</li></ul> <div class="language- line-numbers-mode"><pre class="language-text"><code>add(feat): 增加 </code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><ul><li>type: 说明本次 <code>commit</code> 的类别</li></ul> <div class="language- line-numbers-mode"><pre class="language-text"><code>add(feat): 增加
update: 更新 update: 更新
...@@ -57,6 +57,6 @@ refactor：重构（即不是新增功能，也不是修改bug的代码变动） ...@@ -57,6 +57,6 @@ refactor：重构（即不是新增功能，也不是修改bug的代码变动）
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/13.16a36f7e.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/13.910650e5.js" defer></script>
</body> </body>
</html> </html>
dist/frontend/index.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/10.0c2ac36f.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/10.c0302693.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -32,11 +32,11 @@ ...@@ -32,11 +32,11 @@
简介 简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link"> </a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于 关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="active sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="前端开发规范"><a href="#前端开发规范" class="header-anchor">#</a> 前端开发规范</h1> <blockquote><p>规范的目的是为了编写高质量的代码，让团队成员每天得心情都是愉悦的，大家在一起是快乐的。</p></blockquote> <blockquote><p>记录前端开发中代码规范</p></blockquote></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/front-vuepress/frontend/css.html"> </a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="active sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li><li><a href="/front-vuepress/frontend/mpvue.html" class="sidebar-link">mpvue 使用</a></li><li><a href="/front-vuepress/frontend/uniapp.html" class="sidebar-link">uni-app 使用</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="前端开发规范"><a href="#前端开发规范" class="header-anchor">#</a> 前端开发规范</h1> <blockquote><p>规范的目的是为了编写高质量的代码，让团队成员每天得心情都是愉悦的，大家在一起是快乐的。</p></blockquote> <blockquote><p>记录前端开发中代码规范</p></blockquote></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/front-vuepress/frontend/css.html">
CSS 规范 CSS 规范
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/10.0c2ac36f.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/10.c0302693.js" defer></script>
</body> </body>
</html> </html>
dist/frontend/mpvue.html 0 → 100644
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>mpvue 使用 | 前端知识库</title>
<meta name="generator" content="VuePress 1.8.0">
<link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/14.0a645f6b.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
主页
</a></div><div class="nav-item"><a href="/front-vuepress/frontend/" class="nav-link router-link-active">
前端规范
</a></div><div class="nav-item"><a href="/front-vuepress/haoban/" class="nav-link">
好办项目
</a></div><div class="nav-item"><a href="/front-vuepress/guide/" class="nav-link">
简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
主页
</a></div><div class="nav-item"><a href="/front-vuepress/frontend/" class="nav-link router-link-active">
前端规范
</a></div><div class="nav-item"><a href="/front-vuepress/haoban/" class="nav-link">
好办项目
</a></div><div class="nav-item"><a href="/front-vuepress/guide/" class="nav-link">
简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li><li><a href="/front-vuepress/frontend/mpvue.html" aria-current="page" class="active sidebar-link">mpvue 使用</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#install" class="sidebar-link">install</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#全局-api" class="sidebar-link">全局 API</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#获取手机号" class="sidebar-link">获取手机号</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#mpvue引入vant-weapp样式的时候-没有把原来的px转换成rpx-应该是px2rpx插件的配置有问题" class="sidebar-link">mpvue引入vant Weapp样式的时候，没有把原来的px转换成rpx，应该是px2rpx插件的配置有问题</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#mpvue-配置less后-提示报错信息unhandledpromiserejectionwarning-typeerror-loadercontext-getresolve-is-not-a-function" class="sidebar-link">mpvue 配置less后 提示报错信息UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#mpvue-中使用echarts" class="sidebar-link">mpvue 中使用ECharts</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#第三方的网络请求库-fly" class="sidebar-link">第三方的网络请求库 fly</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#图片预加载" class="sidebar-link">图片预加载</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/mpvue.html#参考" class="sidebar-link">参考</a></li></ul></li><li><a href="/front-vuepress/frontend/uniapp.html" class="sidebar-link">uni-app 使用</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="mpvue-使用"><a href="#mpvue-使用" class="header-anchor">#</a> mpvue 使用</h1> <div class="language- line-numbers-mode"><pre class="language-text"><code>app.vue &amp; main.js
┌---------┐ ┌----------┐ ┌---------┐
| app.vue ├--┐ | app.js | | app.json|
└---------┘ | └----------┘ └---------┘
├----------------------&gt;
┌---------┐ | webpack ┌----------┐
| main.js ├--┘ | app.wxss |
└---------┘ └----------┘
page.vue &amp; main.js
┌------------------------------┐
┌-----┴-----┐ ┌-------┐ |
| page.vue ├----&gt; | .sass | |
└---┬-┬-┬---┘ └-------┘ |
| | | |
| | | ┌------------┐ |
| | └---&gt; | common.css | | ┌-------┐ ┌-------┐
| | └-------┬----┘ v | .js | | .json |
| | | ┌---------┐ └-------┘ └-------┘
| | ┌------┐ | | main.js ├-----------&gt;
| └--&gt;| .js | v └---------┘ webpack ┌-------┐ ┌-------┐
| └------┘ ┌-------┐ | .wxml | | .wxss |
| ┌------┐ | .font | └-------┘ └-------┘
└----&gt;| .jpg | └-------┘
└------┘
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br></div></div><blockquote><p>除了 Vue 本身的生命周期外，mpvue 还兼容了小程序生命周期，这部分生命周期钩子的来源于微信小程序的 Page， <strong>除特殊情况外，不建议使用小程序的生命周期钩子</strong>。</p></blockquote> <ul><li>app 部分：</li></ul> <div class="language- line-numbers-mode"><pre class="language-text"><code>onLaunch，初始化
onShow，当小程序启动，或从后台进入前台显示
onHide，当小程序从前台进入后台
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><ul><li>page 部分：</li></ul> <div class="language- line-numbers-mode"><pre class="language-text"><code>onLoad，监听页面加载
onShow，监听页面显示
onReady，监听页面初次渲染完成
onHide，监听页面隐藏
onUnload，监听页面卸载
onPullDownRefresh，监听用户下拉动作
onReachBottom，页面上拉触底事件的处理函数
onShareAppMessage，用户点击右上角分享
onPageScroll，页面滚动
onTabItemTap, 当前是 tab 页时，点击 tab 时触发 （mpvue 0.0.16 支持）
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div><ul><li><p>不支持在组件上使用 Class 与 Style 绑定</p></li> <li><p>嵌套列表渲染，必须指定不同的索引！</p></li> <li><p>原生事件也可以使用例如 <code>bindregionchange</code> 事件直接在 <code>dom</code> 上将 <code>bind</code> 改为 <code>@</code>, <code>@regionchange</code>;</p></li> <li><p>如何获取小程序在 page onLoad 时候传递的 options</p> <ul><li>在所有 页面 的组件内可以通过 <code>this.$root.$mp.query</code>进行获取</li></ul></li> <li><p>如何获取小程序在 app onLaunch/onShow 时候传递的 options</p> <ul><li>在所有的组件内可以通过 <code>this.$root.$mp.appOptions</code> 进行获取。</li></ul></li> <li><p>如何捕获 app 的 onError</p> <ul><li>在 app 的根组件上添加名为 onError 的回调函数<div class="language- line-numbers-mode"><pre class="language-text"><code>// 只有 app 才会有 onLaunch 的生命周期
onLaunch () {
// ...
},
// 捕获 app error
onError (err) {
console.log(err)
}
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div></li></ul></li> <li><p><code>v-html</code> 指令不能用</p></li> <li><p>不支持部分复杂的 JavaScript 渲染表达式</p></li> <li><p>不支持过滤器</p></li> <li><p>不支持在 template 内使用 methods 中的函数</p></li> <li><p>不支持 classObject 和 styleObject 语法</p></li> <li><p>mpvue 可以支持小程序的原生组件，比如： <code>picker,map</code> 等，需要注意的是原生组件上的事件绑定，需要以 vue 的事件绑定语法来绑定，如 <code>bindchange=&quot;eventName&quot;</code>事件，需要写成 <code>@change=&quot;eventName&quot;</code></p></li> <li><p>合理使用双向绑定 mpvue 建议使用 <code>v-model.lazy</code> 绑定方式以优化性能</p></li> <li><p>新增的页面需要重新 npm run dev 来进行编译</p></li> <li><p>在触发事件后如果要获取对应的值，需要写成这样: e.mp.detail.value</p></li></ul> <h2 id="install"><a href="#install" class="header-anchor">#</a> install</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>npm i -g @vue/cli-init
vue init mpvue/mpvue-quickstart my-wx
cd my-wx
npm install
npm run dev
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><h2 id="全局-api"><a href="#全局-api" class="header-anchor">#</a> 全局 API</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code> // 调用API从本地缓存中获取数据
/*
* 平台 api 差异的处理方式: api 方法统一挂载到 mpvue 名称空间, 平台判断通过 mpvuePlatform 特征字符串
* 微信：mpvue === wx, mpvuePlatform === 'wx'
* 头条：mpvue === tt, mpvuePlatform === 'tt'
* 百度：mpvue === swan, mpvuePlatform === 'swan'
* 支付宝(蚂蚁)：mpvue === my, mpvuePlatform === 'my'
*/
在 mpvue 中调用 wx 的API
如：
wx.canIUse('button.open-type.getUserInfo') ==&gt; mpvue.canIUse('button.open-type.getUserInfo')
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br></div></div><h2 id="获取手机号"><a href="#获取手机号" class="header-anchor">#</a> 获取手机号</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>&lt;van-button type=&quot;primary&quot; open-type=&quot;getPhoneNumber&quot; @getphonenumber=&quot;getPhoneNumber&quot;&gt;获取手机号&lt;/van-button&gt;
getPhoneNumber (e) {
mpvue.checkSession({
success () {
// session_key 未过期，并且在本生命周期一直有效
console.log(e)
},
fail () {
// session_key 已经失效，需要重新执行登录流程
mpvue.login() // 重新登录
}
})
}
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br></div></div><blockquote><p>注意:<br>
在回调中调用 wx.login 登录，可能会刷新登录态。此时服务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey，导致解密失败。<br>
建议开发者提前进行 login；或者在回调中先使用 checkSession 进行登录态检查，避免 login 刷新登录态</p></blockquote> <h2 id="mpvue引入vant-weapp样式的时候-没有把原来的px转换成rpx-应该是px2rpx插件的配置有问题"><a href="#mpvue引入vant-weapp样式的时候-没有把原来的px转换成rpx-应该是px2rpx插件的配置有问题" class="header-anchor">#</a> mpvue引入vant Weapp样式的时候，没有把原来的px转换成rpx，应该是px2rpx插件的配置有问题</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>最后用transform在copy的时候解决掉
var Px2rpx = require('px2rpx');
var px2rpxIns = new Px2rpx({ rpxUnit: 0.5 });
// copy custom static assets
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../static'),
to: config.build.assetsSubDirectory,
transform(content, path) {
if (path.endsWith('.wxss')) {
return px2rpxIns.generaterpx(content.toString(), 1)
} else {
return content
}
},
ignore: ['.*']
}
]),
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br></div></div><h2 id="mpvue-配置less后-提示报错信息unhandledpromiserejectionwarning-typeerror-loadercontext-getresolve-is-not-a-function"><a href="#mpvue-配置less后-提示报错信息unhandledpromiserejectionwarning-typeerror-loadercontext-getresolve-is-not-a-function" class="header-anchor">#</a> mpvue 配置less后 提示报错信息UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code># 卸载less-loader
# 重新安装指定版本
因为当时 mpvue 中使用的webpack 是 &quot;webpack&quot;: &quot;^3.11.0&quot;， 最开始安装 &quot;less-loader&quot;: &quot;^7.2.1&quot;,版本比较高
npm i --save less-loader@4.1.0
解决
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><h2 id="mpvue-中使用echarts"><a href="#mpvue-中使用echarts" class="header-anchor">#</a> mpvue 中使用ECharts</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>npm i mpvue-echarts echarts --save
&lt;template&gt;
&lt;div class=&quot;echarts-wrap&quot;&gt;
&lt;mpvue-echarts :echarts=&quot;echarts&quot; :onInit=&quot;onInit&quot; canvasId=&quot;demo-canvas&quot; /&gt;
&lt;/div&gt;
&lt;/template&gt;
&lt;script&gt;
import * as echarts from 'echarts/dist/echarts.min'
import mpvueEcharts from 'mpvue-echarts'
let chart = null;
function initChart(canvas, width, height) {
chart = echarts.init(canvas, null, {
width: width,
height: height
});
canvas.setChart(chart);
var option = { // ECharts 配置项
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
x: 'center',
type: 'value',
splitLine: {
lineStyle: {
type: 'dashed'
}
}
},
series: [{
name: 'A',
type: 'line',
smooth: true,
data: [18, 36, 65, 30, 78, 40, 33]
}, {
name: 'B',
type: 'line',
smooth: true,
data: [12, 50, 51, 35, 70, 30, 20]
}]
};
chart.setOption(option);
return chart; // 返回 chart 后可以自动绑定触摸操作
}
export default {
components: {
mpvueEcharts
},
data () {
return {
echarts,
onInit: initChart
}
}
}
&lt;/script&gt;
&lt;style scoped&gt;
.echarts-wrap {
width: 100%;
height: 300px;
}
&lt;/style&gt;
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br><span class="line-number">66</span><br><span class="line-number">67</span><br><span class="line-number">68</span><br><span class="line-number">69</span><br><span class="line-number">70</span><br><span class="line-number">71</span><br><span class="line-number">72</span><br><span class="line-number">73</span><br></div></div><h2 id="第三方的网络请求库-fly"><a href="#第三方的网络请求库-fly" class="header-anchor">#</a> 第三方的网络请求库 fly</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>npm install flyio || cnpm install flyio
# 引入
import Fly from &quot;flyio/dist/npm/wx&quot;;
# 1. 创建一个 fly 实例
let fly = new Fly;
# 2. 发起GET请求
// 通过用户id获取信息,参数直接写在url中
fly.get('/user?id=133')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
// query参数通过对象传递
fly.get('/user', {
id: 133
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
# 3. 发起POST请求
fly.post('/user', {
name: 'Doris',
age: 24
phone:&quot;18513222525&quot;
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
# 4. 发起多个并发请求
function getUserRecords() {
return fly.get('/user/133/records');
}
function getUserProjects() {
return fly.get('/user/133/projects');
}
fly.all([getUserRecords(), getUserProjects()])
.then(fly.spread(function (records, projects) {
//两个请求都完成
}))
.catch(function(error){
console.log(error)
})
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br></div></div><h2 id="图片预加载"><a href="#图片预加载" class="header-anchor">#</a> 图片预加载</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>npm install mpvue-img-load
&lt;div&gt;
&lt;image v-if=&quot;imgUrl&quot; :src=&quot;imgUrl&quot; /&gt;
&lt;img-load ref=&quot;imgLoad&quot;&gt;&lt;/img-load&gt;
&lt;/div&gt;
import imgLoad from 'mpvue-img-load'
export default {
data () {
return {
imgUrl: ''
}
},
components: {
imgLoad
},
methods: {
loadImage () {
// 加载缩略图 80x50 3KB
this.imgUrl = 'http://storage.360buyimg.com/mtd/home/lion1483683731203.jpg'
// 原图 3200x2000 1.6MB
const imgUrlOriginal = 'http://storage.360buyimg.com/mtd/home/lion1483624894660.jpg'
// 同时对原图进行预加载，加载成功后再替换
this.$refs.imgLoad.load(imgUrlOriginal, (err, data) =&gt; {
if (!err) {
this.imgUrl = data.src
}
})
}
},
mounted () {
this.loadImage()
}
}
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br></div></div><h2 id="参考"><a href="#参考" class="header-anchor">#</a> 参考</h2> <ul><li><a href="http://mpvue.com/mpvue/quickstart.html" target="_blank" rel="noopener noreferrer">quickstart<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://github.com/Rychou/mpvue-vant" target="_blank" rel="noopener noreferrer">Rychou/mpvue-vant<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://github.com/F-loat/mpvue-echarts" target="_blank" rel="noopener noreferrer">F-loat/mpvue-echarts<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://github.com/mpvue/awesome-mpvue" target="_blank" rel="noopener noreferrer">mpvue/awesome-mpvue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://kuangpf.com/mpvue-weui/#/?id=mpvue-weui" target="_blank" rel="noopener noreferrer">mpvue-weui<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <ul><li><a href="https://kuangpf.com/mpvue-weui/#/reasons" target="_blank" rel="noopener noreferrer">mpvue-weui/#/reasons<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></li> <li><a href="https://github.com/wendux/fly" target="_blank" rel="noopener noreferrer">wendux/fly<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/front-vuepress/frontend/vue.html" class="prev">
vue 项目
</a></span> <span class="next"><a href="/front-vuepress/frontend/uniapp.html">
uni-app 使用
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/14.0a645f6b.js" defer></script>
</body>
</html>
dist/frontend/uniapp.html 0 → 100644
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>uni-app 使用 | 前端知识库</title>
<meta name="generator" content="VuePress 1.8.0">
<link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/15.d9a2764b.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
主页
</a></div><div class="nav-item"><a href="/front-vuepress/frontend/" class="nav-link router-link-active">
前端规范
</a></div><div class="nav-item"><a href="/front-vuepress/haoban/" class="nav-link">
好办项目
</a></div><div class="nav-item"><a href="/front-vuepress/guide/" class="nav-link">
简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
主页
</a></div><div class="nav-item"><a href="/front-vuepress/frontend/" class="nav-link router-link-active">
前端规范
</a></div><div class="nav-item"><a href="/front-vuepress/haoban/" class="nav-link">
好办项目
</a></div><div class="nav-item"><a href="/front-vuepress/guide/" class="nav-link">
简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li><li><a href="/front-vuepress/frontend/mpvue.html" class="sidebar-link">mpvue 使用</a></li><li><a href="/front-vuepress/frontend/uniapp.html" aria-current="page" class="active sidebar-link">uni-app 使用</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#install" class="sidebar-link">install</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#uni-app-约定了如下开发规范" class="sidebar-link">uni-app 约定了如下开发规范：</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#目录结构" class="sidebar-link">目录结构</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#静态资源" class="sidebar-link">静态资源</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#js文件引入" class="sidebar-link">js文件引入</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#生命周期" class="sidebar-link">生命周期</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#路由跳转" class="sidebar-link">路由跳转</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#开发环境和生产环境" class="sidebar-link">开发环境和生产环境</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#小程序组件支持" class="sidebar-link">小程序组件支持</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#引入-vantui" class="sidebar-link">引入 vantUI</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#坑" class="sidebar-link">坑，</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#getapp-函数用于获取当前应用实例-一般用于获取globaldata" class="sidebar-link">getApp() 函数用于获取当前应用实例，一般用于获取globalData</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#getcurrentpages" class="sidebar-link">getCurrentPages()</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/uniapp.html#参考" class="sidebar-link">参考</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="uni-app-使用"><a href="#uni-app-使用" class="header-anchor">#</a> uni-app 使用</h1> <h2 id="install"><a href="#install" class="header-anchor">#</a> install</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project
# 运行、发布uni-app
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM% 可取值 mp-weixin
npm run dev:mp-weixin
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div><ul><li>dev 模式编译出的各平台代码存放于根目录下的 /dist/dev/目录，打开各平台开发工具选择对应平台目录即可进行预览（h5 平台不会在此目录，存在于缓存中）；</li> <li>build 模式编译出的各平台代码存放于根目录下的 /dist/build/ 目录，发布时选择此目录进行发布；</li></ul> <h2 id="uni-app-约定了如下开发规范"><a href="#uni-app-约定了如下开发规范" class="header-anchor">#</a> uni-app 约定了如下开发规范：</h2> <ul><li>页面文件遵循 Vue 单文件组件 (SFC) 规范</li> <li>组件标签靠近小程序规范，详见uni-app 组件规范</li> <li>接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni，详见uni-app接口规范</li> <li>数据绑定及事件处理同 Vue.js 规范，同时补充了App及页面的生命周期</li> <li>为兼容多端运行，建议使用flex布局进行开发</li></ul> <blockquote><p>虽然不推荐使用HTML标签，但实际上如果开发者写了div等标签，在编译到非H5平台时也会被编译器转换为view标签，类似的还有span转text、a转navigator等，包括css里的元素选择器也会转。<br>
但为了管理方便、策略统一，新写代码时仍然建议使用view等组件。</p></blockquote> <h2 id="目录结构"><a href="#目录结构" class="header-anchor">#</a> 目录结构</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>┌─cloudfunctions 云函数目录（阿里云为aliyun，腾讯云为tcb，详见uniCloud）
│─components 符合vue组件规范的uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录，详见
├─platforms 存放各平台专用页面的目录，详见
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
├─wxcomponents 存放小程序组件的目录，详见
├─main.js Vue初始化入口文件
├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见
└─pages.json 配置页面路由、导航条、选项卡等页面类信息，详见
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br></div></div><h2 id="静态资源"><a href="#静态资源" class="header-anchor">#</a> 静态资源</h2> <h3 id="模板内引入静态资源"><a href="#模板内引入静态资源" class="header-anchor">#</a> 模板内引入静态资源</h3> <p>template内引入静态资源，如image、video等标签的src属性时，可以使用相对路径或者绝对路径，形式如下</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>&lt;!-- 绝对路径，/static指根目录下的static目录，在cli项目中/static指src目录下的static目录 --&gt;
&lt;image class=&quot;logo&quot; src=&quot;/static/logo.png&quot;&gt;&lt;/image&gt;
&lt;image class=&quot;logo&quot; src=&quot;@/static/logo.png&quot;&gt;&lt;/image&gt;
&lt;!-- 相对路径 --&gt;
&lt;image class=&quot;logo&quot; src=&quot;../../static/logo.png&quot;&gt;&lt;/image&gt;
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><blockquote><p>注意:<br>
@开头的绝对路径以及相对路径会经过base64转换规则校验<br>
引入的静态资源在非h5平台，均不转为base64。<br>
H5平台，小于4kb的资源会被转换成base64，其余不转。<br>
自HBuilderX 2.6.6-alpha起template内支持@开头路径引入静态资源，旧版本不支持此方式<br>
App平台自HBuilderX 2.6.9-alpha起template节点中引用静态资源文件时（如：图片），调整查找策略为【基于当前文件的路径搜索】，与其他平台保持一致<br>
支付宝小程序组件内 image 标签不可使用相对路径</p></blockquote> <h2 id="js文件引入"><a href="#js文件引入" class="header-anchor">#</a> js文件引入</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>js文件或script标签内（包括renderjs等）引入js文件时，可以使用相对路径和绝对路径，形式如下
// 绝对路径，@指向项目根目录，在cli项目中@指向src目录
import add from '@/common/add.js'
// 相对路径
import add from '../../common/add.js'
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><blockquote><p>注意: js文件不支持使用/开头的方式引入</p></blockquote> <h3 id="css引入静态资源"><a href="#css引入静态资源" class="header-anchor">#</a> css引入静态资源</h3> <div class="language- line-numbers-mode"><pre class="language-text"><code>css文件或style标签内引入css文件时（scss、less文件同理），可以使用相对路径或绝对路径（HBuilderX 2.6.6-alpha）
/* 绝对路径 */
@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相对路径 */
@import url('../../common/uni.css');
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><p>css文件或style标签内引用的图片路径可以使用相对路径也可以使用绝对路径，需要注意的是，有些小程序端css文件不允许引用本地文件（请看注意事项）。</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>/* 绝对路径 */
background-image: url(/static/logo.png);
background-image: url(@/static/logo.png);
/* 相对路径 */
background-image: url(../../static/logo.png);
在 uni-app 中不能使用 * 选择器。
微信小程序自定义组件中仅支持 class 选择器
page 相当于 body 节点
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><p>Tips：</p> <ul><li>引入字体图标请参考，字体图标</li> <li>@开头的绝对路径以及相对路径会经过base64转换规则校验</li> <li>不支持本地图片的平台，小于40kb，一定会转base64。（共四个平台mp-weixin, mp-qq, mp-toutiao, app v2）</li> <li>h5平台，小于4kb会转base64，超出4kb时不转。</li> <li>其余平台不会转base64</li></ul> <h3 id="css变量"><a href="#css变量" class="header-anchor">#</a> CSS变量</h3> <div class="language- line-numbers-mode"><pre class="language-text"><code>uni-app 提供内置 CSS 变量
CSS变量 描述 App 小程序 H5
--status-bar-height 系统状态栏高度 系统状态栏高度、nvue注意见下 25px 0
--window-top 内容区域距离顶部的距离 0 0 NavigationBar 的高度
--window-bottom 内容区域距离底部的距离 0 0 TabBar 的高度
注意：
var(--status-bar-height) 此变量在微信小程序环境为固定 25px，在 App 里为手机实际状态栏高度。
当设置 &quot;navigationStyle&quot;:&quot;custom&quot; 取消原生导航栏后，由于窗体为沉浸式，占据了状态栏位置。此时可以使用一个高度为 var(--status-bar-height) 的 view 放在页面顶部，避免页面内容出现在状态栏。
由于在H5端，不存在原生导航栏和tabbar，也是前端div模拟。如果设置了一个固定位置的居底view，在小程序和App端是在tabbar上方，但在H5端会与tabbar重叠。此时可使用--window-bottom，不管在哪个端，都是固定在tabbar上方。
目前 nvue 在App端，还不支持 --status-bar-height变量，替代方案是在页面onLoad时通过uni.getSystemInfoSync().statusBarHeight获取状态栏高度，然后通过style绑定方式给占位view设定高度。
onLoad() {
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight
}
ni-app 中以下组件的高度是固定的，不可修改：
组件 描述 App H5
NavigationBar 导航栏 44px 44px
TabBar 底部选项卡 HBuilderX 2.3.4之前为56px，2.3.4起和H5调为一致，统一为 50px。但可以自主更改高度） 50px
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br></div></div><h2 id="生命周期"><a href="#生命周期" class="header-anchor">#</a> 生命周期</h2> <ul><li>应用生命周期</li></ul> <blockquote><p>uni-app 支持 onLaunch、onShow、onHide 等应用生命周期函数，详情请参考应用生命周期</p></blockquote> <ul><li>页面生命周期</li></ul> <blockquote><p>uni-app 支持 onLoad、onShow、onReady 等生命周期函数</p></blockquote> <h2 id="路由跳转"><a href="#路由跳转" class="header-anchor">#</a> 路由跳转</h2> <ul><li>uni-app 有两种页面路由跳转方式：使用navigator组件跳转、调用API跳转</li></ul> <h2 id="开发环境和生产环境"><a href="#开发环境和生产环境" class="header-anchor">#</a> 开发环境和生产环境</h2> <blockquote><p>uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境</p></blockquote> <ul><li>判断平台: uni.getSystemInfoSync().platform</li></ul> <h2 id="小程序组件支持"><a href="#小程序组件支持" class="header-anchor">#</a> 小程序组件支持</h2> <p>uni-app 支持在 App 和 小程序 中使用小程序自定义组件，从HBuilderX2.4.7起，H5端也可以运行微信小程序组件。</p> <p>平台差异说明</p> <table><thead><tr><th>平台</th> <th>支持情况</th> <th>小程序组件存放目录</th></tr></thead> <tbody><tr><td>H5</td> <td>支持微信小程序组件（2.4.7+）</td> <td>wxcomponents</td></tr> <tr><td>App（不含nvue）</td> <td>支持微信小程序组件</td> <td>wxcomponents</td></tr> <tr><td>微信小程序</td> <td>支持微信小程序组件</td> <td>wxcomponents</td></tr> <tr><td>支付宝小程序</td> <td>支持支付宝小程序组件</td> <td>mycomponents</td></tr> <tr><td>百度小程序</td> <td>支持百度小程序组件</td> <td>swancomponents</td></tr> <tr><td>字节跳动小程序</td> <td>支持字节跳动小程序组件</td> <td>ttcomponents</td></tr> <tr><td>QQ小程序</td> <td>支持QQ小程序组件</td> <td>wxcomponents</td></tr></tbody></table> <h2 id="引入-vantui"><a href="#引入-vantui" class="header-anchor">#</a> 引入 vantUI</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>npm i @vant/weapp -S --production
在项目根目录下新建 wxcomponents 目录
将vant/weapp中dist目录拷贝到新建的wxcomponents目录下，并重命名dist为vant
# 单个页面引入
page.json:
&quot;pages&quot;: [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
&quot;path&quot;: &quot;pages/index/index&quot;,
&quot;style&quot;: {
&quot;navigationBarTitleText&quot;: &quot;uni-app&quot;,
&quot;usingComponents&quot;: {
&quot;van-button&quot;: &quot;/wxcomponents/vant/button/index&quot;,
}
}
}
],
# 全局引入
&quot;globalStyle&quot;: {
&quot;navigationBarTextStyle&quot;: &quot;black&quot;,
&quot;navigationBarTitleText&quot;: &quot;uni-app&quot;,
&quot;navigationBarBackgroundColor&quot;: &quot;#F8F8F8&quot;,
&quot;backgroundColor&quot;: &quot;#F8F8F8&quot;,
&quot;usingComponents&quot;: {
&quot;van-button&quot;: &quot;/wxcomponents/vant/button/index&quot;,
&quot;van-image&quot;: &quot;/wxcomponents/vant/image/index&quot;,
&quot;van-field&quot;: &quot;/wxcomponents/vant/field/index&quot;,
&quot;van-search&quot;: &quot;/wxcomponents/vant/search/index&quot;,
&quot;van-cell&quot;: &quot;/wxcomponents/vant/cell/index&quot;,
&quot;van-cell-group&quot;: &quot;/wxcomponents/vant/cell-group/index&quot;,
&quot;van-notice-bar&quot;: &quot;/wxcomponents/vant/notice-bar/index&quot;
}
}
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br></div></div><h2 id="坑"><a href="#坑" class="header-anchor">#</a> 坑，</h2> <ul><li><p>使用 vue-cli 安装，一直报错</p></li> <li><p>修改hosts:</p> <ul><li>https://github.com.ipaddress.com/ 查看 ip</li> <li>https://fastly.net.ipaddress.com/github.global.ssl.fastly.net</li></ul> <div class="language- line-numbers-mode"><pre class="language-text"><code># github
140.82.114.3 www.github.com
140.82.114.3 github.com
# 192.30.253.112 www.github.com
# 192.30.253.112 github.com
199.232.69.194 github.global.ssl.fastly.net
# 151.101.13.194 github.global.ssl.fastly.net
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div></li></ul> <div class="language- line-numbers-mode"><pre class="language-text"><code> ERROR Failed fetching remote preset dcloudio/uni-preset-vue:
ERROR Error: end of central directory record signature not found
手动下载 uni-preset-vue
vue create --preset ./uni-preset-vue my-project
再选择模板 默认模板快 ， hello很慢
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><ul><li><a href="https://cli.vuejs.org/zh/guide/plugins-and-presets.html#%E5%8A%A0%E8%BD%BD%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F%E4%B8%AD%E7%9A%84-preset" target="_blank" rel="noopener noreferrer">加载文件系统中的-preset<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="getapp-函数用于获取当前应用实例-一般用于获取globaldata"><a href="#getapp-函数用于获取当前应用实例-一般用于获取globaldata" class="header-anchor">#</a> getApp() 函数用于获取当前应用实例，一般用于获取globalData</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>const app = getApp()
console.log(app.globalData)
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br></div></div><h2 id="getcurrentpages"><a href="#getcurrentpages" class="header-anchor">#</a> getCurrentPages()</h2> <p>getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。</p> <p>注意： getCurrentPages()仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。</p> <h2 id="参考"><a href="#参考" class="header-anchor">#</a> 参考</h2> <ul><li><p><a href="https://uniapp.dcloud.net.cn/quickstart-cli?id=%e8%bf%90%e8%a1%8c%e3%80%81%e5%8f%91%e5%b8%83uni-app" target="_blank" rel="noopener noreferrer">quickstart<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></li> <li><p><a href="https://github.com/dcloudio/uni-ui" target="_blank" rel="noopener noreferrer">uni-ui<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></li></ul></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/front-vuepress/frontend/mpvue.html" class="prev">
mpvue 使用
</a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/15.d9a2764b.js" defer></script>
</body>
</html>
dist/frontend/update.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/14.2c764d81.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/16.3a22b9a3.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
简介 简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link"> </a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于 关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" aria-current="page" class="active sidebar-link">前端升级规范</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/update.html#一、什么时间升级" class="sidebar-link">一、什么时间升级？</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/update.html#二、谁来操作升级" class="sidebar-link">二、谁来操作升级？</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/update.html#三、原则" class="sidebar-link">三、原则</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/update.html#四、升级通知" class="sidebar-link">四、升级通知</a></li></ul></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="前端升级规范"><a href="#前端升级规范" class="header-anchor">#</a> 前端升级规范</h1> <h2 id="一、什么时间升级"><a href="#一、什么时间升级" class="header-anchor">#</a> 一、什么时间升级？</h2> <p>● 每周四为各平台前端需求（不涉及后端的纯前端需求）的上线日。</p> <p>● 优先级：临时的紧急上线 &gt; 随业务组上线 &gt; 周四上线 </a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" aria-current="page" class="active sidebar-link">前端升级规范</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/update.html#一、什么时间升级" class="sidebar-link">一、什么时间升级？</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/update.html#二、谁来操作升级" class="sidebar-link">二、谁来操作升级？</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/update.html#三、原则" class="sidebar-link">三、原则</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/update.html#四、升级通知" class="sidebar-link">四、升级通知</a></li></ul></li><li><a href="/front-vuepress/frontend/vue.html" class="sidebar-link">vue 项目</a></li><li><a href="/front-vuepress/frontend/mpvue.html" class="sidebar-link">mpvue 使用</a></li><li><a href="/front-vuepress/frontend/uniapp.html" class="sidebar-link">uni-app 使用</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="前端升级规范"><a href="#前端升级规范" class="header-anchor">#</a> 前端升级规范</h1> <h2 id="一、什么时间升级"><a href="#一、什么时间升级" class="header-anchor">#</a> 一、什么时间升级？</h2> <p>● 每周四为各平台前端需求（不涉及后端的纯前端需求）的上线日。</p> <p>● 优先级：临时的紧急上线 &gt; 随业务组上线 &gt; 周四上线
<br></p> <h2 id="二、谁来操作升级"><a href="#二、谁来操作升级" class="header-anchor">#</a> 二、谁来操作升级？</h2> <table><thead><tr><th>~版本</th> <th>~平台</th> <th>~ 操作人 </th></tr></thead> <tbody><tr><td>3.0</td> <td>全部平台</td> <td>石瑶</td></tr> <tr><td>4.0</td> <td>基础平台（包含运维平台）、移动平台</td> <td>砂砾</td></tr> <tr><td>4.0</td> <td>业务平台</td> <td>叮当</td></tr></tbody></table> <br> <h2 id="三、原则"><a href="#三、原则" class="header-anchor">#</a> 三、原则</h2> <p>上线前、后，均需要经过测试负责人测试。 <br></p> <h2 id="二、谁来操作升级"><a href="#二、谁来操作升级" class="header-anchor">#</a> 二、谁来操作升级？</h2> <table><thead><tr><th>~版本</th> <th>~平台</th> <th>~ 操作人 </th></tr></thead> <tbody><tr><td>3.0</td> <td>全部平台</td> <td>石瑶</td></tr> <tr><td>4.0</td> <td>基础平台（包含运维平台）、移动平台</td> <td>砂砾</td></tr> <tr><td>4.0</td> <td>业务平台</td> <td>叮当</td></tr></tbody></table> <br> <h2 id="三、原则"><a href="#三、原则" class="header-anchor">#</a> 三、原则</h2> <p>上线前、后，均需要经过测试负责人测试。
<br></p> <h2 id="四、升级通知"><a href="#四、升级通知" class="header-anchor">#</a> 四、升级通知</h2> <p>● 只要有上线，就要发送<a href="https://www.tapd.cn/33025272/documents/show/1133025272001004205" target="_blank" rel="noopener noreferrer">《迭代升级说明》<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>给相关人员，并抄送sj@demogic.com&lt;升级通知组&gt;。</p> <p>● 由操作升级的人员发出邮件。</p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev"> <br></p> <h2 id="四、升级通知"><a href="#四、升级通知" class="header-anchor">#</a> 四、升级通知</h2> <p>● 只要有上线，就要发送<a href="https://www.tapd.cn/33025272/documents/show/1133025272001004205" target="_blank" rel="noopener noreferrer">《迭代升级说明》<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>给相关人员，并抄送sj@demogic.com&lt;升级通知组&gt;。</p> <p>● 由操作升级的人员发出邮件。</p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
...@@ -43,6 +43,6 @@ ...@@ -43,6 +43,6 @@
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/14.2c764d81.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/16.3a22b9a3.js" defer></script>
</body> </body>
</html> </html>
dist/frontend/vue.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/15.281444ad.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/17.c30a6696.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
简介 简介
</a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link"> </a></div><div class="nav-item"><a href="/front-vuepress/about/" class="nav-link">
关于 关于
</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" aria-current="page" class="active sidebar-link">vue 项目</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#生命周期" class="sidebar-link">生命周期</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#vue方法放置顺序" class="sidebar-link">vue方法放置顺序</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#method-自定义方法命名-建议" class="sidebar-link">method 自定义方法命名（建议）</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#vue-组件命名" class="sidebar-link">Vue 组件命名</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#验证组件的props" class="sidebar-link">验证组件的props</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#自定义事件名称" class="sidebar-link">自定义事件名称</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#其他注意事项" class="sidebar-link">其他注意事项：</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="vue-项目"><a href="#vue-项目" class="header-anchor">#</a> vue 项目</h1> <h2 id="生命周期"><a href="#生命周期" class="header-anchor">#</a> 生命周期</h2> <ol><li>不在 mounted、created 之类的方法写逻辑，取 ajax 数据，</li> <li>在 created 里面监听 Bus 事件</li></ol> <h2 id="vue方法放置顺序"><a href="#vue方法放置顺序" class="header-anchor">#</a> vue方法放置顺序</h2> <p><code>name-&gt;components -&gt;props -&gt;data -&gt;beforeCreate-&gt;created -&gt;beforeMount -&gt;mounted-&gt;activited -&gt;beforeUpdate-&gt;updated-&gt;beforeDestroy-&gt;destroyed-&gt;beforeRouteEnter-&gt;beforeRouteUpdate-&gt;beforeRouteLeave-&gt;metods-&gt;filter-&gt;computed -&gt;watch</code></p> <h2 id="method-自定义方法命名-建议"><a href="#method-自定义方法命名-建议" class="header-anchor">#</a> method 自定义方法命名（建议）</h2> <ol><li>动宾短语（good：jumpPage、openCarInfoDialog）（bad：go、nextPage、show、open、login）</li> <li>ajax 方法以 get、post 开头，以 data 结尾（good：getListData、postFormData）（bad：takeData、confirmData、getList、postForm）</li> <li>事件方法以 on 开头（onTypeChange、onUsernameInput）</li> <li>尽量使用常用单词开头（set、get、open、close、jump）</li> <li>驼峰命名（good: getListData）（bad: get_list_data、getlistData）</li></ol> <p>为了更好的阅读体验，也是为了避免过渡注释，最好的注释就是让代码自己“说出”自己的作用，即命名要有规律性<br> </a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/front-vuepress/frontend/" aria-current="page" class="sidebar-link">前端开发规范</a></li><li><a href="/front-vuepress/frontend/css.html" class="sidebar-link">CSS 规范</a></li><li><a href="/front-vuepress/frontend/JavaScript.html" class="sidebar-link">JavaScript 命名规范</a></li><li><a href="/front-vuepress/frontend/editorconfig.html" class="sidebar-link">editorconfig</a></li><li><a href="/front-vuepress/frontend/git.html" class="sidebar-link">git 分支管理</a></li><li><a href="/front-vuepress/frontend/update.html" class="sidebar-link">前端升级规范</a></li><li><a href="/front-vuepress/frontend/vue.html" aria-current="page" class="active sidebar-link">vue 项目</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#生命周期" class="sidebar-link">生命周期</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#vue方法放置顺序" class="sidebar-link">vue方法放置顺序</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#method-自定义方法命名-建议" class="sidebar-link">method 自定义方法命名（建议）</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#vue-组件命名" class="sidebar-link">Vue 组件命名</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#验证组件的props" class="sidebar-link">验证组件的props</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#自定义事件名称" class="sidebar-link">自定义事件名称</a></li><li class="sidebar-sub-header"><a href="/front-vuepress/frontend/vue.html#其他注意事项" class="sidebar-link">其他注意事项：</a></li></ul></li><li><a href="/front-vuepress/frontend/mpvue.html" class="sidebar-link">mpvue 使用</a></li><li><a href="/front-vuepress/frontend/uniapp.html" class="sidebar-link">uni-app 使用</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="vue-项目"><a href="#vue-项目" class="header-anchor">#</a> vue 项目</h1> <h2 id="生命周期"><a href="#生命周期" class="header-anchor">#</a> 生命周期</h2> <ol><li>不在 mounted、created 之类的方法写逻辑，取 ajax 数据，</li> <li>在 created 里面监听 Bus 事件</li></ol> <h2 id="vue方法放置顺序"><a href="#vue方法放置顺序" class="header-anchor">#</a> vue方法放置顺序</h2> <p><code>name-&gt;components -&gt;props -&gt;data -&gt;beforeCreate-&gt;created -&gt;beforeMount -&gt;mounted-&gt;activited -&gt;beforeUpdate-&gt;updated-&gt;beforeDestroy-&gt;destroyed-&gt;beforeRouteEnter-&gt;beforeRouteUpdate-&gt;beforeRouteLeave-&gt;metods-&gt;filter-&gt;computed -&gt;watch</code></p> <h2 id="method-自定义方法命名-建议"><a href="#method-自定义方法命名-建议" class="header-anchor">#</a> method 自定义方法命名（建议）</h2> <ol><li>动宾短语（good：jumpPage、openCarInfoDialog）（bad：go、nextPage、show、open、login）</li> <li>ajax 方法以 get、post 开头，以 data 结尾（good：getListData、postFormData）（bad：takeData、confirmData、getList、postForm）</li> <li>事件方法以 on 开头（onTypeChange、onUsernameInput）</li> <li>尽量使用常用单词开头（set、get、open、close、jump）</li> <li>驼峰命名（good: getListData）（bad: get_list_data、getlistData）</li></ol> <p>为了更好的阅读体验，也是为了避免过渡注释，最好的注释就是让代码自己“说出”自己的作用，即命名要有规律性<br>
例如，用于存储数组的变量以 List作为名字后缀，用于某种信息的对象变量以 Info作为名字后缀，用于判断某种逻辑的变量以 is作为前缀</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>const namesList = ['xiaoming', 'xiaohong'] 例如，用于存储数组的变量以 List作为名字后缀，用于某种信息的对象变量以 Info作为名字后缀，用于判断某种逻辑的变量以 is作为前缀</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>const namesList = ['xiaoming', 'xiaohong']
const userInfo = { const userInfo = {
name: 'John', name: 'John',
...@@ -75,7 +75,11 @@ props的key使用小驼峰命名法。<br> ...@@ -75,7 +75,11 @@ props的key使用小驼峰命名法。<br>
← ←
<a href="/front-vuepress/frontend/update.html" class="prev"> <a href="/front-vuepress/frontend/update.html" class="prev">
前端升级规范 前端升级规范
</a></span> <!----></p></div> </main></div><div class="global-ui"></div></div> </a></span> <span class="next"><a href="/front-vuepress/frontend/mpvue.html">
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/15.281444ad.js" defer></script> mpvue 使用
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/17.c30a6696.js" defer></script>
</body> </body>
</html> </html>
dist/guide/index.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/16.78853d30.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/18.424d9319.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -42,6 +42,6 @@ ...@@ -42,6 +42,6 @@
│ └─ config.js // 配置文件 │ └─ config.js // 配置文件
└─ package.json └─ package.json
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><h3 id="新增-tab"><a href="#新增-tab" class="header-anchor">#</a> 新增 tab</h3> <p>只需要在 <code>.vuepress</code> 下的 <code>config.js</code> 中新增 <code>nav</code> 和对应的路径</p> <h3 id="新增-目录"><a href="#新增-目录" class="header-anchor">#</a> 新增 目录</h3> <p>只需要在根目录下新增即可</p> <h3 id="新增-文档"><a href="#新增-文档" class="header-anchor">#</a> 新增 文档</h3> <p>只需要在根目录下新增<code>.md</code>文件即可</p> <h2 id="_2-配置侧边栏"><a href="#_2-配置侧边栏" class="header-anchor">#</a> 2.配置侧边栏</h2> <blockquote><p>如果需要配置侧边栏，只需要 <code>config</code> 下 <code>sidebars.js</code>中配置</p></blockquote></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div> </code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><h3 id="新增-tab"><a href="#新增-tab" class="header-anchor">#</a> 新增 tab</h3> <p>只需要在 <code>.vuepress</code> 下的 <code>config.js</code> 中新增 <code>nav</code> 和对应的路径</p> <h3 id="新增-目录"><a href="#新增-目录" class="header-anchor">#</a> 新增 目录</h3> <p>只需要在根目录下新增即可</p> <h3 id="新增-文档"><a href="#新增-文档" class="header-anchor">#</a> 新增 文档</h3> <p>只需要在根目录下新增<code>.md</code>文件即可</p> <h2 id="_2-配置侧边栏"><a href="#_2-配置侧边栏" class="header-anchor">#</a> 2.配置侧边栏</h2> <blockquote><p>如果需要配置侧边栏，只需要 <code>config</code> 下 <code>sidebars.js</code>中配置</p></blockquote></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/16.78853d30.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/18.424d9319.js" defer></script>
</body> </body>
</html> </html>
dist/haoban/1.haoban2.0.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/17.85230ba2.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/19.d2961746.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -92,6 +92,6 @@ ...@@ -92,6 +92,6 @@
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/17.85230ba2.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/19.d2961746.js" defer></script>
</body> </body>
</html> </html>
dist/haoban/2.haoban3.0.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/18.52626648.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/20.6a6f463d.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -41,6 +41,6 @@ ...@@ -41,6 +41,6 @@
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/18.52626648.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/20.6a6f463d.js" defer></script>
</body> </body>
</html> </html>
dist/haoban/3.haoban4.0.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/19.c2176fb3.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/21.79abf7b9.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -37,6 +37,6 @@ ...@@ -37,6 +37,6 @@
<a href="/front-vuepress/haoban/2.haoban3.0.html" class="prev"> <a href="/front-vuepress/haoban/2.haoban3.0.html" class="prev">
好办 3.0 好办 3.0
</a></span> <!----></p></div> </main></div><div class="global-ui"></div></div> </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/19.c2176fb3.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/21.79abf7b9.js" defer></script>
</body> </body>
</html> </html>
dist/haoban/index.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/20.0f68cf20.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/22.075fa4e5.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/7.614cd278.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" class="home-link router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" class="nav-link">
...@@ -37,6 +37,6 @@ ...@@ -37,6 +37,6 @@
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/20.0f68cf20.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/22.075fa4e5.js" defer></script>
</body> </body>
</html> </html>
dist/index.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="icon" href="/front-vuepress/favicon.ico"> <link rel="icon" href="/front-vuepress/favicon.ico">
<meta name="description" content="前端知识库"> <meta name="description" content="前端知识库">
<link rel="preload" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.baf4bd8c.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/7.614cd278.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.0c2ac36f.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.43f9dc07.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.0ff08267.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.16a36f7e.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.2c764d81.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.281444ad.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.78853d30.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.85230ba2.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.52626648.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.c2176fb3.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.0f68cf20.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.c033293e.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.10abc4a6.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.1c9f6193.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.3bb8be27.js"> <link rel="preload" href="/front-vuepress/assets/css/0.styles.786eade6.css" as="style"><link rel="preload" href="/front-vuepress/assets/js/app.7583859b.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/2.45b9916f.js" as="script"><link rel="preload" href="/front-vuepress/assets/js/7.614cd278.js" as="script"><link rel="prefetch" href="/front-vuepress/assets/js/10.c0302693.js"><link rel="prefetch" href="/front-vuepress/assets/js/11.c7e2e255.js"><link rel="prefetch" href="/front-vuepress/assets/js/12.1fc9c8cf.js"><link rel="prefetch" href="/front-vuepress/assets/js/13.910650e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/14.0a645f6b.js"><link rel="prefetch" href="/front-vuepress/assets/js/15.d9a2764b.js"><link rel="prefetch" href="/front-vuepress/assets/js/16.3a22b9a3.js"><link rel="prefetch" href="/front-vuepress/assets/js/17.c30a6696.js"><link rel="prefetch" href="/front-vuepress/assets/js/18.424d9319.js"><link rel="prefetch" href="/front-vuepress/assets/js/19.d2961746.js"><link rel="prefetch" href="/front-vuepress/assets/js/20.6a6f463d.js"><link rel="prefetch" href="/front-vuepress/assets/js/21.79abf7b9.js"><link rel="prefetch" href="/front-vuepress/assets/js/22.075fa4e5.js"><link rel="prefetch" href="/front-vuepress/assets/js/3.6d5b090a.js"><link rel="prefetch" href="/front-vuepress/assets/js/4.d0bf0655.js"><link rel="prefetch" href="/front-vuepress/assets/js/5.08e0b148.js"><link rel="prefetch" href="/front-vuepress/assets/js/6.706caab8.js"><link rel="prefetch" href="/front-vuepress/assets/js/8.27f906d5.js"><link rel="prefetch" href="/front-vuepress/assets/js/9.97f08b42.js">
<link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.e6bd79e6.css"> <link rel="stylesheet" href="/front-vuepress/assets/css/0.styles.786eade6.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" aria-current="page" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" aria-current="page" class="nav-link router-link-exact-active router-link-active"> <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-vuepress/" aria-current="page" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">前端知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-vuepress/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
...@@ -52,6 +52,6 @@ vuepress build . ...@@ -52,6 +52,6 @@ vuepress build .
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div></div> <div class="footer"> </code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div></div> <div class="footer">
MIT Licensed | Copyright © 2019-present fairyly MIT Licensed | Copyright © 2019-present fairyly
</div></main></div><div class="global-ui"></div></div> </div></main></div><div class="global-ui"></div></div>
<script src="/front-vuepress/assets/js/app.baf4bd8c.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/7.614cd278.js" defer></script> <script src="/front-vuepress/assets/js/app.7583859b.js" defer></script><script src="/front-vuepress/assets/js/2.45b9916f.js" defer></script><script src="/front-vuepress/assets/js/7.614cd278.js" defer></script>
</body> </body>
</html> </html>
frontend/mpvue.md 0 → 100644
# mpvue 使用
```
app.vue & main.js
┌---------┐ ┌----------┐ ┌---------┐
| app.vue ├--┐ | app.js | | app.json|
└---------┘ | └----------┘ └---------┘
├---------------------->
┌---------┐ | webpack ┌----------┐
| main.js ├--┘ | app.wxss |
└---------┘ └----------┘
page.vue & main.js
┌------------------------------┐
┌-----┴-----┐ ┌-------┐ |
| page.vue ├----> | .sass | |
└---┬-┬-┬---┘ └-------┘ |
| | | |
| | | ┌------------┐ |
| | └---> | common.css | | ┌-------┐ ┌-------┐
| | └-------┬----┘ v | .js | | .json |
| | | ┌---------┐ └-------┘ └-------┘
| | ┌------┐ | | main.js ├----------->
| └-->| .js | v └---------┘ webpack ┌-------┐ ┌-------┐
| └------┘ ┌-------┐ | .wxml | | .wxss |
| ┌------┐ | .font | └-------┘ └-------┘
└---->| .jpg | └-------┘
└------┘
```
>除了 Vue 本身的生命周期外，mpvue 还兼容了小程序生命周期，这部分生命周期钩子的来源于微信小程序的 Page， **除特殊情况外，不建议使用小程序的生命周期钩子**。
- app 部分：
```
onLaunch，初始化
onShow，当小程序启动，或从后台进入前台显示
onHide，当小程序从前台进入后台
```
- page 部分：
```
onLoad，监听页面加载
onShow，监听页面显示
onReady，监听页面初次渲染完成
onHide，监听页面隐藏
onUnload，监听页面卸载
onPullDownRefresh，监听用户下拉动作
onReachBottom，页面上拉触底事件的处理函数
onShareAppMessage，用户点击右上角分享
onPageScroll，页面滚动
onTabItemTap, 当前是 tab 页时，点击 tab 时触发 （mpvue 0.0.16 支持）
```
- 不支持在组件上使用 Class 与 Style 绑定
- 嵌套列表渲染，必须指定不同的索引！
- 原生事件也可以使用例如 `bindregionchange` 事件直接在 `dom` 上将 `bind` 改为 `@`, `@regionchange`;
- 如何获取小程序在 page onLoad 时候传递的 options
- 在所有 页面 的组件内可以通过 `this.$root.$mp.query `进行获取
- 如何获取小程序在 app onLaunch/onShow 时候传递的 options
- 在所有的组件内可以通过 `this.$root.$mp.appOptions` 进行获取。
- 如何捕获 app 的 onError
- 在 app 的根组件上添加名为 onError 的回调函数
```
// 只有 app 才会有 onLaunch 的生命周期
onLaunch () {
// ...
},
// 捕获 app error
onError (err) {
console.log(err)
}
```
- `v-html` 指令不能用
- 不支持部分复杂的 JavaScript 渲染表达式
- 不支持过滤器
- 不支持在 template 内使用 methods 中的函数
- 不支持 classObject 和 styleObject 语法
- mpvue 可以支持小程序的原生组件，比如： `picker,map` 等，需要注意的是原生组件上的事件绑定，需要以 vue 的事件绑定语法来绑定，如 `bindchange="eventName" `事件，需要写成 `@change="eventName"`
- 合理使用双向绑定 mpvue 建议使用 `v-model.lazy` 绑定方式以优化性能
- 新增的页面需要重新 npm run dev 来进行编译
- 在触发事件后如果要获取对应的值，需要写成这样: e.mp.detail.value
## install
```
npm i -g @vue/cli-init
vue init mpvue/mpvue-quickstart my-wx
cd my-wx
npm install
npm run dev
```
## 全局 API
```
// 调用API从本地缓存中获取数据
/*
* 平台 api 差异的处理方式: api 方法统一挂载到 mpvue 名称空间, 平台判断通过 mpvuePlatform 特征字符串
* 微信：mpvue === wx, mpvuePlatform === 'wx'
* 头条：mpvue === tt, mpvuePlatform === 'tt'
* 百度：mpvue === swan, mpvuePlatform === 'swan'
* 支付宝(蚂蚁)：mpvue === my, mpvuePlatform === 'my'
*/
在 mpvue 中调用 wx 的API
如：
wx.canIUse('button.open-type.getUserInfo') ==> mpvue.canIUse('button.open-type.getUserInfo')
```
## 获取手机号
```
<van-button type="primary" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</van-button>
getPhoneNumber (e) {
mpvue.checkSession({
success () {
// session_key 未过期，并且在本生命周期一直有效
console.log(e)
},
fail () {
// session_key 已经失效，需要重新执行登录流程
mpvue.login() // 重新登录
}
})
}
```
>注意:
在回调中调用 wx.login 登录，可能会刷新登录态。此时服务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey，导致解密失败。
建议开发者提前进行 login；或者在回调中先使用 checkSession 进行登录态检查，避免 login 刷新登录态
## mpvue引入vant Weapp样式的时候，没有把原来的px转换成rpx，应该是px2rpx插件的配置有问题
```
最后用transform在copy的时候解决掉
var Px2rpx = require('px2rpx');
var px2rpxIns = new Px2rpx({ rpxUnit: 0.5 });
// copy custom static assets
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../static'),
to: config.build.assetsSubDirectory,
transform(content, path) {
if (path.endsWith('.wxss')) {
return px2rpxIns.generaterpx(content.toString(), 1)
} else {
return content
}
},
ignore: ['.*']
}
]),
```
## mpvue 配置less后 提示报错信息UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
```
# 卸载less-loader
# 重新安装指定版本
因为当时 mpvue 中使用的webpack 是 "webpack": "^3.11.0"， 最开始安装 "less-loader": "^7.2.1",版本比较高
npm i --save less-loader@4.1.0
解决
```
## mpvue 中使用ECharts
```
npm i mpvue-echarts echarts --save
<template>
<div class="echarts-wrap">
<mpvue-echarts :echarts="echarts" :onInit="onInit" canvasId="demo-canvas" />
</div>
</template>
<script>
import * as echarts from 'echarts/dist/echarts.min'
import mpvueEcharts from 'mpvue-echarts'
let chart = null;
function initChart(canvas, width, height) {
chart = echarts.init(canvas, null, {
width: width,
height: height
});
canvas.setChart(chart);
var option = { // ECharts 配置项
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
x: 'center',
type: 'value',
splitLine: {
lineStyle: {
type: 'dashed'
}
}
},
series: [{
name: 'A',
type: 'line',
smooth: true,
data: [18, 36, 65, 30, 78, 40, 33]
}, {
name: 'B',
type: 'line',
smooth: true,
data: [12, 50, 51, 35, 70, 30, 20]
}]
};
chart.setOption(option);
return chart; // 返回 chart 后可以自动绑定触摸操作
}
export default {
components: {
mpvueEcharts
},
data () {
return {
echarts,
onInit: initChart
}
}
}
</script>
<style scoped>
.echarts-wrap {
width: 100%;
height: 300px;
}
</style>
```
## 第三方的网络请求库 fly
```
npm install flyio || cnpm install flyio
# 引入
import Fly from "flyio/dist/npm/wx";
# 1. 创建一个 fly 实例
let fly = new Fly;
# 2. 发起GET请求
// 通过用户id获取信息,参数直接写在url中
fly.get('/user?id=133')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
// query参数通过对象传递
fly.get('/user', {
id: 133
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
# 3. 发起POST请求
fly.post('/user', {
name: 'Doris',
age: 24
phone:"18513222525"
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
# 4. 发起多个并发请求
function getUserRecords() {
return fly.get('/user/133/records');
}
function getUserProjects() {
return fly.get('/user/133/projects');
}
fly.all([getUserRecords(), getUserProjects()])
.then(fly.spread(function (records, projects) {
//两个请求都完成
}))
.catch(function(error){
console.log(error)
})
```
## 图片预加载
```
npm install mpvue-img-load
<div>
<image v-if="imgUrl" :src="imgUrl" />
<img-load ref="imgLoad"></img-load>
</div>
import imgLoad from 'mpvue-img-load'
export default {
data () {
return {
imgUrl: ''
}
},
components: {
imgLoad
},
methods: {
loadImage () {
// 加载缩略图 80x50 3KB
this.imgUrl = 'http://storage.360buyimg.com/mtd/home/lion1483683731203.jpg'
// 原图 3200x2000 1.6MB
const imgUrlOriginal = 'http://storage.360buyimg.com/mtd/home/lion1483624894660.jpg'
// 同时对原图进行预加载，加载成功后再替换
this.$refs.imgLoad.load(imgUrlOriginal, (err, data) => {
if (!err) {
this.imgUrl = data.src
}
})
}
},
mounted () {
this.loadImage()
}
}
```
## 参考
- [quickstart](http://mpvue.com/mpvue/quickstart.html)
- [Rychou/mpvue-vant](https://github.com/Rychou/mpvue-vant)
- [F-loat/mpvue-echarts](https://github.com/F-loat/mpvue-echarts)
- [mpvue/awesome-mpvue](https://github.com/mpvue/awesome-mpvue)
- [mpvue-weui](https://kuangpf.com/mpvue-weui/#/?id=mpvue-weui)
- [mpvue-weui/#/reasons](https://kuangpf.com/mpvue-weui/#/reasons)
- [wendux/fly](https://github.com/wendux/fly)
frontend/uniapp.md 0 → 100644
# uni-app 使用
## install
```
npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project
# 运行、发布uni-app
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM% 可取值 mp-weixin
npm run dev:mp-weixin
```
- dev 模式编译出的各平台代码存放于根目录下的 /dist/dev/目录，打开各平台开发工具选择对应平台目录即可进行预览（h5 平台不会在此目录，存在于缓存中）；
- build 模式编译出的各平台代码存放于根目录下的 /dist/build/ 目录，发布时选择此目录进行发布；
## uni-app 约定了如下开发规范：
- 页面文件遵循 Vue 单文件组件 (SFC) 规范
- 组件标签靠近小程序规范，详见uni-app 组件规范
- 接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni，详见uni-app接口规范
- 数据绑定及事件处理同 Vue.js 规范，同时补充了App及页面的生命周期
- 为兼容多端运行，建议使用flex布局进行开发
>虽然不推荐使用HTML标签，但实际上如果开发者写了div等标签，在编译到非H5平台时也会被编译器转换为view标签，类似的还有span转text、a转navigator等，包括css里的元素选择器也会转。
但为了管理方便、策略统一，新写代码时仍然建议使用view等组件。
## 目录结构
```
┌─cloudfunctions 云函数目录（阿里云为aliyun，腾讯云为tcb，详见uniCloud）
│─components 符合vue组件规范的uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录，详见
├─platforms 存放各平台专用页面的目录，详见
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
├─wxcomponents 存放小程序组件的目录，详见
├─main.js Vue初始化入口文件
├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见
└─pages.json 配置页面路由、导航条、选项卡等页面类信息，详见
```
## 静态资源
### 模板内引入静态资源
template内引入静态资源，如image、video等标签的src属性时，可以使用相对路径或者绝对路径，形式如下
```
<!-- 绝对路径，/static指根目录下的static目录，在cli项目中/static指src目录下的static目录 -->
<image class="logo" src="/static/logo.png"></image>
<image class="logo" src="@/static/logo.png"></image>
<!-- 相对路径 -->
<image class="logo" src="../../static/logo.png"></image>
```
>注意:
@开头的绝对路径以及相对路径会经过base64转换规则校验
引入的静态资源在非h5平台，均不转为base64。
H5平台，小于4kb的资源会被转换成base64，其余不转。
自HBuilderX 2.6.6-alpha起template内支持@开头路径引入静态资源，旧版本不支持此方式
App平台自HBuilderX 2.6.9-alpha起template节点中引用静态资源文件时（如：图片），调整查找策略为【基于当前文件的路径搜索】，与其他平台保持一致
支付宝小程序组件内 image 标签不可使用相对路径
## js文件引入
```
js文件或script标签内（包括renderjs等）引入js文件时，可以使用相对路径和绝对路径，形式如下
// 绝对路径，@指向项目根目录，在cli项目中@指向src目录
import add from '@/common/add.js'
// 相对路径
import add from '../../common/add.js'
```
>注意: js文件不支持使用/开头的方式引入
### css引入静态资源
```
css文件或style标签内引入css文件时（scss、less文件同理），可以使用相对路径或绝对路径（HBuilderX 2.6.6-alpha）
/* 绝对路径 */
@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相对路径 */
@import url('../../common/uni.css');
```
css文件或style标签内引用的图片路径可以使用相对路径也可以使用绝对路径，需要注意的是，有些小程序端css文件不允许引用本地文件（请看注意事项）。
```
/* 绝对路径 */
background-image: url(/static/logo.png);
background-image: url(@/static/logo.png);
/* 相对路径 */
background-image: url(../../static/logo.png);
在 uni-app 中不能使用 * 选择器。
微信小程序自定义组件中仅支持 class 选择器
page 相当于 body 节点
```
Tips：
- 引入字体图标请参考，字体图标
- @开头的绝对路径以及相对路径会经过base64转换规则校验
- 不支持本地图片的平台，小于40kb，一定会转base64。（共四个平台mp-weixin, mp-qq, mp-toutiao, app v2）
- h5平台，小于4kb会转base64，超出4kb时不转。
- 其余平台不会转base64
### CSS变量
```
uni-app 提供内置 CSS 变量
CSS变量 描述 App 小程序 H5
--status-bar-height 系统状态栏高度 系统状态栏高度、nvue注意见下 25px 0
--window-top 内容区域距离顶部的距离 0 0 NavigationBar 的高度
--window-bottom 内容区域距离底部的距离 0 0 TabBar 的高度
注意：
var(--status-bar-height) 此变量在微信小程序环境为固定 25px，在 App 里为手机实际状态栏高度。
当设置 "navigationStyle":"custom" 取消原生导航栏后，由于窗体为沉浸式，占据了状态栏位置。此时可以使用一个高度为 var(--status-bar-height) 的 view 放在页面顶部，避免页面内容出现在状态栏。
由于在H5端，不存在原生导航栏和tabbar，也是前端div模拟。如果设置了一个固定位置的居底view，在小程序和App端是在tabbar上方，但在H5端会与tabbar重叠。此时可使用--window-bottom，不管在哪个端，都是固定在tabbar上方。
目前 nvue 在App端，还不支持 --status-bar-height变量，替代方案是在页面onLoad时通过uni.getSystemInfoSync().statusBarHeight获取状态栏高度，然后通过style绑定方式给占位view设定高度。
onLoad() {
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight
}
ni-app 中以下组件的高度是固定的，不可修改：
组件 描述 App H5
NavigationBar 导航栏 44px 44px
TabBar 底部选项卡 HBuilderX 2.3.4之前为56px，2.3.4起和H5调为一致，统一为 50px。但可以自主更改高度） 50px
```
## 生命周期
- 应用生命周期
>uni-app 支持 onLaunch、onShow、onHide 等应用生命周期函数，详情请参考应用生命周期
- 页面生命周期
>uni-app 支持 onLoad、onShow、onReady 等生命周期函数
## 路由跳转
- uni-app 有两种页面路由跳转方式：使用navigator组件跳转、调用API跳转
## 开发环境和生产环境
>uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境
- 判断平台: uni.getSystemInfoSync().platform
## 小程序组件支持
uni-app 支持在 App 和 小程序 中使用小程序自定义组件，从HBuilderX2.4.7起，H5端也可以运行微信小程序组件。
平台差异说明
| 平台| 支持情况| 小程序组件存放目录|
|--|--|--|
| H5 |支持微信小程序组件（2.4.7+）| wxcomponents|
| App（不含nvue）| 支持微信小程序组件 |wxcomponents|
| 微信小程序 |支持微信小程序组件| wxcomponents|
| 支付宝小程序| 支持支付宝小程序组件| mycomponents|
| 百度小程序 |支持百度小程序组件|swancomponents|
| 字节跳动小程序 |支持字节跳动小程序组件| ttcomponents|
| QQ小程序| 支持QQ小程序组件 |wxcomponents|
## 引入 vantUI
```
npm i @vant/weapp -S --production
在项目根目录下新建 wxcomponents 目录
将vant/weapp中dist目录拷贝到新建的wxcomponents目录下，并重命名dist为vant
# 单个页面引入
page.json:
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"usingComponents": {
"van-button": "/wxcomponents/vant/button/index",
}
}
}
],
# 全局引入
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"usingComponents": {
"van-button": "/wxcomponents/vant/button/index",
"van-image": "/wxcomponents/vant/image/index",
"van-field": "/wxcomponents/vant/field/index",
"van-search": "/wxcomponents/vant/search/index",
"van-cell": "/wxcomponents/vant/cell/index",
"van-cell-group": "/wxcomponents/vant/cell-group/index",
"van-notice-bar": "/wxcomponents/vant/notice-bar/index"
}
}
```
## 坑，
- 使用 vue-cli 安装，一直报错
- 修改hosts:
- https://github.com.ipaddress.com/ 查看 ip
- https://fastly.net.ipaddress.com/github.global.ssl.fastly.net
```
# github
140.82.114.3 www.github.com
140.82.114.3 github.com
# 192.30.253.112 www.github.com
# 192.30.253.112 github.com
199.232.69.194 github.global.ssl.fastly.net
# 151.101.13.194 github.global.ssl.fastly.net
```
```
ERROR Failed fetching remote preset dcloudio/uni-preset-vue:
ERROR Error: end of central directory record signature not found
手动下载 uni-preset-vue
vue create --preset ./uni-preset-vue my-project
再选择模板 默认模板快 ， hello很慢
```
- [加载文件系统中的-preset](https://cli.vuejs.org/zh/guide/plugins-and-presets.html#%E5%8A%A0%E8%BD%BD%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F%E4%B8%AD%E7%9A%84-preset)
## getApp() 函数用于获取当前应用实例，一般用于获取globalData
```
const app = getApp()
console.log(app.globalData)
```
## getCurrentPages()
getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。
注意： getCurrentPages()仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。
## 参考
- [quickstart](https://uniapp.dcloud.net.cn/quickstart-cli?id=%e8%bf%90%e8%a1%8c%e3%80%81%e5%8f%91%e5%b8%83uni-app)
- [uni-ui](https://github.com/dcloudio/uni-ui)
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment