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前端開發采坑記錄