原创 清除electron應用緩存

在菜單欄添加清除按鈕 配置清除項 const clearObj = { storages: ['appcache', 'filesystem', 'indexdb', 'localstorage', 'shadercache'

原创 實現文件上傳進度條及解決request.upload.addEventListener in not a function問題

使用axios上傳文件時需要進度條,可通過監聽axios的onUploadProgress獲取當前文件上傳進度,進度條可以用antd的Progress 實現過程中出現問題request.upload.addEventListene

原创 數組中相同屬性值進行分組,支持補全(含區間日期枚舉方法),可實現ant desgin 動態列

數組有多個屬性相同的的對象需要合併爲一個對象,並生成新的數組,用以實現ant desgin 的動態列功能。 原數據: [ { count: 289, tag: '連網失敗', typeName: '2020-04-23' },

原创 RGB 轉 Hex 和 Hex 轉 RGB

hex轉rgb顏色 const hexToRgb = hex => { const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); retur

原创 window.open參數說明及解決彈出窗口被攔截的問題

window.open(url, [name], [configuration]) 參考:MDN的window.open 有其他參數可具體瞭解 其中: url, 爲要新打開頁面的url name,爲新打開窗口的名字,可以通過此名字

原创 正則去掉中英文逗號及空格

// 轉換中文逗號及去掉空格 const str = "張三, 李四 ,王五,tom, jack ,lucy " const newStr = str.replace(/,/, ',').split(',').map(i

原创 數組中相同屬性值進行分組,支持補全(含區間日期枚舉方法)

開發中遇到數組有多個屬性相同的的對象需要合併爲一個對象,並生成新的數組,用以實現ant desgin 的動態列功能。耗費了一天時間。 整理下實現的邏輯 const dates = [ '2020-04-20', '20

原创 數組find方法查找的對象不存在

數組find方法使用時的問題 在查詢數組中某個對象,並獲取對象的屬性值時報錯導致整個頁面打不開的問題 const array1 = [{id: 1, name: 2},{id: 3, name: 4} ]; const found

原创 過濾對象數組中key值相同的數據

如果有遇到一個數組中存儲多個對象,有部分對象的某一個鍵值是相同的,需要過濾掉重複項的實現方案 const arr =[ { "count": 1095, "month": "三月", }, {

原创 正則表達式去掉字符串中的特殊字符

/*** 去掉字符串中的特殊字符 */ var excludeSpecial = function(s) { // 去掉轉義字符 s = s.replace(/[’"\/\b\f\n\r\t]/g, ‘’); // 去掉特殊字符

原创 數組按照中文名稱排序

var arr = ['南京', '北京', '上海', '杭州', '深圳']; function sortChinese (arr) { // 參數: 排序的數組 arr.sort(function (item1, i

原创 react setState持續修改拿不到最新值的問題

setState機制 react setState持續修改拿不到最新值的問題,setState()實際上可以接受一個函數作爲參數,函數的首個參數就是上一次的state。 參考: 掘金 const file = {d: 1}; th

原创 electron-builder打包時報NODE_MODULE_VERSION錯誤

electron-builder打包注意事項 npm install node版本: node 12.x electron: 4.x 使用electron-builder打包應用時,提示安裝canvas 使用npm安裝canva

原创 二維數組的url字符串拼接

[[‘a’,1],[‘b’,2]].map(param => param.join("=")).join("&") 返回 a=1&b=2

原创 react父組件調用子組件的方法

原文鏈接:https://juejin.im/post/5c86c7d8f265da2de970b610 在不是用redux的情況下,使用子(孫)組件上的方法,或者屬性 import R