原创 vue全家桶+Echarts+百度地圖，搭建數據可視化系統 1 前言 2 系統安裝 3 項目搭建 4 後記
本文章篇幅略長，內容有點多 大佬可根據目錄選擇性查閱 新人可一步步來閱讀 新增文章：vue全家桶+Echarts+百度地圖，搭建數據可視化系統（【續】接口篇） 1 前言 1.1 業務場景 突然接到產品說要做一個數據監控的系統。有線圖
2021-11-24 17:58:55
原创 詳解Vue項目引入CreateJS的方法（親測可用）
CreateJS是基於HTML5開發的一套模塊化的庫和工具。這篇文章主要介紹了Vue項目引入CreateJS的方法（親測）,需要的朋友可以參考下 1 前 言 1.1 CreateJS介紹 CreateJS是基於
2019-05-30 20:13:01
2
原创 Vue項目引入CreateJS的方法（親測）
1 前 言 1.1 CreateJS介紹 CreateJS是基於HTML5開發的一套模塊化的庫和工具。基於這些庫，可以非常快捷地開發出基於HTML5的遊戲、動畫和交互應用。A suite of modular libraries and
2019-05-30 15:44:59
10
原创 vue全家桶+Echarts+百度地圖，搭建數據可視化系統（【續】接口篇）
接上篇vue全家桶+Echarts+百度地圖，搭建數據可視化系統 1 前 言 1.1 業務場景 實現數據監控的系統。有線圖、柱狀圖、地圖，並具有定時刷新的功能。 1.2 業務分析 上一篇分析的步驟大致有： 系統搭建vue-cli
2019-05-27 17:15:09
1
原创 前端引用字體@font-face的若干優化方法
1 前 言 1.1 場 景 我們在頁面展示時，爲了更好的效果，一般使用了自定義的字體 @fant-face 。 之前在開發的時候使用了一些自定義字體，這裏總結下自己尋找的的一些處理辦法。 本文只列出了引入本地字體，網絡的字體由於實踐不多，這
2019-05-22 16:55:09
原创 Vue項目打包後動態獲取自定義變量
1 前言 1.1 業務場景 一般使用 Vue 項目連接後端請求，使用的 axios import axios from 'axios' export const CMSAPI = axios.create({ baseURL: "ht
2019-05-10 16:25:04
1
原创 vue全家桶+Echarts+百度地圖，搭建數據可視化系統
本文章篇幅略長，內容有點多大佬可根據目錄選擇性查閱新人可一步步來閱讀 1 前言 1.1 業務場景 突然接到產品說要做一個數據監控的系統。有線圖、柱狀圖、地圖，類似於數據可視化的方式。 本人之前從未接觸過Echarts，然後需要2周拿出成果，
2019-04-26 10:35:08
原创 Vue使用Canvas繪製圖片、矩形、線條、文字，下載圖片
1 前言 1.1 業務場景 圖片儲存在後臺中，根據圖片的地址，在vue頁面中，查看圖片，並根據座標標註指定區域。 由於瀏覽器的機制，使用window.location.href下載圖片時，並不會保存到本地，會在瀏覽器打開。 2 實現原理 2
2019-04-26 10:25:08
原创 Vue監聽鍵盤鼠標事件
1 前言 1.1 業務場景 vue頁面監聽鍵盤鼠標等事件。 官方給的例子是在input標籤中的，我們想要的效果是不使用固定標籤。 2 實現原理 2.1 增加監聽 mounted () { window.addEventListene
2019-04-26 10:15:08
原创 Vue+Element前端導入導出Excel
1 前言 1.1 業務場景 由前臺導入Excel表格，獲取批量數據。 根據一個數組導出Excel表格。 2 實現原理 2.1 引入工具庫 file-saver、xlsx、script-loader npm install -S file-s
2019-04-26 10:15:08
2
原创 JS計算兩個時間間隔
1 前言 1.1 業務場景 JavaScript計算兩個時間相隔了 多少年多少月多少日。時分秒這裏不作考慮。 2 實現原理 2.1 獲取當前時間 若需要和當前時間比較，這裏提供當前時間的獲取格式化方法。我這裏是根據傳入類型輸出日期或者日期+
2019-04-25 22:15:01
原创 JS實現頁面查看zip文件中的內容
1 前言 1.1 業務場景 附件zip上傳到服務器後，在頁面中可直接查看zip中的文件內容，如：readme.txt。 2 實現原理 2.1 引入工具庫 jszip、jszip-utils npm i jszip -S npm i jszi
2019-04-25 22:15:01