全局lint优化

Author: PanJiaChen

.eslintrc.js

@@ -37,15 +37,15 @@ module.exports = {
   },
   module: {
     rules: [
-      // {
-      //     test: /\.(js|vue)$/,
-      //     loader: 'eslint-loader',
-      //     enforce: "pre",
-      //     include: [resolve('src'), resolve('test')],
-      //     options: {
-      //         formatter: require('eslint-friendly-formatter')
-      //     }
-      // },
+      {
+          test: /\.(js|vue)$/,
+          loader: 'eslint-loader',
+          enforce: "pre",
+          include: [resolve('src'), resolve('test')],
+          options: {
+              formatter: require('eslint-friendly-formatter')
+          }
+      },
       {
         test: /\.vue$/,
         loader: 'vue-loader',

build/webpack.base.conf.js

@@ -11,6 +11,6 @@
 </script>
 
 <style lang="scss">
-  @import '~normalize.css/normalize.css';// normalize.css 样式格式化
-  @import './styles/index.scss'; // 全局自定义的css样式
+@import '~normalize.css/normalize.css';// normalize.css 样式格式化
+@import './styles/index.scss'; // 全局自定义的css样式
 </style>

src/App.vue

@@ -1,16 +1,16 @@
-import fetch from 'utils/fetch';
+import fetch from 'utils/fetch'
 
-export function getList() {
+export function getList () {
   return fetch({
     url: '/article/list',
     method: 'get'
-  });
+  })
 }
 
-export function getArticle() {
+export function getArticle () {
   return fetch({
     url: '/article/detail',
     method: 'get'
-  });
+  })
 }
 

src/api/article.js

@@ -1,17 +1,17 @@
-import fetch from 'utils/fetch';
+import fetch from 'utils/fetch'
 
-export function fetchList(query) {
+export function fetchList (query) {
   return fetch({
     url: '/article_table/list',
     method: 'get',
     params: query
-  });
+  })
 }
 
-export function fetchPv(pv) {
+export function fetchPv (pv) {
   return fetch({
     url: '/article_table/pv',
     method: 'get',
     params: { pv }
-  });
+  })
 }

src/api/article_table.js

@@ -1,6 +1,6 @@
 import fetch from 'utils/fetch'
 
-export function loginByUsername(username, password) {
+export function loginByUsername (username, password) {
   const data = {
     username,
     password
@@ -12,14 +12,14 @@ export function loginByUsername(username, password) {
   })
 }
 
-export function logout() {
+export function logout () {
   return fetch({
     url: '/login/logout',
     method: 'post'
   })
 }
 
-export function getInfo(token) {
+export function getInfo (token) {
   return fetch({
     url: '/user/info',
     method: 'get',

src/api/login.js

@@ -1,8 +1,8 @@
-import fetch from 'utils/fetch';
+import fetch from 'utils/fetch'
 
-export function getToken() {
+export function getToken () {
   return fetch({
     url: '/qiniu/upload/token', // 假地址 自行替换
     method: 'get'
-  });
+  })
 }

src/api/qiniu.js

@@ -1,9 +1,9 @@
-import fetch from 'utils/fetch';
+import fetch from 'utils/fetch'
 
-export function userSearch(name) {
+export function userSearch (name) {
   return fetch({
     url: '/search/user',
     method: 'get',
     params: { name }
-  });
+  })
 }

src/api/remoteSearch.js

@@ -12,73 +12,73 @@
 </template>
 
 <script>
-  export default {
-    name: 'BackToTop',
-    props: {
-      visibilityHeight: {
-        type: Number,
-        default: 400
-      },
-      backPosition: {
-        type: Number,
-        default: 0
-      },
-      customStyle: {
-        type: Object,
-        default: {
-          right: '50px',
-          bottom: '50px',
-          width: '40px',
-          height: '40px',
-          'border-radius': '4px',
-          'line-height': '45px',
-          background: '#e7eaf1'
-        }
-      },
-      transitionName: {
-        type: String,
-        default: 'fade'
-      }
+export default {
+  name: 'BackToTop',
+  props: {
+    visibilityHeight: {
+      type: Number,
+      default: 400
+    },
+    backPosition: {
+      type: Number,
+      default: 0
     },
-    data() {
-      return {
-        visible: false,
-        interval: null
+    customStyle: {
+      type: Object,
+      default: {
+        right: '50px',
+        bottom: '50px',
+        width: '40px',
+        height: '40px',
+        'border-radius': '4px',
+        'line-height': '45px',
+        background: '#e7eaf1'
       }
     },
-    mounted() {
-      window.addEventListener('scroll', this.handleScroll);
+    transitionName: {
+      type: String,
+      default: 'fade'
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      interval: null
+    }
+  },
+  mounted() {
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  beforeDestroy() {
+    window.removeEventListener('scroll', this.handleScroll)
+    if (this.interval) {
+      clearInterval(this.interval)
+    }
+  },
+  methods: {
+    handleScroll() {
+      this.visible = window.pageYOffset > this.visibilityHeight
     },
-    beforeDestroy() {
-      window.removeEventListener('scroll', this.handleScroll);
-      if (this.interval) {
-        clearInterval(this.interval);
-      }
+    backToTop() {
+      const start = window.pageYOffset
+      let i = 0
+      this.interval = setInterval(() => {
+        const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
+        if (next <= this.backPosition) {
+          window.scrollTo(0, this.backPosition)
+          clearInterval(this.interval)
+        } else {
+          window.scrollTo(0, next)
+        }
+        i++
+      }, 16.7)
     },
-    methods: {
-      handleScroll() {
-        this.visible = window.pageYOffset > this.visibilityHeight;
-      },
-      backToTop() {
-        const start = window.pageYOffset;
-        let i = 0;
-        this.interval = setInterval(() => {
-          const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500));
-          if (next <= this.backPosition) {
-            window.scrollTo(0, this.backPosition);
-            clearInterval(this.interval)
-          } else {
-            window.scrollTo(0, next);
-          }
-          i++;
-        }, 16.7)
-      },
-      easeInOutQuad(t, b, c, d) {
-        if ((t /= d / 2) < 1) return c / 2 * t * t + b;
-        return -c / 2 * (--t * (t - 2) - 1) + b;
-      }
+    easeInOutQuad(t, b, c, d) {
+      if ((t /= d / 2) < 1) return c / 2 * t * t + b
+      return -c / 2 * (--t * (t - 2) - 1) + b
     }
   }
+}
 </script>
 
 <style scoped>