原创 使用events跨頁面傳值
1.引入 npm install events 2.使用前封裝 const eventEmitter = new EventEmitter() const Emitter = { on: (event: string, fn: anyF
2021-12-03 01:14:02
原创 React中正常渲染富文本的html內容
// div必須是單標籤 data爲你要正常顯示的html標籤內容 <div dangerouslySetInnerHTML = {{ __html: data }} /> 乾貨持續分享中...，關注作者不迷路 快速到達人生巔峯~ 哈哈
2021-10-15 10:01:25
原创 在PC項目中將上傳的文件（word, excel, pdf）直接在項目中預覽，編輯同步預覽
思路: 可以使用任何方式將本地文件上傳到後端得到一個地址後使用iframe直接在項目中展示出來 代碼實現 <iframe title="1"
2021-09-15 15:47:38
原创 使用圖片地址進行下載
解決方式1 export const downloadImg = (url: string, fileName: string) => { const x = new XMLHttpRequest() x.open('GET', u
2021-07-28 07:57:23
原创 在PC項目中將上傳的文件（word, excel, pdf）直接在項目中預覽
思路: 可以使用任何方式將本地文件上傳到後端得到一個地址後使用iframe直接在項目中展示出來 代碼實現 <iframe title="1"
2021-05-13 15:22:49
原创 js將內容複製到剪切板（最簡單的實現方式）
content：爲要設成的文本 // 創建元素用於複製 const aux = document.createElement('input') // 獲取複製內容 const content = v
2021-05-09 18:23:54
原创 使用lodash或純js把數組對象中相同的字段的值合併
1. lodash解決辦法 1.1 數組內對象型數據 let fruitSamples = [ { id: 1, type: 'apples', samples: [{ id: 1, name: 1 }] }, {
2021-01-30 14:44:46
1
原创 使用lodash進行數組對象去重---最簡單的數組去重
var list= [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }]; list = _.uniqWith(list, _.isEqual) // => [{ 'x':
2020-12-24 19:56:23
原创 使用 antd scrollToFirstError無效
4版本的form 官方Form API 不再需要使用getFieldDecorator綁定字段 在<Form.Item name="field">使用name字段即可 validateFieldsAndScroll校驗滾動也變成了 scro
2020-12-10 02:54:25
原创 項目中使用ECharts，echarts-liquidfill 水球圖 更多配置請參考官方大大https://github.com/ecomfe/echarts-liquidfill
安裝 npm install echarts-liquidfill npm install --save echarts-for-react npm install --save echarts 如果出現這樣的報錯 npm WARN
2020-10-14 07:03:21
原创 用正則截取、判斷文件類型（持續更新）
1、截取兩個字符串之間的內容： let str = "aaabbbccc"; let result = str.match(/aaa(\S*)ccc/)[1]; // bbb 2、截取某個字符串前面的內容： let str = "aaab
2020-09-24 04:46:58
原创 React中使用Highcharts實現立體餅圖
前言 在一個項目中做餅狀圖、柱狀圖、水球圖，剛開始是藉助echarts做的後來客戶方說平面的覺得不好看非要立體圖類似於3D效果（感官上看着有3D的感覺），無奈下開始翻閱echarts各個屬性看是否能夠通過配置屬性來改變感官效果，後來經過一般
2020-09-22 04:46:39
原创 項目中使用ECharts 水球圖 更多配置請參考官方大大https://github.com/ecomfe/echarts-liquidfill
安裝 npm install echarts-liquidfill npm install --save echarts-for-react npm install --save echarts 如果出現這樣的報錯 npm WARN
2020-09-14 04:31:38
原创 在項目中獲取外網IP以及IP所在地等信息
先介紹幾個用於單一獲取IP的第三方api用於請求之後等到自己的IP地址(可以直接點擊查看自己的IP) http://ifconfig.me/ip http://ipinfo.io/ip https://ifconfig.co/ip h
2020-08-18 23:43:03
原创 JS 使用加密工具對數據進行加密解密
前言：在數據交互的過程中難免會使用數據加密的方式進行數據傳輸，其主要的數據傳輸時使用加密的比較多的是登錄模塊，用戶的密碼等重要信息一旦暴漏將會給用戶帶來不可估量的損失，還有就是將一些信息存儲到cookie，localStorage，sess
2020-07-13 18:01:51