weixin_69903461的博客

原创 给表单包裹的高阶组件输入框添加处理事件

【代码】给表单包裹的高阶组件输入框添加处理事件。

原创 对table中的数据进行换行操作

需求：将字符串中的<br/>去除并进行换行。

原创 如何通过一个数值生成对应数量遍历

【代码】如何通过一个数值生成对应数量遍历。

原创 JS 将对象中未赋值的属性去除

【代码】JS 将对象中未赋值的属性去除。

原创 给输入框增加必输限制并给出红色提示文字

方式一：使用from表单规则，或者使用各个组件库的封装的表单组件。refundAmountError：提示不同的报错信息。方式二：这里主要展开不使用表单组件的方式。

原创 网页打开白屏出现Invalid Host header什么意思，如何解决

"Invalid Host header" 这个错误通常出现在开发环境中，尤其是当你使用像 `webpack-dev-server` 这样的开发服务器时。这个错误意味着你试图访问的Web应用正在尝试加载，但服务器接收到的主机头部（Host header）不符合它的预期或配置。在`webpack.config.js`或项目配置中，找到`devServer`部分，并添加`disableHostCheck: true`选项，以禁用主机头检查。工具可能会有严格的主机头检查机制，以防止跨域安全问题或其他恶意请求。

原创 获取距当前日期前31天日期/一年前日期

首先，我们获取当前日期并且转化格式是JavaScript内置Date对象的一个方法，用于将日期转换为一个符合ISO标准的字符串格式。这个格式通常是YYYYMMDDHHmmss.sssTZ。

原创 在vsCode插件上svn插件为什么提示没有可提供视图数据的已注册数据提供程序

安装好TortoiseSVN，安装过程可以全部默认，除了以下这步。这个svn插件感觉一直在刷新，并且加号不能点，路径也配置了。解决：是安装svn的时候一个重要的配置没有进行选择。

原创 微信小程序自带返回键如何重定向

onUnload：当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()时触发，用于监听页面卸载。因为页面栈存的页面过多，所以返回键出现了我不想出现的页面中，现在给特定的返回键重定向，让它一直退回到我想要的页面。

原创 react项目解决/n字符串不换行问题

【代码】react项目解决/n字符串不换行问题。

原创 常用数字校检正则

负浮点数 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$正浮点数 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

原创 antd中使用分页器如何在最后面添加其它组件

使用footer属性，在里面showTotal里可自定义排版。

原创 解决淘宝镜像配置成功却报在此系统禁止运行脚本

【代码】解决淘宝镜像配置成功却报在此系统禁止运行脚本。

原创 react 性能优化 之 React Lazy

React Lazy 是 React 16.6 版本中引入的新功能，它能让你像常规组件一样处理动态引入的组件，配合 webpack 的 Code Splitting，只有当组件被加载，对应的资源才会导入，从而达到懒加载的效果。1.React.lazy()函数是React提供的用于实现懒加载的函数，它接受一个函数作为参数，该函数返回一个动态导入的Promise对象。2.React.lazy()返回一个新的组件，该组件在需要时自动加载动态导入的组件。

原创 react 为什么ref取不到被表单包裹的子组件的函数

因为通过From.create( )高阶组件包裹后的组件不能直接使用ref进行获取实例。这时可以通过使用 wrappedComponendRef属性来获取实例。使用方法和ref一样。

原创 react,js,前端打印功能

注意命名和第一步中数据处理的templateName一致。第四步：在static静态文件下写一个html模板。第一步：数据处理，处理成类似打印7里的数据格式。第二步：写一个辅助函数如id3。结束，希望对你有所帮助。

原创 接口不通，报 n is not a function

确认入参，接口，ip没有错误后，一般就是代理问题，选用解决跨域后的浏览器进行访问即可。

原创 文件过大编译一直失败如何解决？

打开package.json文件。主要和下面build做对比。

原创 table组件自定义内容

backgroundColor: "#003366", // 设置表格的背景颜色。// 定义要覆盖默认的 table 背景元素的组件。// 自定义头部行组件。

