原创 Echarts實現中國地圖線路圖特效(一對多發射點)

1、效果圖 2、完整配置代碼 可以把代碼直接貼到官網測試效果: https://www.echartsjs.com/examples/zh/editor.html?c=map-polygon // 中國地圖線路特效配置 st

原创 @vue/cli4.x版本的vue.config.js常用配置

設置訪問端口號、訪問IP地址、跨域代理,路徑別名 const path = require('path') const CompressionPlugin = require('compression-webpack-plugin

原创 移動端適配:動態設置html元素的font-size(頁面使用rem做單位)

一、前言: 首先我們要了解的知識點: 1.物理像素(physical pixel) 我們看到的每個屏幕都是由一顆顆我們肉眼難以看到的小顆粒(物理像素)組成的。 2.邏輯像素 是計算機座標系統中的一個點,這個點代表一個可以由程序使

原创 gulp3打包項目的基本配置與分析

打包配置文件路徑問題需根據自己命名的文件路徑進行修改。 下面的每一項打包任務可以自行增刪,根據自己的文件夾命名進行相關修改。 gulpfile.js文件: var gulp = require('gulp'); // 其他的gul

原创 ECharts多折線圖——自定義懸浮提示框內容、自定義折線圖線條顏色、自定義y軸單位、氣泡單位,軸線顏色、圖表網格容器大小

如圖效果: 1、自定義tooltip懸浮提示框內容(數據處理後加單位),需要在tooltip配置項的formatter使用回調函數的形式 參數詳解:https://echarts.baidu.com/option.html#le

原创 vue中使用markdown編輯器代碼詳解

編輯器效果圖 1、安裝插件 cnpm install mavon-editor -S 2、在main.js中引入插件 import mavonEditor from 'mavon-editor' import 'mavon-ed

原创 Echarts實現中國地圖漣漪點分佈

1、效果圖 2、完整配置項代碼 可以直接把代碼貼到官網看效果: https://www.echartsjs.com/examples/zh/editor.html?c=map-polygon option ={ bac

原创 vue中實現axios路由跳轉取消上個路由頁面的所有請求 和 取消當前路由頁面的重複請求

一、 拋出問題 1、當一個頁面的請求過長時,點擊了跳轉路由到新的頁面,但是上一個路由的請求結果在當前路由頁面提示,非常難看且容易讓客戶混淆。(所以需要路由跳轉取消上個路由頁面的所有請求) 2、在當前頁面某個請求長時間沒拿到返回結果

原创 elementUI的DatePicker+DateTimePicker組件的自定義日期禁用

一、DatePicker日期選擇器的起止時間禁用 時間禁用需求: 1、開始時間不能大於結束時間 2、禁用當前時間的前30天 3、開始時間和結束時間只能選擇間隔7天時間 4、禁用當前時間之後的時間 效果圖: 詳細代碼: ps: d

原创 vue-cli2.x統一配置接口請求地址和開發環境的跨域代理

1、修改config/dev.env.js(開發環境的baseURL地址統一配置) 2、修改config/prod.env.js(線上環境的baseURL地址統一配置) 3、修改config/index.js,配置開發環境的跨

原创 vue中處理echarts因v-if切換後圖形顯示異常+實現echarts監聽窗口變化而改變大小

一、處理echarts因v-if切換後圖形顯示異常 有時候我們需要在一個頁面中使用v-if來顯示不同的兩個圖表。 視覺效果上好像是從一個頁面點擊鏈接跳轉到另一個頁面,但其實原理是通過銷燬和重建兩個不同dom容器來實現這個效果。 可

原创 js實現(一層 / 多層)對象/數組的深拷貝

如何區分深拷貝與淺拷貝,簡單點來說,就是假設B複製了A,當修改A時,看B是否會發生變化,如果B也跟着變了,說明這是淺拷貝;如果B沒變,那就是深拷貝。 (上面的複製在程序中可以看做是賦值關係) 一、多層嵌套的深拷貝 1、封裝函數——

原创 ES6、ES7、ES8、ES9、ES10新特性及其兼容性

強烈推薦閱讀一篇文章,也是自己爲了做保存把地址貼到自己博客,大家一起學習: ECMAScript 6 入門教程——阮一峯 盤點ES7、ES8、ES9、ES10新特性

原创 ES7、ES8、ES9、ES10新特性及其兼容性

強烈推薦閱讀一篇文章,也是自己爲了做保存把地址貼到自己博客,大家一起學習: https://juejin.im/post/5dda2b5e6fb9a07a83691766

原创 js自定義localStorage的過期時間----完整代碼解析

前言: 我們知道localStorage如果設置了,那麼默認是永久有效的,除非手動進行刪除。 手動刪除:可以在谷歌瀏覽器控制檯的Application => Local Storage 中找到自己要刪除的文件/域名中的某一項數據雙