原创 antd Form表單讀取不到input的值
今天上午突然反饋了一個問題，表單中的一個輸入框用戶明明輸入了，但是提交到後臺之後是沒有數據的。我在本地測試了一下，發現也是同樣的情況。後來仔細看了一下代碼，原來的input的外面包裹了一個Fragment元素，後來我將Fragment元素
2020-07-06 19:47:59
2
原创 圖片上傳413
圖片在移動端上傳接口總是會提示413，上傳的內容過大。後來通過壓縮將圖片壓縮之後，上傳還是會提示413，但是在我本地卻是可以直接上傳成功的。因爲我本地沒有走nginx服務器，直接是setupProxy來代理請求的。而測試環境都是通過ngi
2020-07-06 19:47:59
原创 React中向事件處理程序傳遞參數
之前使用React的事件處理程序大都直接使用下面的兩個形式： this.handleClick = this.handleClick.bind(this); // public class fields 語法 handleClick =
2020-07-06 19:47:59
1
原创 圖片按照順序上傳
最近遇到一個文件上傳的需求，這裏記錄一下： 產品希望的效果是可以按照在客戶端選擇的順序上傳，並且展示在頁面中 這裏我使用的組件是antd的Upload組件，該組件支持多文件上傳，但是其對於多個文件上傳的處理通過在控制檯中就可以看到其實是一
2020-05-09 07:57:36
原创 記錄富文本編輯器
最近項目中需要使用到富文本編輯器，我們使用的是react開發項目，所以想找一個基於React開發的富文本編輯器，首先找到是braft-editor，但是後來發現這款富文本編輯器在呈現表格，a鏈接，圖片等html元素的時候和實際的效果差別有
2020-04-25 19:41:47
原创 React Hooks依賴項數組中使用antd中的form導致頁面陷入死循環
最近在逐漸將函數寫法從class組建從函數組件轉變，在開發的過程中遇到了一個表單中的小問題，這裏記錄一下： 場景：頁面有兩個下拉框，有聯動關係，第二個下拉框需要根據第一個下拉框的值發生變化，所以在第一個下拉框的onChange的回調函數中
2020-04-19 04:37:08
原创 前端解決跨域問題的8種方案
1.同源策略如下： URL 說明 是否允許通信 http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允許 http://www.a.com/lab/a.jshttp://ww
2020-02-22 16:18:57
原创 如何實現多行文字實現超不部分顯示省略號的效果
p{ text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical;/*horizontal*//*子元素的排列方式*/
2020-02-22 16:18:57
原创 常見的HTML中的特殊字符和CSS尺寸單位
HTML中常見的特殊字符: 1、< 表示 < 2、> 表示 > 3、 表示 一個空格 4、 © 表示 © 5、¥ 表示 ￥ CSS尺
2020-02-22 16:18:57
原创 JavaScript中的對象複製(Object Clone)
JavaScript中並沒有直接提供對象複製(Object Clone)的方法。因此下面的代碼中改變對象b的時候，也就改變了對象a。 a = {k1:1, k2:2, k3:3}; b = a; b.k2 = 4; 如果只想改變b而
2020-02-22 16:18:57
原创 常用的排序算法的時間複雜度和空間複雜度
常用的排序算法的時間複雜度和空間複雜度 排序法 最差時間分析 平均時間複雜度 穩定度 空間複雜度 冒泡排序 O(n2) O(n2) 穩定 O(1) 快速排序 O(n2) O(n*log2n) 不穩定 O(log2n)~O(n)
2020-02-22 16:18:57
原创 React中打印頁面，樣式不起作用
從網上搜索的結果來看，一種方法就是使用內聯樣式，但是很明顯如果我們的頁面中有很多元素，並且頁面的動效多的時候，內聯樣式就不可取了，既不雅觀將來也不好維護 。 還有一種方式就是使用react-to-print這個插件來做，這裏我並沒有用到。
2020-02-22 16:18:57
原创 block，inline和inline-block概念和區別
block，inline和inline-block概念和區別 總體概念 block和inline這兩個概念是簡略的說法，完整確切的說應該是 block-level elements (塊級元素) 和 inline elements
2020-02-22 16:18:57
原创 React 項目本地運行成功，build時 Failed to minify the code from this file
今天部署項目的時候一直部署不成功，大概部署了五六次，每次都失敗。開始以爲是機器出了問題，後來就在同一臺機器上部署另外一個項目，居然成功了。後來就在本地運行npm run build命令，發現失敗，截圖如下： 原來是query-strin
2019-06-11 05:21:42
2
原创 日常開發中的一些小技巧
# 日常開發中的一些小技巧 ## console 1. console.log + console.log是我我們日常開發中最常用的，但是console.log還有一些另外的用法，console.log支持格式化輸出: cons
2019-04-24 04:21:41