摘要： 我们在bin里面新建了一个index.js,这个文件的作用是作为脚手架的初始化文件,可用来作为其他脚本的入口. 初始化文件编写 #!/usr/bin/env node 'use strict' //定义脚手架的文件路径 process.env.NODE_PATH=__dirname+'/../nod 阅读全文

摘要： 我们之前说过bin里面的index.js文件是作为入口文件存在的.实际上的初始化内容在.action里面操作的,为了方便管理,我们把实际操作的代码抽出来放一块儿管理 创建指令文件 在根目录创建一个commands文件夹,然后在里面新建一个init.js文件.所以现在的目录为 然后init.js里面的 阅读全文

摘要： 模块准备好之后,我们就需要开始编写脚本. 在根目录新建一个bin文件夹,然后在bin文件夹中新建一个脚本文件,比如index.js,那么此时的文件目录为 node脚本编写 接下来就是关于index.js里面的node脚本编写了.具体的后续再讨论,目前我们就在里面写入最简单的代码 #!/usr/bin 阅读全文

摘要： 该系列主要是自主学习时的整理性文档,对于网上的不少博客有借鉴和学习.主体方向部分借鉴了@前端小黑 的博客 .感谢其提供了一个清晰地方向 贴上原地址:前端工程化 搭建自己的脚手架工具详细步骤 前端搭建项目的时候类似create-react-app或者vue-cli脚手架都是输入一个命令,然后填一些或多 阅读全文

摘要： 假如我现在想自定义一个类似Form.Item的组件,可以让其作为容器组件,承包一部分逻辑.然后我包裹着的组件还能正常显示. 方案:关键函数React.cloneElement或者React.createElement.如果是直接填入组件而并非动态生成的,主要推荐React.cloneElement, 阅读全文

摘要： 需求:现有一个form表单,但是其中一个元素比较复杂,并不是简单的输入框或者下拉框之类的.但是我又希望能通过form.validateFields().then()去获得它的值,就不需要在当前页面写大量相关的逻辑了. 比如:如图为一个可以增删改的input列表 方案:将其封装成自动绑定值的组件 (1 阅读全文

摘要： 需求:多个表单,我想一起校验一起提交,比如这里的上下两个部分为两个组件,两个form表单 功能点:1.所有报表需通过校验 2.通过校验后提交并带入所有参数 核心问题:form表单的validateFields()返回的是一个promise对象,也就是说他是一个异步方法,对标的的校验必定有异步问题.而 阅读全文

摘要： 问题: 现在有一个页面,包含"项目基本要素"和"供应链管控要素"多个组件,其中一个组件有表单级联,通过产品类型的不同选取去调接口获得产品名称的下拉 调接口是通过dispatch实现的. 理想状态:当我调用这个接口时只改变另一个相关下拉框的数据,其他的以及其他同级组件的值不变. 实际结果:当我调用后, 阅读全文

摘要： 主要是两个步骤, 1.处理接口返回数据,给其添加两个属性,一个是合并行数(列数),一个是当前数据的序号 2.在columns结合antd官网的处理方法合并表格 3.尽可能得减少计算量 数据处理函数 /** * 表单表头合并 * @param list 需要遍历的数组 * @param key 合并依 阅读全文

摘要： 问题描述: 现在有个需求,现有一个列表table,里面的数据有启用的也有关闭的,switch组件会根据数据状态展示,同时进行排序,启用数据在前面,未启用的在后面.如图 然后现在需要操作,假如我将第四条数据'的撒管道施工'进行启用,调用启用接口,改变switch组件状态,并重新调用列表查询接口,理想效 阅读全文