perf:代码优化

Author: nigel201611

package-lock.json

@@ -11,6 +11,17 @@
     "lint": "eslint --fix --ext .js,.vue src",
     "unit": "cross-env BABEL_ENV=test karma start karma.config.js --single-run"
   },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "src/**/*.{js,vue}": [
+      "npm run lint",
+      "git add"
+    ]
+  },
   "dependencies": {
     "axios": "^0.19.2",
     "base64-js": "^1.3.1",
@@ -85,6 +96,7 @@
     "function-bind": "^1.1.1",
     "html-webpack-plugin": "^3.2.0",
     "http-proxy-middleware": "^0.17.4",
+    "husky": "^4.3.6",
     "json-loader": "^0.5.7",
     "karma": "^5.0.5",
     "karma-chai": "^0.1.0",
@@ -94,6 +106,7 @@
     "karma-sourcemap-loader": "^0.3.7",
     "karma-spec-reporter": "0.0.32",
     "karma-webpack": "^4.0.2",
+    "lint-staged": "^10.5.3",
     "mini-css-extract-plugin": "^0.9.0",
     "mocha": "^7.1.2",
     "mockjs": "^1.0.1-beta3",
@@ -129,4 +142,4 @@
     "last 2 versions",
     "not ie <= 8"
   ]
-}
+}

package.json

@@ -1,6 +1,6 @@
 import axios from '../axiosWrapper';
 
-let prefix = process.env.API_ROOT
+let prefix = process.env.API_ROOT;
 
 //系统页面相关接口
 export const getPageRulesList = params => {

src/api/modules/validatorApi.js

@@ -1,3 +1,8 @@
+<!--
+ * @Author: nigel
+ * @Date: 2020-03-19 17:42:35
+ * @LastEditTime: 2020-12-21 17:51:24
+-->
 <!-- 自定义dialog -->
 <template>
   <el-dialog
@@ -19,73 +24,72 @@
         :value="item.label"
       />
     </el-select>
-    <span
-      slot="footer"
-      class="dialog-footer"
-    >
+    <span slot="footer" class="dialog-footer">
       <el-button @click="dialogVisibleChangeCancel">取 消</el-button>
-      <el-button
-        type="primary"
-        @click="dialogVisibleChangeConfirm"
-      >确 定</el-button>
+      <el-button type="primary" @click="dialogVisibleChangeConfirm">确 定</el-button>
     </span>
   </el-dialog>
 </template>
 
 
 <style lang="sass" scoped>
-
 </style>
 
 
 <script>
 export default {
-    props:["dialogVisible","title","groupListData"],
-    data() {
-        return {
-            options: [{
-                value: '0',
-                label: '全部'
-            }, {
-                value: '1',
-                label: '标签1'
-            }, {
-                value: '2',
-                label: '标签2'
-            }, {
-                value: '3',
-                label: '标签3'
-            }],
-            value: []
-        }
-    },
-    watch:{
-        groupListData:function(val){
-            this.value = [];
-            var groupListData = val;
-            for(let i=0;i<groupListData.length;i++){
-                this.value.push(groupListData[i].label);
-            }
-        }
-    },
-    methods:{
-        dialogVisibleChangeCancel(){
-            this.$emit('dialogVisibleChange');
+  props: ["dialogVisible", "title", "groupListData"],
+  data() {
+    return {
+      options: [
+        {
+          value: "0",
+          label: "全部",
+        },
+        {
+          value: "1",
+          label: "标签1",
         },
-        dialogVisibleChangeConfirm(){
-            this.$confirm('确认？').then(_ => {
-                this.$emit('dialogVisibleChange');
-            })
-            .catch(_ => {});
+        {
+          value: "2",
+          label: "标签2",
         },
-        handleGroupList(){
-            console.log(this.value);
+        {
+          value: "3",
+          label: "标签3",
         },
-        dialogClose(){
-            this.$emit('dialogVisibleChange');
-        }
-    }
-}
+      ],
+      value: [],
+    };
+  },
+  watch: {
+    groupListData: function (val) {
+      this.value = [];
+      var groupListData = val;
+      for (let i = 0; i < groupListData.length; i++) {
+        this.value.push(groupListData[i].label);
+      }
+    },
+  },
+  methods: {
+    dialogVisibleChangeCancel() {
+      this.$emit("dialogVisibleChange");
+    },
+    dialogVisibleChangeConfirm() {
+      this.$confirm("确认？")
+        .then(() => {
+          this.$emit("dialogVisibleChange");
+        })
+        .catch(() => {});
+    },
+    handleGroupList() {
+      console.log(this.value);
+    },
+    dialogClose() {
+      this.$emit("dialogVisibleChange");
+    },
+  },
+};
 </script>
 
 

src/components/AceEditor.vue

@@ -55,7 +55,7 @@ export default {
             return {
                 isShow: false,
                 target: ''
-            }
+            };
     },
     mounted () {
         this.target = document.querySelector(".content-container");
@@ -82,8 +82,8 @@ export default {
                     clearInterval(timer);
                     this.isShow = false;
                 }
-            }, 20)
+            }, 20);
         }
     }
-}
+};
 </script>