antd description，antd命令

React项目,基于antd读取excel文件

1、首先在代码中引入Autowork相关的库和依赖。其次打开要读取的Excel文件，可以通过Autowork提供的load_workbook方法打开。然后选择要读取的工作表，可以通过workbook对象的get_sheet_by_name或get_sheet_by_index方法获取。

2、使用create-react-app脚手架具体基础配置请参考配合antd组件实现的管理系统demo，线上地址开发前反思 按需加载webpack的 import 动态加载的模块的函数，import(参数)，参数为模块地址。注意： import 后会返回一个promise对象。

3、使用webpack-dev-server启动本地服务，加入热更新便于开发调试。

4、虚拟列表，antd有现成的，不过antd是基于react的，vue版本没有虚拟表格，网上也有些基于vue的大数据表格，但都不是非常满意，所以准备自己写一个。

5、antd UI框架中table表格本身没有合计行功能需要自己实现，以下是实现的过程。

使用ANTD前端开发——开发环境搭建(Windows)

使用ANTD（ant design）开发需要安装Node.JS，cnpm，tyarn，umi等包。yarn是npm的替代品，正如tyarn取代cnpm。在未来的项目中我们会使用tyarn进行JS的包管理。Node.JS安装成功后，在安装路径下有 npm 命令脚本。

开发环境的域名代理 devServer 加快打包速度，还可以考虑删除antd-icons，单独去iconfont网站下，按需引入。

使用create-react-app脚手架具体基础配置请参考配合antd组件实现的管理系统demo，线上地址开发前反思 按需加载webpack的 import 动态加载的模块的函数，import(参数)，参数为模块地址。注意： import 后会返回一个promise对象。

antd相关升级问题

1、antd v4 使用hook对组件进行了升级，react项目使用hook的话升级v4会比较好。antd V4 提供了一个 codemod cli 工具 @ant-design/codemod-v4 以帮助快速升级到 v4 版本。

2、使用对象.的方式获取class。因为加上了getCSSModuleLocalIdent，而antd组件中css并不是这样引入使用的，所以导致了class没生效。

3、select里面的内容是上一个弹窗里面内容。大概最主要的原因是，onChange事件里面需要写this.setState，setState本质是通过一个队列机制实现state更新的。

4、useBuiltIns： false (此时不对 polyfill 做操作。如果引入 @babel/polyfill，则无视配置的浏览器兼容，引入所有的 polyfill。

5、antd的select、DatePicker、TreeSelect、AutoComplete组件需要注意页面滚动会导致下拉框也随之移动，如下图：日期组件可以通过getCalendarContainer属性来控制下拉框显示位置。

antd的Modal可移动(可拖拽)

因为是在main.js当中全局引入了，所以，可以在vue模版文件中直接进行调用。

表单提交图片时，使用a-uupload 或者 el-upload 都需要阻止图片自动提交。表格拖拽需要使用到vuedraggable，拖拽后，保存顺序，返回到后台。

楼主，此问题很简单，直接在原理图里面把元件的封装改小保存，然后点菜单栏design--Update PCB(修正PCB)，即可将你的封装最部修改。

从无到有,使用yarn开发react项目(配置及开发基础篇)(小白向)

1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。

2、熟悉NPM（Yarn），Node模块fs，http，路由，处理请求，express4（koa）；掌握创建websocket服务，MongoDB/MySQL数据库CRUD（Mongoose）；掌握微信小程序开发，掌握Vuex基础，Vue-router，Vuex等等。

3、对于非技术类数据分析人员，初级工具只推荐一个：EXCEL。推荐书籍为《谁说菜鸟不会数据分析》，基础篇必须学习，提高篇不一定学(可用其他EXCEL进阶书籍)，也可以学习网上的各种公开课。