码迷,mamicode.com
首页 > 其他好文 > 详细

Antd前端开发采坑记录

时间:2018-09-05 21:40:00      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:index   amp   exce   如何   界面   admin   his   war   pre   

  • 背景

        基于页面友好,界面整洁美观;基于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

 

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

Antd前端开发采坑记录

标签:index   amp   exce   如何   界面   admin   his   war   pre   

原文地址:https://www.cnblogs.com/udld/p/9594197.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!