原创 vue 單個頁面中引用多個echarts實現自適應
在vue某個數據展示頁面，使用了多個echarts圖表，使用onresize方法只能夠讓最後一個圖表隨着窗口大小自適應 在解決問題的過程中發現的一些問題 一、第一種 開始我在每個圖表組件的方法裏面定義myChart，如下 method
2020-05-10 21:12:17
原创 vue中實現滾屏展示效果
我這裏是20條數據循環展示，頁面同時能展示四條數據，一次循環20s 實現無縫滑動需要把前四條數據加到最後，否則會出現數據瞬變（因爲循環結束會瞬間拉回，原來位置重新向下滑動），也就是有24條數據 不說廢話，直接上代碼 實現滑動功能的主要代碼
2020-05-10 21:12:17
原创 vue中使用echarts首次加載超出畫布
畫布大小使用百分比佈局，首次加載頁面發現echarts圖表超出畫布範圍 網上查找了半天資料，其中一種是在圖表建立之後直接使用mychart.resize()方法調整，但我寫了沒有效果，然後我找了其他幾種方法，不知利弊，知道的還請指教 1
2020-05-08 10:07:22
原创 在vue單頁中重複引入同一子組件
如果一個功能服用率比較高，我們一般寫成一個公共組件，需要的時候就引入 今天遇到一個問題，寫了一個城市級聯選擇器的公共子組件，我在一個頁面引入了三個該組件，發現只有一個能夠使用，拿代碼說事 下面代碼是我城市選擇器的一部分，我將getProv
2020-04-25 13:09:25
原创 vue項目打包文件過大優化
有些我是在打包前就做了的，但爲了全面一點還是寫一寫，我用的是vue-cli3 配置文件vue.config.js 一、路由懶加載 每次進入一個新頁面才加載該頁面所需要的資源 component: () => import('@/
2020-04-06 03:35:08
原创 用cdn引入報錯 Uncaught ReferenceError:XXX is not defined
今天在壓縮打包文件時，採用cdn方式引入vue和vue-router等 在引入vue-router時出現了報錯 愣是查找了半天，最後發現是變量名字的問題,只能寫VueRouter 如果是cdn引入，使用時一般是首寫字母大寫，也有例外 '
2020-04-06 03:35:08
1
原创 前端面試題
vue子組件向父組件傳值的方法 Vue路由傳值 Es6箭頭函數 淺克隆 絕對定位和相對定位 Node.js React、vue、微信小程序的生命週期函數 Vue與react的區別 Es6中新語法 閉包 原型鏈 Mongodb Ajax
2020-03-01 23:49:44
原创 iview form表單驗證手機號
1.直接驗證，rules添加 phone: [ { required: true, message: "請輸入手機號碼", trigger: "blur" }, { pattern:
2020-02-21 22:32:33
原创 iview table組件的使用
最近使用iview-admin寫了一個後臺管理項目，對table這個組件使用的比較多，表格主要內容如下圖 新建和修改操作是使用iview組件 model（對話框）內嵌form（表單），可做表單驗證 單選、多選、排序、分頁、下拉都能通
2020-02-21 22:32:33
原创 vue中刷新頁面
當我們頁面中有數據發生變化或者進行了某些操作的時候，需要將變化後的結果展示，也就是刷新頁面，像F5這種刷新會導致頁面閃爍，還有 window.reload()，或者router.go(0)刷新時也是，用戶體驗很差，所以我們需要一種頁面不抖
2020-02-21 22:32:33
原创 PC端百度地理圍欄、繪製工具以及判斷當前座標是否再圍欄中
最近項目裏有要用到地理圍欄，看到大神寫的demo，把百度地圖裏多個demo的功能糅合在一塊，一個很好的學習模板 一、導讀 圍欄：顧明思議就是利用地圖的多個經緯度座標點畫出圖形； 需求：在地圖上畫出多個不同的圍欄，提交保存到圍欄列表
2020-02-21 22:32:33
原创 vue過濾器的使用
很多時候我們從後臺拿到的數據格式並不是我們想要的，比如時間，一般後臺給的是時間戳，前端需要轉化爲類似YYYY-MM-NN的形式，如果不是直接渲染數據，還是能夠使用moment包去轉化，如果是像在表格中這種寫法還比較簡單，能夠對數據直接操作
2020-02-21 22:32:33
原创 echart 3D柱狀圖
3d柱狀圖展示數據，下圖1爲初始加載，可拖動轉換方向，如圖2 在官方例子上去掉了座標軸、網格線、指示線 首先看一下官網的例子 我們所需要做的就是，去掉多餘的線，以y軸爲例 yAxis3D: {
2020-02-21 22:32:33
原创 vue 中input的輸入限制
在vue中用最普通的input對內容做限制比較容易，但是沒有樣式，比較醜，比如只能輸入文字(以下都以文字爲例)，直接對其值正則匹配即可 >查看其他匹配的方法< <input type="text" οnkeyup="this.valu
2020-02-21 22:32:33
原创 vue 中實現兩個路徑指向同一個頁面
今天項目中有個要求，vue頁面一個頁面裏展示圖表需要單獨拿出來，就是隻能訪問圖表內容，看不到導航 vue頁面本就是嵌套顯示的，只需要把頁面單獨拿出來放到頁面中 第一個路徑是在導航欄中，第二個寫在導航欄外，設置hid
2020-02-21 22:32:33