Antd前端开发采坑记录

• 背景

        基于页面友好，界面整洁美观；基于Antd框架开发虾能平台

 

• 选型

        基于Antd-admin工程架构，进行开发；基于Antd+React+Umj

 

• 采坑记录

 

1.  按照Html方式天机onClick方法，每次初始化时即会调用；正确的写法应该是： 

   onClick={() =>lookPic(imgs[0])} 

2. 级联表如何支持，各等级选择；解决方案：

             添加次级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

 

       。。。。。。。。。。先写这些