原创 Vue打包後報錯，頁面顯示空白
問題描述： 打包之後，生產環境頁面顯示空白，且控制檯報錯，如下： 解決辦法： 將webpack.prod.config.js中publicPath修改爲"/" 參考：Vue 刷新後頁面空白，報Uncaught SyntaxEr
2020-07-06 14:44:58
原创 側邊欄高亮問題
在側邊導航欄中點擊某一項“賬單”，此時賬單菜單欄中高亮，路由配置爲’/list’，從’/list’頁面可以點擊詳情，可以進入詳情頁面查看詳情。 此時，路由發生變化，activeClass將隨着路由的變化，從’/list’ 身上移到
2020-06-16 10:03:13
原创 前端實現模糊篩選
兩種方式 一、字符串方法indexOf var len = list.length; var arr = []; for(var i=0;i<len;i++){ //如果字符串中不包含目標字符會返回-1 if(l
2020-06-16 10:03:13
原创 vue寫一個toast彈窗公共組件
最近新項目遇到一個需求，在輸入錯誤的時候，使用toast彈窗提示，在此之前，我使用的彈窗都是隻寫在單個頁面上，需要的時候寫一個，雖然也可以，但是對這個項目來說就太過麻煩了，於是想要寫一個toast彈窗組件，在全局中引用。 參考了從
2020-06-16 10:03:13
2
原创 vue設置history模式後頁面刷新Cannot Get
開發中，將mode模式改爲history後，頁面刷新顯示Cannot Get const router = new VueRouter({ mode: "history", routes }); 解決辦法： 在
2020-06-16 10:03:13
原创 vue 讓元素回到頂部
vue 讓元素回到頂部 在切換路由時，我們需要讓頁面回到頂部，有以下幾種方式： 一、router 在router中 // 回到頂部 router.afterEach((to, from, next) => { window
2020-05-25 17:12:46
原创 git pull拉取代碼時WARNING: POSSIBLE DNS SPOOFING DETECTED!
今天早上拉取代碼時出現錯誤： 根據提示可以看到主要是.ssh/known_hosts的發送衝突，它是代碼庫對應的公鑰。 運行代碼： rm -f ~/.ssh/known_hosts 重新git pull即可。
2020-04-24 11:55:33
原创 將獲取到的translate內的角度轉爲數值
將獲取到的translate內的角度轉爲數值 function getmatrix(nowDeg){ var values = nowDeg.split('(')[1].split(')')[0].split(',');
2020-02-21 10:45:07
原创 vue項目打包後CSS樣式在IE9中不完整
vue項目打包後在谷歌、火狐和IE10以上正常顯示，但是在win7系統的ie9上頁面樣式亂掉，有一部分樣式沒有加載進來。 原因： IE9對單個的css文件有大小限制，不能超過250kb，超過的話會自動截取掉。這樣的話截取的樣式就出
2020-02-21 10:45:07
原创 解決圖片路徑中含有空格，無法在background-image中正常顯示的問題
解決圖片名稱中含有空格，無法在background-image中正常顯示的問題 在需求中通過後臺傳遞的值動態渲染頁面的某個div中的背景圖片時，發現當有圖片的路徑中含有空格時，無法正常渲染。 解決辦法： 把空格轉義，然後設置給 b
2020-02-21 10:45:07
3
原创 一些常用CSS樣式整理
1.文字超出顯示省略號 // 單行超出顯示省略號 .over{ width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space
2019-10-25 19:08:52
1
原创 編譯打包（端口被佔用
端口被佔用 events.js:154 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE 0.0.0.0:3030 at
2019-09-26 17:54:52
1
原创 vue中使用echarts
安裝Echarts依賴 npm install echarts -S 創建圖表 全局中引用： 在main.js中 // 引入echarts import echarts from 'echarts' Vue.prototype.
2019-09-26 17:54:52
原创 vue中使用echarts-寫一個echarts組件
項目中有多個地方需要使用同一個圖表模塊，需要顯示一段數據趨勢，點擊右上角兩個按鈕，切換數據。效果如圖： 在考慮後，決定單獨拎出來寫一個組件，傳值改變數據。代碼如下： 組件代碼： 在這裏後臺傳過來的值的格式是將x、y軸數值放進一個
2019-09-26 17:54:52
原创 TypeError: CleanWebpackPlugin is not a constructor
TypeError: CleanWebpackPlugin is not a constructor 在項目中引入clean-webpack-plugin打包後報錯 TypeError: CleanWebpackPlugin is
2019-09-02 18:19:23