原创 antd table组件如何更改表头背景色

使用components api。

原创 commit错误代码如何回退？

git reset --hard origin(分支名)

原创 antd中给TreeSelect组件添加自定义前缀图标

思路：遍历要展示的数据，给一级和子级通过遍历，添加icon。要点：不要忘记➕key。

原创 react子组件调用父组件方法，数据没有实时更新

解决方法:不向子组件直接传递字段，而是向子组件传一个函数，return出这个字段，在子组件中使用的地方调用这个函数，让它去请求最新的字段值。原因:数据在初始加载中拿到了初始值，虽然你更新了父组件的值，但是，本组件并没有卸载，也就是说没有重新加载的过程，就没有拿到最新的值。

原创 ElementPlusError: [ElMenuItem] can not inject root menu

vue使用elementPlus组件报错，可能是因为忘记套这一层menu导致菜单注册不上去，md我找了半天。

原创 Minified React error #31

编译错误，检查要展示页面的数据，是不是将数组或者对象直接渲染在页面上了。

原创 使用Table组件ref为空

在TabPane上设置属性forceRender为true即可。是因为table组件默认不渲染隐藏组件。

原创 计算两个字符串时间差值

思路:将两个日期都转换为毫秒，然后相减，再将减下来的毫秒数转换为天数，就可以得到两个日期之间相差的天数了。（接受的日期格式为“20201-1”，“20201/1”等用连接符连接起来的日期字符串）totalDays = Math.floor(diffDate / (1000 * 3600 * 24)) // 向下取整。diffDate = Math.abs(myDate_1 - myDate_2) // 取相差毫秒数的绝对值。// 将两个日期都转换为毫秒格式，然后做差。// 计算两个日期之间的差值。

原创 react Table组件更改dataSource表格不更新

是因为里面数据为引用类型，表格未发现地址进行改变了，所以只需要在setState 的时候，用扩展运算符进行拷贝就行啦。

原创 react修改项目启动端口号

3、搜索 DEFAULT_PORT。1、打开“node_modules”

原创 base64格式字符串转换图片URL

1.看后端返回的base64字符串是否有base头部，如果没有就自己加上。2.如果有头部就直接放入src。

原创 JS 将数组中的对象，按其中的一对属性进行分类。

首先把所有的键名拿出来作为键值，然后设置一个空数组以后存属性相同的对象，组成一个对象存到arr里。第三步，将那原始数据中，键值相等的对象追加到，这个arr里对象的data中，分类完成。第二步，将arr里面重复的键值进行去重，就可以得到总共可以分为多少类。mes.docList里是一个数组，里面保存着要分类的对象。

原创 JS通过递归给树状数据添加属性

给obj是一个对象对象里有children数组，里面是子集，每一层都有一个name属性，现在要求给所有的层级添加一个属性name2，键值为它所有上层name的拼接值:

原创 将字符串中指定文字突出转换颜色。

使用正则➕替换，然后将节点直接转换为HTML。

原创 antd 使用table组件时表格内英文不换行问题

const columns: ColumnsType<type> = [ { title: 'xxxxxxxxxxx', key: 'xxx', render: (_text, record) => <span>{record.xxx}</span>, }, { title: 'xxxxxxxxx', key: 'xxx', render: (_text, record)

原创 使用antd组件在表格中添加checkbox不能实时更新的问题。

数据已经更新，但页面每次要刷新页面才会更新。

原创 在使用antd组件时出现disabled报错，却找不到错误在哪？

把你引入组件里写的代码所有标点符号删了，尤其是分号！！！！

原创 Tree树状结构扁平化

原创 前端跨域问题解决

可以配置代理进行解决

原创 全对象包含数据转化为tree结构

后端返回的全是对象，让我转为可供antd使用的tree结构数据类型。

原创 ant组件遍历可加减的input框以及按钮，实现按钮控制单独的input框

定义一个新的数组list，每遍历一次给数组添加一个新的空值，然后点按钮时，使用index值将，list数组里面的值就行修改即可.