原创 vue項目ie中報語法出錯

1、配置.babelrc { "presets": [ ["es2015"], ["env", { "modules": false, "targets": { "browse

原创 Vue中引入高德地圖cdn鏈接方式彙總(可按需加載)

隨着時間流逝,人的初心是否會改變呢?今日博客分享vue引入高德地圖幾種方式~ 1、方式一,引用封裝好的vue-amap組件,具體操作見官方文檔 官網鏈接:https://elemefe.github.io/vue-amap/#/zh-cn

原创 基於zTree的常用成員管理樹圖級聯選擇(仿穿梭框功能)

廣州這幾天的天氣異常寒冷,前幾天搞一個系統需要實現菜單管理,而菜單管理頁則需要涉及到給用戶授權訪問菜單,因此需要選擇相應的可訪問成員,之前在基於elementui的後臺管理系統中用過它的樹圖組件,覺得挺不錯的,因此決定自己封裝一個jque

原创 echarts中國地圖散點實現自定義動畫,svg動圖效果代替effectScatter默認效果

時間過得飛快,轉眼又到年底,願新一年能夠健健康康,萬事順利。                     -------前言 年底了新需求比較多,其中涉及到echarts地圖散點動畫的更改,摸索了接近一個星期,用盡各種搜索之道,在官網的無數次

原创 全屏按鈕實現,某個塊元素全屏展示,全屏按鈕圖標監聽,全屏dom裏面el-select選項不顯示解決

前言:有些時候遇到bug與其把事情想得複雜,還不如回去看看官方文檔。 做系統難免會遇到要做到全屏查看的需求,以下即爲全屏代碼的實現。  <template> <div> <div>測試全屏測試全屏測試全屏測試全屏測試全屏測試全屏測試

原创 CSS常見基礎佈局(滿屏佈局,左右,左中右佈局)

1、滿屏佈局 <!DOCTYPE html> <html> <head> <title>滿屏</title> <style> * { margin: 0;

原创 Vue頁面數據刷新處理(路由$route監聽+Vuex處理)

需求如下:如下問卷調查中,每做完一個問卷,相應的新任務數量(紅色label)跟個人任務列表都需要少一條數據,假設下面截圖一爲頁面1,截圖2爲頁面2,頁面2爲頁面1的子路由,如:{path:'/page1',component:PageOn

原创 自定義封裝Vue倒計時組件vuecountdown

前幾天移動端問卷項目設計到一個倒計時功能,因此,趁着五一閒暇之餘折騰了一下午封裝一個vue倒計時組件並將其上傳到npm,希望能幫到一些小夥伴~ 組件開始效果跟結束效果 github地址:https://github.com/applebr

原创 基於zTree的常用成員管理樹圖級聯選擇(防穿梭框功能)

廣州這幾天的天氣異常寒冷,前幾天搞一個系統需要實現菜單管理,而菜單管理頁則需要涉及到給用戶授權訪問菜單,因此需要選擇相應的可訪問成員,之前在基於elementui的後臺管理系統中用過它的樹圖組件,覺得挺不錯的,因此決定自己封裝一個jque

原创 new Promise 結合ajax 單個請求與多個請求寫法

前言:忽如一夜春風來,千樹萬樹梨花開,今天的天氣突然變得很冷,又是保暖之際。由於自己隔段時間會把promise的寫法忘記,又參考了廖雪峯大大的學習文章,小記寫法彙總。 單個ajax請求執行寫法 new Promise(function

原创 從nodejs小白到結合mongoDB,express的移動端小項目製作

分享自己如何從小白瞭解node,感謝nswbmw大神github上https://github.com/nswbmw/N-blog這一項目讓小白可以搭建數據庫跑起一個簡單項目。直接進入本人學習心得,自己學了大神github項目後大概整理了

原创 echart圖表環形圖(餅圖)

最近由於項目需要接觸了echart圖表插件,由於echart表格配置項比較多,因此整理了自己遇到的一些圖表並且粘貼出代碼,echarts官網API http://echarts.baidu.com/option.html#title 首先

原创 vuex踩坑記-注入store過程中vue文件報錯store is not define,state is not define..各種undefine

先直接貼上注入store的正確操作一、引入store到vue組件中(1)store.jsimport Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state

原创 select2可輸入可模糊匹配選擇實現省市站級聯選擇(數據載入後默認爲空值)

需求:選擇省-市-站場,選擇省後纔可選擇市,選擇市後纔可選擇站點,選擇默認值爲value=""網上百度一大堆走了好幾次彎路後乖乖迴歸文檔解決了文檔地址:https://select2.org/引入插件文檔:<link href="http

原创 基於elementui源碼實現自定義穿梭框transfer組件

需求:更改elementui中el-transfer樣式, 實現單擊左側選項即加入右邊選框,單擊右側選項即可回到左側選框,中間左右來回按鈕更改爲左側全選右側全選,最終修改後效果圖如下下圖源碼可通過github下載:https://gith