feat: 增加百度统计的事件监控

src/App.vue

@@ -1,7 +1,12 @@
 <template>
     <main>
         <article class="fixed">
-      <a href="https://github.com/any86/any-rule" target="_blank" class="github">
+            <a
+                onclick="_hmt.push(['_trackEvent', '交互', '点击github', '悬浮'])"
+                href="https://github.com/any86/any-rule"
+                target="_blank"
+                class="github"
+            >
                 <svg height="20" viewBox="0 0 16 16" version="1.1" width="20" aria-hidden="true">
                     <path
                         fill-rule="evenodd"
@@ -10,18 +15,30 @@
                 </svg>
                 <span>github</span>
             </a>
-      <a class="message" href="https://github.com/any86/any-rule/issues/new" target="_blank">留言</a>
+            <a
+                onclick="_hmt.push(['_trackEvent', '交互', '留言'])"
+                class="message"
+                href="https://github.com/any86/any-rule/issues/new"
+                target="_blank"
+            >留言</a>
         </article>
         <header>
             <h1>正则大全</h1>
-        <a style="margin-left:15px;color:#000;" href="https://github.com/any86/any-rule" target="_blank" class="github">
+            <a
+                onclick="_hmt.push(['_trackEvent', '交互', '点击github', '头部'])"
+                style="margin-left:15px;color:#000;"
+                href="https://github.com/any86/any-rule"
+                target="_blank"
+                class="github"
+            >
                 <svg height="20" viewBox="0 0 16 16" version="1.1" width="20" aria-hidden="true">
                     <path
                         fill-rule="evenodd"
                         d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
                     ></path>
                 </svg>
-        github</a>
+                github
+            </a>
             <input
                 ref="searchInput"
                 v-model="keyword"
@@ -47,7 +64,11 @@
                     <h2>{{title}}</h2>
                     <p class="rule">
                         <span :data-clipboard-text="rule" class="btn-copy">点击复制</span>
-            <a :href="`https://github.com/any86/any-rule/issues/new?title=我有更好的正则: ${title}`" target="_blank" class="btn-better">我有不同意见</a>
+                        <a
+                            :href="`https://github.com/any86/any-rule/issues/new?title=我有更好的正则: ${title}`"
+                            target="_blank"
+                            class="btn-better"
+                        >我有不同意见</a>
                         {{rule}}
                     </p>
                     <section class="verification">
@@ -89,7 +110,7 @@
 <script>
 import RULES from '@/RULES';
 import ClipboardJS from 'clipboard';
-import throttle from 'lodash/throttle';
+// import throttle from 'lodash/throttle';
 export default {
     name: 'app',
 
@@ -140,6 +161,8 @@ export default {
             } else {
                 this.rules = RULES;
             }
+            /* eslint-disable */
+            _hmt.push(['_trackEvent', '交互', '搜索', '关键词', this.keyword]);
         },
 
         selectSearchInputText() {
@@ -149,10 +172,8 @@ export default {
         autoFocus(index) {
             this.$refs.input[index].focus();
         },
-
+        /* eslint-disable */
-        mouseenterHandler(index){
+        mouseenterHandler(index) {},
-           
-        },
 
         // mouseenterHandler: throttle((index)=>{
         //    this.$refs.input[index].focus();
@@ -173,6 +194,11 @@ export default {
                 const row = this.list[index];
                 row.isOk = rule.test(row.value);
             }
+
+            if ('blur' === type) {
+                /* eslint-disable */
+                _hmt.push(['_trackEvent', '交互', 'input框', this.list[index].value]);
+            }
         }
     }
 };