原创 mpvue小程序map組件動態生成markers

最近在公司需要做新小程序的項目,其中有個需求類似滴滴打車的路線規劃,實現的第一步就遇到點小問題。發現markers寫在data中是可以展示出來的,但是從後臺獲取數據的後那個markers就不顯示了  出現該現象的原因:由於異步設置值的

原创 (一)vue-cli初始化項目並引入ElementUI

摘要: 寫過了一個我們產品的後臺管理系統,但做完項目都沒有進行總結。感覺好多還是懵懂的感覺,所以想要重新走一遍,寫一個自己的項目。讓自己理清思路 實現: 1、首先確認你的電腦中已經安裝過Node.js了,如果沒有可以百度安裝配置 2、我們

原创 Element的Container佈局容器佈滿全屏

摘要:在使用Element(2.10.1版本)的Container佈局容器布,發現按照官網的代碼運行後,發現不能撐開整個頁面,只能顯示一段高度 官方代碼運行後效果:  如何實現不滿全屏呢?實現如下: 1、需要給包裹的div一個heig

原创 ES6 數組方法

ES6中的數組方法主要有:forEach、map、filter、find、every、some、reduce  一、forEach <!DOCTYPE html> <html lang="en"> <head> <meta

原创 (二)axios以及Node.js中Express框架的使用

摘要:接着(一)vue-cli初始化項目並引入ElementUI內容寫,那篇文章已經成功引入ElementUI組件了。後臺管理系統首先需要登錄賬號密碼纔可以,今天主要就是總結如何使用axios請求接口以及如何使用Node.js中Expr

原创 node.js安裝express後顯示“express不是內部或外部命令”

按照教程安裝了express後,使用express -V命令時,卻顯示的是“express不是內部或外部命令”。導致之後的express學習無法進行,解決這個問題的主要步驟爲一下幾點: 卸載當前的express。在cmd下輸入:npm u

原创 vue如何給div綁定keyup的enter事件

摘要:發現給div綁定keyup.enter事件是沒有效果的。那該如何實現呢?下面直接上代碼吧 1、在template中代碼 2、在created的生命週期中,寫一個全局的enter事件  這樣按下鍵盤中的enter事件就是有效的了

原创 vue給div綁定keyup的enter事件實現接電話(結合阿里雲軟電話SDK)

摘要:之前我們的接入的阿里雲軟電話SDK的功能,現在有個新的需求就是我們自己的彈窗中添加一個按鈕可以接聽電話,同時可以按鍵盤的Enter鍵接電話。(這裏的很多廢話,是爲了記錄當時想的邏輯) 實現思路: 1、點擊事件接聽電話 在create

原创 Vue後臺管理系統的按鈕權限控制

摘要:最近需要在原有的後臺管理系統中,需要給頁面中的所有按鈕進行權限控制 實現的思路如下: 方法一: 1、獲取後臺傳過來的按鈕權限數組,並將其保存下來 2、寫一個全局的方法。判斷某個按鈕的權限是否含在後臺傳的按鈕權限數組中 3、頁面中在按

原创 git commit -m 'project initialized'報did not match any file known to git的錯誤的問題

摘要:這兩天需要將本地的代碼和碼雲上的代碼進行統一下,需將本地的代碼上傳到碼雲中,在使用git的時候報了錯 實現過程: 首先在控制檯上輸入命令行(查看本地的新的文件):git status  輸入命令行(將新的文件新增到git的緩衝區):

原创 在git中,使用git.commit命令時,這個Please tell me who yoy are 解決辦法

摘要:前面的博客中提到了這個問題,問題的圖片如圖所示,出現這個的原因就是我沒登陸 解決辦法就是 : 然後再次輸入命令行:git commit -m "project initialized" 接下來的操作如圖,就可以將本地的代碼和碼雲

原创 阿里云云呼叫中心——軟電話SDK前端接入

摘要:2018年十二月份的時候,我們需要基於我們的後臺系統開發應急呼叫系統。一直沒有總結。我對這部分也許會有很多理解不透徹的地方,望小夥伴們彼此相互學習,多多提出不足呢。 技術:由於是基於我們的後來系統來實現,後臺系統中使用的技術如下:

原创 “There is a chart instance already initialized on the dom.”Echarts報的告警

摘要:開始用Echarts的時候,報瞭如下的錯去 解決:需要在使用echarts發現需要及時對新建的myChart實例進行銷燬,否則會出現上述警告 代碼實現如下: 主要是這句代碼 if (oneTimeStatisticsEchart

原创 高德地圖可視化3D地圖區域上添加自定義的圖標

代碼實現如下:  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

原创 高德地圖可視化3D地圖區域上添加氣泡圖

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi