- 博客(44)
- 收藏
- 关注
原创 前端实时更新数据的几种方式
在本篇文章中我通过图解和实际代码给大家介绍了四种不同的和服务端保持数据同步的方案,看完本篇文章后,相信你后面再遇到类似的需求时,除了短轮询你会有更多的方案可以选择。同时这里也还是要强调一下:任何一种技术都不是瑞士军刀,都有自己适用和不适用的场景,一定要根据自己的实际情况进行取舍,从而选择最适合的方案,千万不要为了用某个技术而用某个技术!
2024-08-06 10:50:52 1531
原创 给输入框增加必输限制并给出红色提示文字
方式一:使用from表单规则,或者使用各个组件库的封装的表单组件。refundAmountError:提示不同的报错信息。方式二:这里主要展开不使用表单组件的方式。
2024-06-28 11:38:51 213
原创 网页打开白屏出现Invalid Host header什么意思,如何解决
"Invalid Host header" 这个错误通常出现在开发环境中,尤其是当你使用像 `webpack-dev-server` 这样的开发服务器时。这个错误意味着你试图访问的Web应用正在尝试加载,但服务器接收到的主机头部(Host header)不符合它的预期或配置。在`webpack.config.js`或项目配置中,找到`devServer`部分,并添加`disableHostCheck: true`选项,以禁用主机头检查。工具可能会有严格的主机头检查机制,以防止跨域安全问题或其他恶意请求。
2024-06-26 10:28:45 276
原创 获取距当前日期前31天日期/一年前日期
首先,我们获取当前日期并且转化格式是JavaScript内置Date对象的一个方法,用于将日期转换为一个符合ISO标准的字符串格式。这个格式通常是YYYYMMDDHHmmss.sssTZ。
2024-06-25 16:09:02 328
原创 在vsCode插件上svn插件为什么提示没有可提供视图数据的已注册数据提供程序
安装好TortoiseSVN,安装过程可以全部默认,除了以下这步。这个svn插件感觉一直在刷新,并且加号不能点,路径也配置了。解决:是安装svn的时候一个重要的配置没有进行选择。
2024-05-23 15:41:42 653
原创 微信小程序自带返回键如何重定向
onUnload:当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()时触发,用于监听页面卸载。因为页面栈存的页面过多,所以返回键出现了我不想出现的页面中,现在给特定的返回键重定向,让它一直退回到我想要的页面。
2024-05-22 15:05:51 279
原创 常用数字校检正则
负浮点数 ^(-(([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]*))$
2024-04-03 14:06:55 426
原创 react 性能优化 之 React Lazy
React Lazy 是 React 16.6 版本中引入的新功能,它能让你像常规组件一样处理动态引入的组件,配合 webpack 的 Code Splitting,只有当组件被加载,对应的资源才会导入,从而达到懒加载的效果。1.React.lazy()函数是React提供的用于实现懒加载的函数,它接受一个函数作为参数,该函数返回一个动态导入的Promise对象。2.React.lazy()返回一个新的组件,该组件在需要时自动加载动态导入的组件。
2023-12-27 13:23:54 1062
原创 react 为什么ref取不到被表单包裹的子组件的函数
因为通过From.create( )高阶组件包裹后的组件不能直接使用ref进行获取实例。这时可以通过使用 wrappedComponendRef属性来获取实例。使用方法和ref一样。
2023-12-26 10:28:51 532
原创 react,js,前端打印功能
注意命名和第一步中数据处理的templateName一致。第四步:在static静态文件下写一个html模板。第一步:数据处理,处理成类似打印7里的数据格式。第二步:写一个辅助函数如id3。结束,希望对你有所帮助。
2023-12-22 15:47:38 531
原创 table组件自定义内容
backgroundColor: "#003366", // 设置表格的背景颜色。// 定义要覆盖默认的 table 背景元素的组件。// 自定义头部行组件。
2023-12-05 14:39:36 391
原创 react子组件调用父组件方法,数据没有实时更新
解决方法:不向子组件直接传递字段,而是向子组件传一个函数,return出这个字段,在子组件中使用的地方调用这个函数,让它去请求最新的字段值。原因:数据在初始加载中拿到了初始值,虽然你更新了父组件的值,但是,本组件并没有卸载,也就是说没有重新加载的过程,就没有拿到最新的值。
2023-09-26 11:26:17 524
原创 ElementPlusError: [ElMenuItem] can not inject root menu
vue使用elementPlus组件报错,可能是因为忘记套这一层menu导致菜单注册不上去,md我找了半天。
2023-07-16 21:53:46 2100 8
原创 计算两个字符串时间差值
思路:将两个日期都转换为毫秒,然后相减,再将减下来的毫秒数转换为天数,就可以得到两个日期之间相差的天数了。(接受的日期格式为“20201-1”,“20201/1”等用连接符连接起来的日期字符串)totalDays = Math.floor(diffDate / (1000 * 3600 * 24)) // 向下取整。diffDate = Math.abs(myDate_1 - myDate_2) // 取相差毫秒数的绝对值。// 将两个日期都转换为毫秒格式,然后做差。// 计算两个日期之间的差值。
2023-06-28 17:13:37 564 1
原创 react Table组件更改dataSource表格不更新
是因为里面数据为引用类型,表格未发现地址进行改变了,所以只需要在setState 的时候,用扩展运算符进行拷贝就行啦。
2023-06-28 11:29:54 779 1
原创 JS 将数组中的对象,按其中的一对属性进行分类。
首先把所有的键名拿出来作为键值,然后设置一个空数组以后存属性相同的对象,组成一个对象存到arr里。第三步,将那原始数据中,键值相等的对象追加到,这个arr里对象的data中,分类完成。第二步,将arr里面重复的键值进行去重,就可以得到总共可以分为多少类。mes.docList里是一个数组,里面保存着要分类的对象。
2023-03-24 14:37:28 321
原创 JS通过递归给树状数据添加属性
给obj是一个对象对象里有children数组,里面是子集,每一层都有一个name属性,现在要求给所有的层级添加一个属性name2,键值为它所有上层name的拼接值:
2023-03-23 14:21:15 993
原创 antd 使用table组件时表格内英文不换行问题
const columns: ColumnsType<type> = [ { title: 'xxxxxxxxxxx', key: 'xxx', render: (_text, record) => <span>{record.xxx}</span>, }, { title: 'xxxxxxxxx', key: 'xxx', render: (_text, record)
2023-03-02 10:09:16 331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人