Antd前端開發采坑記錄
阿新 • • 發佈：2018-09-05
charts this .net title 可視化 選型 less -a 記錄
- 背景
基於頁面友好，界面整潔美觀；基於Antd框架開發蝦能平臺
- 選型
基於Antd-admin工程架構，進行開發；基於Antd+React+Umj
- 采坑記錄
- 按照Html方式天機onClick方法，每次初始化時即會調用；正確的寫法應該是：
onClick={() =>lookPic(imgs[0])} - 級聯表如何支持，各等級選擇；解決方案：
添加次級ALL選項，在選擇後的處理上，進行操作確認
3. 時間選擇器，支持到秒；使用RangePicker控件
4. AutoComplete被封裝後，延遲一步；在onChange方法中加入
this.props.onChange && this.props.onChange(value)
5. 提示使用Title屬性
6. 配置當前工程使用hash模式，在umirc中配置，參考文檔：https://umijs.org/config/#basic
hashHistory: true,
7. Excel導出，使用xlsx-oc庫，簡單明了；超過1000條，速度較慢
8. CSV格式導出，速度較快，相比Excel格式
9. 腦圖控件，使用第三方庫：jsmind
10. 如何接入less
import styles from ‘./jsmind.less‘
class={styles}
11. React如何初始化控件，尤其是第三方js庫控件，使用componentDidMount方法
12. svg格式Iconfont的調用
require(‘../../../src/svg/svglocal/yuqing.svg‘)
numbers.push({icon:"yuqing", color:"#64ea91", title:"一周輿情量", number:120, url:feedbackUrl})
<Iconfont className={styles.iconWarp} colorful style={{ color }} type={icon}
13. 數據可視化，使用bizcharts http://bizcharts.net/index
。。。。。。。。。。先寫這些
Antd前端開發采坑記錄