原创 對象數組深度拷貝deepCopy

function deepCopy (obj, cache) { if (cache === void 0) cache = [] if (obj === null || typeof obj !== 'object')

原创 npm常用命令收集

npm的使用非常easy,記住下面命令就可以非常好地使用它。 ●npm init 執行構建新項目的嚮導: ●npm install module. name 在項目中安裝一個模塊 ●npm install g module. .name

原创 Vuelidate 表單校驗插件

Vuelidate Vuelidate是一款簡單輕量級的基於模塊的Vue.js驗證插件。 github地址https://github.com/vuelidate/vuelidate 安裝 安裝很簡單,用npm來安裝只需要一句話:  

原创 獲取瀏覽器視口的大小

/*視口的大小,部分移動設備瀏覽器對innerWidth的兼容性不好,需要 *document.documentElement.clientWidth或者document.body.clientWidth *來兼容(混雜模式下對do

原创 webpack3升級webpack4需要做什麼

webpack配置信息可在此查看屬性 https://developer.aliyun.com/mirror/npm/package/webpack-command   build 文件夾 utils.js中  const Extrac

原创 base64文件轉MultipartFile文件 上傳圖片轉base64

在一些項目中,上傳圖片或者文件過大,這個時候我們就要選擇壓縮文件,壓縮到我們指定的範圍內在上傳到服務器,當然壓縮也是可以放到服務器進行操作的,但是考慮到前端傳輸時間問題,所以我們一般都是放到前端壓縮後在上傳。 下面舉個實例: 曾經遇見這麼

原创 Gitlab報錯SSL證書已過期

提交代碼提示 這個粗略翻譯一下 SSL證書過期導致的 度娘了半天 沒看懂   解決方法: 輸入以下命令,去掉git的SSL驗證 git config --global http.sslVerify false 完工

原创 vue項目打包後樣式-webkit-box-orient: vertical

vue項目打包後樣式-webkit-box-orient: vertical居然神奇的消失了,相關插件 optimize-css-assets-webpack-plugin,解決辦法:https://github.com/postcss/

原创 vue全家桶+Echarts+百度地圖,搭建數據可視化系統

本文章篇幅略長,內容有點多,大佬可根據目錄選擇性查閱,新人可一步步來閱讀。 1、 前言 1.1 業務場景 突然接到產品說要做一個數據監控的系統。有線圖、柱狀圖、地圖,類似於數據可視化的方式。 本人之前從未接觸過Echarts,然後需要2周

原创 vue方法裏引用data不再使用this.xx

checkCouponInfo() { //this vue實例 couponList checkcouponid data中數據 const { couponList, checkcouponid } = this; //查找c

原创 ['1', '7', '11'].map(parseInt) 返回 [1, NaN, 3] map傳參與parseInt傳參

Javascript 一直是神奇的語言。 不相信我? 嘗試使用map和parseInt將字符串數組轉換爲整數。打開 Chrome 的控制檯(F12),粘貼以下內容,然後按回車,查看輸出結果: ['1', '7', '11'].map(p

原创 獲取一個月有多少個周

function allWeeks(now_month) { let week_array = []; let today = new Date(Date.parse(now_month)); let year = toda

原创 ECharts 定製 label 樣式單獨加顏色

label: { normal: { show: true, position: 'outside',

原创 this指向構造函數原型鏈改變指向關係變動

輸出下面幾個方法得到結果 function Foo() { Foo.a=function(){ console.log(1) } this.a=function(){ co

原创 vue-text-highlight vue實現搜索詞高亮

Installation npm install --save vue-text-highlight # or  yarn add vue-text-highlight Usage Basic Usage import Vue fro