原创 axios下載Excel到本地

axios下載二級制流形式的Excel文件。 後臺服務接口返回的Excel爲二進制流,如下圖所示: 前臺頁面利用 axios下載Excel,處理方式如下代碼所示: //查詢條件 formInline: { saleName: ""

原创 vue-cli / vue-cli3 配置不同環境對應不同打包命令詳解

廢話不多說,直接跟着我的步驟走; vue-cli 1、package.json 因爲我這邊的Jenkins(測試環境)的腳本執行命令爲 build(運維不給改)所以只好前端將build命令對應的環境修改爲測試環境。原來的build修改爲

原创 通過ali-oss在vue,微信小程序中上傳文件/圖片

在vue中 一、安裝 npm install ali-oss --save 二、引入 import OSS from 'ali-oss' 三、實例化OSS: 默認上傳根路徑爲 bucket表示的目錄 let ossClient = ne

原创 vue打包 element-icons.woff 和element-icons.ttf 字體文件路徑錯誤,導致icon圖標顯示成小方塊的問題。

出現打包後icon圖標變成小方塊的原因只有兩個 一。element-ui版本和element-ui/lib/theme-chalk/index.css版本不一致。 解決辦法: 卸載已經有的element-ui npm uninstall

原创 d3-v4.x版本-世界地圖

v4.x 版本-世界地圖 代碼是基於vue 2.x版本項目中,代碼註釋部分爲關鍵點解釋都是基於d3-v4.x版本的。 demo實現效果圖如下: 一、球形世界地區 二、等距圓通投影 實現代碼如下:(包含關鍵代碼註釋) 兩種實現方式代碼都

原创 d3-v4.x版本-弦圖

v4.x 版本-弦圖 代碼是基於vue 2.x版本項目中,代碼註釋部分爲關鍵點解釋都是基於d3-v4.x版本的。 demo實現效果圖如下: 實現代碼如下:(包含關鍵代碼註釋) <template> <div class="hell

原创 d3-v4.x版本-折線圖

v4.x 版本-折線圖 代碼是基於vue 2.x版本項目中,代碼註釋部分爲關鍵點解釋都是基於d3-v4.x版本的。 demo實現效果圖如下: 實現代碼如下:(包含關鍵代碼註釋) <template> <div class="hel

原创 d3-v4.x版本-力導向圖

v4.x 版本-力導向圖 代碼是基於vue 2.x版本項目中,代碼註釋部分爲關鍵點解釋都是基於d3-v4.x版本的。 demo實現效果圖如下: 每個節點都可以進行拖拽,並伴隨力矩的效果   實現代碼如下:(包含關鍵代碼註釋) <tem

原创 d3-v4.x版本-環狀圖

v4.x 版本-環狀圖 代碼是基於vue 2.x版本項目中,代碼註釋部分爲關鍵點解釋都是基於d3-v4.x版本的。 demo實現效果圖如下: 實現代碼如下:(包含關鍵代碼註釋) <template> <div class="hel

原创 d3-v4.x版本-中國地圖

v4.x 版本-中國地圖 代碼是基於vue 2.x版本項目中,代碼註釋部分爲關鍵點解釋都是基於d3-v4.x版本的。 demo實現效果圖如下: 每個省可進行點擊(獲得該省的詳細信息),鼠標懸浮在哪個省之上,會使該省高亮。     實現代

原创 d3-v4.x版本-散點圖(拖拽、縮放散點元素)

v4.x 版本-散點圖(拖拽、縮放散點元素) 代碼是基於vue 2.x版本項目中,代碼註釋部分爲關鍵點解釋都是基於d3-v4.x版本的。 demo實現效果圖如下: 一、默認狀態 二、拖拽散點元素 因爲加了延遲動畫,所以拖動的時候會有延時

原创 d3-v4.x版本-柱狀圖

v4.x 版本-柱狀圖 代碼是基於vue 2.x版本項目中,代碼註釋部分爲關鍵點解釋都是基於d3-v4.x版本的。 demo實現效果圖如下: <template> <div class="hello"> </div> </t

原创 js按住鼠標左鍵選中網格元素,被選中的網格位置上填充可輸入內容,插入圖片等的容器。並且網格上的容器,可拖動、改變尺寸、但互相之間不可重疊(如果重疊回到上一次的狀態)。

js/jquery 按住鼠標左鍵圈選網格,圈選網格顏色變深, 圈選區域不可重疊,被選中的網格位置上填充可輸入內容,插入圖片、媒體,表格、echarts圖表等的容器。並且網格上的容器可拖動,可改變尺寸,但不可重疊(如果重疊回到上一次的狀態)

原创 windows下git和TortoiseGit(小烏龜)和putty安裝配置對github進行操作

本次安裝版本如下: 1,先下載安裝tortoiseGit一路下載安裝即可一直到在桌面上右鍵可以看到有git的選項出現爲止,注意在第一步的時候選擇使用putty還是ssh建立網絡連接決定後面的步驟,本次以選擇putty爲例。 2,安裝

原创 基於d3(v5.x)/jquery和svg,初步實現流程圖和思維導圖

基於d3(v5.x)(主要用到選擇器)或者jquery(也是主要用選擇器)實現初步元素之間連線,因爲在做流程圖和思維導圖用到的主要技術就是元素之間的連線,通過svg可以將dom元素連接起來。經過此次編寫個人認爲主要是座標的計算。在通過sv