Fix: 细节

Maorey · Sep 18, 2019 · d34b94a · d34b94a
1 parent c0855fe
commit d34b94a
Show file tree

Hide file tree

Showing 16 changed files with 145 additions and 178 deletions.
diff --git a/README.md b/README.md
@@ -221,8 +221,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 
 > 推荐使用 [TypeScript](https://www.tslang.cn)
 
-- CSS Modules class 名使用 `camelCase` (global 可以 kebab-case), 选择器嵌套**不应超过三层**
-- JavaScript 代码风格为 [**JavaScript standard**](https://standardjs.com/rules-zhcn.html)，除了以下区别:
+- JavaScript/TypeScript 代码风格为 [**JavaScript standard**](https://standardjs.com/rules-zhcn.html)，除了以下区别:
 
   - 使用单引号
   - 不要句尾分号
@@ -232,7 +231,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
   （.vscode 文件夹为 VSCode 的工作区设置，只在本项目生效，已包含相关设置）
 
 - 另请参考: [vue 风格指南](https://cn.vuejs.org/v2/style-guide/) **推荐(C)及以上** 和 [stylelint](https://github.com/stylelint/stylelint/blob/master/docs/user-guide/rules.md) [配置](.stylelintrc.js)
-- 引用 vue 单文件组件**不要加文件扩展名**，有利于重构代码
+- 引用 `vue/tsx/ts/js/jsx` **不要加文件扩展名**，有利于重构代码
 - 在`tsx/jsx`中使用全局注册的组件时可以使用`kebab-case`, 否则会在控制台输出错误 ┐(：´ ゞ｀)┌
 
   ```TypeScript
@@ -253,6 +252,9 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
   ```
 
 - 先定义再`export`(IDE 提示更友好), 并且`export`语句放到最后
+- 不要使用 `$` 作为组件事件名，该名字已被[异步组件刷新](src/utils/highOrder.ts)占用
+- 路由请**全部**使用异步组件(`@utils/highOrder getAsync`)，以使路由及其**子(异步)组件**可以局部刷新
+- CSS Modules class 名使用 `camelCase` (global 可以 kebab-case), 选择器嵌套**不应超过三层**
 - <a id="全局scss"></a>**全局 sccs** _(包含<a href="#别名">各别名</a>下[.env](.env) `GLOBAL_SCSS`变量指定的文件)_ 中不要出现具体样式, 也不要有[`:export{}`](https://github.com/css-modules/icss#export)(应在 `export*.scss` 中使用); 为保证`ts/js`中引入时 scss 变量注入正确, 应在合适的 scss 文件中引入目标样式源码:
 
   ```scss
@@ -330,7 +332,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 
 ### 其他
 
-- 规范优雅正确适当的各种**注释**，比如方法注释及必要的变量注释：
+- 正确规范简洁优雅适当的各种**注释**，比如方法注释及必要的变量注释：
 
   ```TypeScript
   /** 二维点
@@ -396,13 +398,12 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
   }
   ```
 
-- [异步 chunk](https://webpack.docschina.org/api/module-methods) 使用入口层级命名(方便排查问题和碎文件合并)，比如: index 页面下的 home 视图命名为 `index_home`, 其下的用户视图命名为 `index_home_my`, 用户基础信息命名为 `index_home_my_baseinfo` 。为避免文件名太长，每个层级可以缩写: `iHome`, `ihMy`, `ihmBaseInfo`。
-- 路由请**全部**使用异步组件(`@utils/highOrder getAsync`)，以使路由及其**子(异步)组件**可以局部刷新
-- libs 下的库文件需要按需加载的，应提供引入方法（只会成功加载一次），比如(模块化, 全局的类似):
+- [异步 chunk](https://webpack.docschina.org/api/module-methods) 使用入口层级命名(方便排查问题和碎文件合并)，比如: index 页面下的 home 视图命名为 `index_home`, 其下的用户视图命名为 `index_home_my`, 用户基础信息命名为 `index_home_my_baseinfo` 。为避免文件名太长，每个层级可以缩写: `iHome`, `ihMy`, `ihmBaseInfo`
+- libs 下的库文件需要按需加载的，应提供引入方法（只会成功加载一次），比如:
 
   ```TypeScript
   // src/libs/somelib/index.ts
-  /** 异步引入somelib(模块化)及其插件
+  /** 模块化异步引入somelib及其插件（全局类似）
   * @param {Array<String>} plugins 需要加载的somelib插件名列表:
   *
   *   plugin1: 插件1

diff --git a/package.json b/package.json
@@ -56,7 +56,7 @@
     "@babel/core": "^7.6.0",
     "@types/crypto-js": "^3.1.43",
     "@types/d3": "^5.7.2",
-    "@types/echarts": "^4.1.12",
+    "@types/echarts": "^4.1.13",
     "@types/jest": "^24.0.18",
     "@vue/cli-plugin-babel": "^4.0.0-rc.3",
     "@vue/cli-plugin-e2e-nightwatch": "^4.0.0-rc.3",

diff --git a/public/index.html b/public/index.html
@@ -81,9 +81,9 @@
 <!-- 不支持js脚本提示 -->
 <noscript><strong>您的终端未启用JavaScript，请启用后重试</strong></noscript>
 <!-- 手写页面骨架 -->
-<p style="text-align:center;color:snow;margin-top:48vh;font-size:x-large">加载中，请稍候...</p>
+<p style="margin:0;padding-top:40%;text-align:center;color:snow;font-size:x-large">加载中，请稍候...</p>
 
 <!-- 自动插入打包脚本 -->
 <%= isProd ? '</body>' : '</div></body>' %>
 
-</html>
+</html>
diff --git a/public/other.html b/public/other.html
@@ -81,9 +81,9 @@
 <!-- 不支持js脚本提示 -->
 <noscript><strong>您的终端未启用JavaScript，请启用后重试</strong></noscript>
 <!-- 手写页面骨架 -->
-<p style="text-align:center;color:snow;margin-top:48vh;font-size:x-large">加载中，请稍候...</p>
+<p style="margin:0;padding-top:40%;text-align:center;color:snow;font-size:x-large">加载中，请稍候...</p>
 
 <!-- 自动插入打包脚本 -->
 <%= isProd ? '</body>' : '</div></body>' %>
 
-</html>
+</html>
diff --git a/scripts/figure.js b/scripts/figure.js
@@ -4,53 +4,8 @@
  * @Date: 2019-06-05 09:15:13
  */
 
-/// 通用 ///
-const COM = {
-  c1: `
-                  _ooOoo_
-                  o8888888o
-                  88" . "88
-                  (| -_- |)
-                  O\\ = /O
-              ____/\`---'\\____
-            .   ' \\\\| |// \`.
-              / \\\\||| : |||// \\
-            / _||||| -:- |||||- \\
-              | | \\\\\\ - /// | |
-            | \\_| ''\\---/'' | |
-            \\ .-\\__ \`-\` ___/-. /
-          ___\`. .' /--.--\\ \`. . __
-      ."" '< \`.___\\_<|>_/___.' >'"".
-      | | : \`- \\\`.;\`\\ _ /\`;.\`/ - \` : | |
-        \\ \\ \`-. \\_ __\\ /__ _/ .-\` / /
-======\`-.____\`-.___\\_____/___.-\`____.-'======
-                  \`=---='
-`,
-  c2: `
- _ooOoo_
- o8888888o
- 88" . "88
- (| -_- |)
-  O\\ = /O
- ___/\`---'\\____
- .   ' \\\\| |// \`.
- / \\\\||| : |||// \\
- / _||||| -:- |||||- \\
- | | \\\\\\ - /// | |
- | \\_| ''\\---/'' | |
- \\ .-\\__ \`-\` ___/-. /
- ___\`. .' /--.--\\ \`. . __
- ."" '< \`.___\\_<|>_/___.' >'"".
- | | : \`- \\\`.;\`\\ _ /\`;.\`/ - \` : | |
- \\ \\ \`-. \\_ __\\ /__ _/ .-\` / /
- ======\`-.____\`-.___\\_____/___.-\`____.-'======
- \`=---='
-`,
-}
-
-module.exports = {
-  /// 开发环境 ///
-  d1: `
+module.exports = [
+  `
    ┌─┐       ┌─┐
 ┌──┘ ┴───────┘ ┴──┐
 │                 │
@@ -90,7 +45,7 @@ module.exports = {
     ██████╔╝╚██████╔╝╚██████╔╝
     ╚═════╝  ╚═════╝  ╚═════╝
 `,
-  d2: `
+  `
                                         ,s555SB@@&
                                     :9H####@@@@@Xi
                                     1@@@@@@@@@@@@@@8
@@ -120,7 +75,7 @@ module.exports = {
             ,,,rHAri1h1rh&@#353Sh:          8@@@@@@@@@@@@@@@@@@@@@@@@@#:
           .A3hH@#5S553&@@#h   i:i9S          #@@@@@@@@@@@@@@@@@@@@@@@@@A.
 `,
-  d3: `
+  `
 ┌───┐   ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐
 │Esc│   │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│  ┌┐    ┌┐    ┌┐
 └───┘   └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘  └┘    └┘    └┘
@@ -136,11 +91,47 @@ module.exports = {
 │ Ctrl│    │Alt │         Space         │ Alt│    │    │Ctrl│ │ ← │ ↓ │ → │ │   0   │ . │←─┘│
 └─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘
 `,
-  d4: COM.c1,
-  d5: COM.c2,
-
-  /// 生产环境 ///
-  p1: `
+  `
+  _ooOoo_
+  o8888888o
+  88" . "88
+  (| -_- |)
+  O\\ = /O
+____/\`---'\\____
+.   ' \\\\| |// \`.
+/ \\\\||| : |||// \\
+/ _||||| -:- |||||- \\
+| | \\\\\\ - /// | |
+| \\_| ''\\---/'' | |
+\\ .-\\__ \`-\` ___/-. /
+___\`. .' /--.--\\ \`. . __
+."" '< \`.___\\_<|>_/___.' >'"".
+| | : \`- \\\`.;\`\\ _ /\`;.\`/ - \` : | |
+\\ \\ \`-. \\_ __\\ /__ _/ .-\` / /
+======\`-.____\`-.___\\_____/___.-\`____.-'======
+  \`=---='
+`,
+  `
+  _ooOoo_
+  o8888888o
+  88" . "88
+  (| -_- |)
+   O\\ = /O
+  ___/\`---'\\____
+  .   ' \\\\| |// \`.
+  / \\\\||| : |||// \\
+  / _||||| -:- |||||- \\
+  | | \\\\\\ - /// | |
+  | \\_| ''\\---/'' | |
+  \\ .-\\__ \`-\` ___/-. /
+  ___\`. .' /--.--\\ \`. . __
+  ."" '< \`.___\\_<|>_/___.' >'"".
+  | | : \`- \\\`.;\`\\ _ /\`;.\`/ - \` : | |
+  \\ \\ \`-. \\_ __\\ /__ _/ .-\` / /
+  ======\`-.____\`-.___\\_____/___.-\`____.-'======
+  \`=---='
+ `,
+  `
 _______________#########_______________________
 ______________############_____________________
 ______________#############____________________
@@ -165,7 +156,7 @@ _____#####________####______#####_____###______
 ______#####______;###________###______#________
 ________##_______####________####______________
 `,
-  p2: `
+  `
   瓦瓦                     十
 十齱龠己                亅瓦車己
 乙龍龠毋日丶           丶乙己毋毋丶
@@ -201,7 +192,7 @@ ________##_______####________####______________
             丶亅亅丶                            亅日瓦日
                                                       丶
 `,
-  p3: `
+  `
                   .::::.
                 .::::::::.
                 :::::::::::
@@ -221,7 +212,7 @@ ________##_______####________####______________
 \`\`\`\` ':.          ':::::::::'                  ::::..
                   '.:::::'                    ':'\`\`\`\`..
 `,
-  p4: `
+  `
 ___====-_  _-====___
 _--^^^#####//      \\\\#####^^^--_
 _-^##########// (    ) \\\\##########^-_
@@ -239,7 +230,7 @@ _#/|##########/\\######(   /\\   )######/\\##########|\\#_
   __\\ | |  | | /__
  (vvv(VVV)(VVV)vvv)
 `,
-  p5: `
+  `
                                   __----~~~~~~~~~~~------___
                  .  .   ~~//====......          __--~ ~~
  -.            \\_|//     |||\\\\  ~~~~~~::::... /~
@@ -259,7 +250,7 @@ _-~~     .=~    |  \\\\-_    '-~7  /-   /  ||    \\      /
              //.-~~~-~_--~- |-------~~~~~~~~
                     //.-~~~--\\
 `,
-  p6: `
+  `
 _._ _..._ .-',     _.._(\`))
 '-. \`     '  /-._.-'    ',/
   )         \\            '.
@@ -274,7 +265,7 @@ _._ _..._ .-',     _.._(\`))
       /,_|  |   /,_/   /
           /,_/      '\`-'
 `,
-  p7: `
+  `
 .=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-.
 |                     ______                     |
 |                  .-"      "-.                  |
@@ -293,7 +284,7 @@ _._ _..._ .-',     _.._(\`))
 |                                                |
 '-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-='
 `,
-  p8: `
+  `
   .--,       .--,
  ( (  \\.---./  ) )
   '.__/o   o\\__.'
@@ -307,6 +298,4 @@ _._ _..._ .-',     _.._(\`))
     ___)( )(___
    (((__) (__)))
 `,
-  p9: COM.c1,
-  p10: COM.c2,
-}
+]