zjq_1234的博客

testing-library/react ，怀疑是该包引起的问题，查看该包的版本，并进行版本更新，安装最新版本，该警告解决，测试通过。进行全局搜索，发现没有该引用，故进入该代码块中分析。

手写常见方法实现

背景：页面调用接口：import { connect } from 'dva';import { withRouter, routerRedux, Link } from 'dva/router'; // push主要用来跳转页面const mapStateToProps = state => ({ // 用来接收后端的返回数据 list: state.businesssequence.fundAccountSearchResult, isLoading: state.

此配置支持 CSS、HTML、JS 和 Vue 等文件的格式化一、安装插件：Prettier、Eslint、VeturESlint：javascript代码检测工具，可以配置每次保存时格式化jsPrettier - Code formatter：只关注格式化，并不具有eslint检查语法等能力，只关心格式化文件(最大长度、混合标签和空格、引用样式等)，包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · G...

需求：根据报文类型的不同，每种报文类型的字段也有所不同。通过后端返回的报文字段的字符串，前端将字符串转为对象，根据后端返回的对象，展示当前报文的页面字段。实现思路：根据需求将建立三个组件，域组件主要用来展示字段。块组件用来展示可增加和删除的块，块组件里面通过域组件来进行展示。最终在模板组件，对后端返回的所有的模板字段进行判断，遍历模板字段，如果后端返回的字段类型是个域就直接展示域组件，如果返回的字段类型是个块就展示块组件。在模板组件将所有域和块的字段值进行集中，从而获取所有的报文字段数据..

方式一：当前列表实现调用公共list组件，将分页pageSize,pageNo的值从子组件传到父组件。分页的传参如下所示。当前页的调用： // 父组件的调用子组件handleChangePage = query => { const { defaultQuery } = this.state; this.props.getList(defaultQuery); this.setState({ pageNum: query, }); }.

需求：有两个div的区域来展示字段，字段比较多，区域内设置纵向滚动条，要求可以根据字段名进行对div区域内的字段进行搜索，搜到的字段展示在第一个位置，同时滚动条自动回到顶部。思路：1. 对两个div设置高度height，同时设置overFlow-Y:auto属性，显示纵向滚动条。2. 拿到的所有字段，处理成数组进行遍历展示。对搜索的数据先从数组中删除，再使用splice方法重新插入，放在第一个位置。 getFieldNewValue = fieldItem => { c

场景：ant design升级后发现本地跑项目的时候，右下角会出现下面的气泡解决方法：在package.json的配置文件中，start命令增加 UMI_UI=none umi dev ;修改前： "start": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION=site umi dev",修改后： "start": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_Y

场景： 工作中遇到需要使用气泡框进行提示的效果，但是不需要鼠标移上去，是个静态的气泡框效果，于是决定使用纯css进行实现。实现思路：一个带边框的容器，在左侧放一个三角实现气泡框效果。实现效果图：1. 可以给一个div标签，然后对其设置属性，但是由于需求我这边需要对一个span标签进行操作，span是一个行内元素，需要先对其进行转换成块内元素再进行属性限制。组件元素： <span className="popTag"> <span>...

场景： 在进行tag标签的编辑时，需求单击tag表示选中，双击tag进入编辑模式，进行修改。这样如果不做处理，双击会同时触发单击事件，解决思路：设置一个变量，在单击事件中进行延时设置，在双击事件中，直接将单击事件的延时取消，那么就不会触发单击事件。详细实现思路：1. 设置varclickTimeChange; 用于单击事件的延时变量。2. 单击事件的代码如下： handleCheckChange = (tag, index) => { clearTimeo...

做了一个东西，在ajax中的responseHeader中取到所要的值，将其显示出来，但是里面出现了中文乱码，在这里我重现一下这个问题。看见了 最后的一行的”stepName”:”SQL%E6%9F%A5%E8%AF%A2” 这一行response中设置了utf-8的格式进行解码所以最后解码成了：”stepName”:”SQL查询”我们可以看看客户端和服务器之间什么地方需要进行编码。我们这个出现的问题就是 在response传过来的时候 这个值编码的格式是URL的编码格式 每一个前面加

splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组）index:数组开始下标 len: 替换/删除的长度 item:替换的值，删除操作的话 item为空删除：//删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变)var arr = ['a','b','c','d'];arr.splice(1,1);console.log(arr); //['a','c',...