- 博客(32)
- 收藏
- 关注
原创 react Antd Popover 当trigger等于hover时,输入中文时popover会自动关闭
我看了下,有些人电脑上没问题,但是有些人电脑上就会出现这个问题。我也尝试绑定onMouseLeave,但是不生效,建议用trigger=click,点击事件就不会有这个问题。
2024-08-12 11:58:21
299
原创 在react vue 项目中,打包后由于文件名的变化导致点击旧页面时 JS 和 CSS 文件出现 404 错误。
其实只需要在app.s加一个监听就好,发现有错误就强刷界面,重新加载最新的js。
2024-08-12 11:36:51
420
原创 react markdown输入xss代码到markdown输入框中会执行xss代码
使用以下xss代码输入到markdown输入框中会执行xss代码
2024-06-25 16:07:33
355
原创 前端 react + js实现 静态文件下载 流式下载 文件下载的方法和代码封装
react js ts 实现下载功能,已全部封装号方法,可直接复制使用
2024-01-25 17:25:06
1371
原创 一起去按摩啊
但是咱们都是苦命打工人,想挣钱就不能一直抱怨啊,所以开始养生,每天吃的健康一些,首先要营养可以达到,其次就是不舒服了就去按摩店按摩,某团上面买券不到100米,我每次都是选的只按肩颈60分钟,按完确定感觉舒服多了,但是后来去多了,发现好贵哦,就自己在网上买了一个100都米的按摩器,疼了就自己在家按,其次就是养成泡脚的好习惯,不仅可以排毒,睡觉也会更香了哦!陪着大家加班,,每晚都要。,干不完还在接项目,接的项目又不给钱,要不就是不招人,每个人忙的跟狗一样,每天过的噩梦般的生活。
2023-12-08 17:00:09
146
1
原创 React+Ant Design+AutoComplete 实现用户既可以自由输入也可以下拉选择
要求可以下拉选择,又能输入新的数据的情况。那既能下拉选择又能输入怎么办呢?需要一个输入框而不是选择器。需要输入建议/辅助提示。
2023-12-08 16:11:34
1794
原创 react+vue Promise.all解决批量下载多个文件,下载记录中只有一个下载成功
批量下载文件,只有一个下载成功。你选择10个文件,F12打开控制台,接口是请求了10次,但是浏览器的下载栏只成功了最后一个,这是因为异步原因导致的,这时候我们就需要用到promise.all。
2023-12-08 15:52:13
561
原创 react+vue 前端国密算法sm2、sm3 、sm4的js ts实现
SM3 算法:是一种对称加密算法,用于消息摘要和数字签名等场景。它的密钥长度为 256 位,安全性较高。SM2 算法:是一种公钥加密算法,它的密钥长度为 256 位,安全性较高。将字符串转为16进制方法,我这里是自己封装了一个,还有很多方法可以实现转16进制,大家可以自己百度学习。data是签名加密数据,例如:账号+密码+时间戳(需要跟后端开发协商)PUBLIC_KEY是后端给你的公钥,长度为130位,,这里的strToHex方法就是将密码转为16进制。pwd是是第二个参数,我们这里要求的是传密码,
2023-12-07 15:17:51
4091
原创 react+dayjs 实现时间戳转换,几秒前、几分钟前、几小时前和年月日小时分钟秒转换YYYY-MM-DD HH:mm:ss
react+dayjs 实现时间戳转换,几秒前、几分钟前、几小时前和年月日小时分钟秒转换YYYY-MM-DD HH:mm:ss。
2023-12-07 14:29:10
967
原创 react 实现2个Json比对差异 ( codemirror + diff-match-patch)
有本地和远程,不同的位置会有背景色并且颜色标识。
2023-07-27 10:08:53
1937
原创 react 实现文本比对差异功能(diff),模仿git提交记录
实现文本左右比对或者是放一起比对,颜色区分新增、删除、变更类型,实现出与git提交记录一样的功能
2023-07-26 17:09:11
1945
2
原创 react + antd cron表达式组件封装(qnn-react-cron)
我们的项目中要求不展示秒,实际组件里面是有的,接下来就讲解一下如何实现Cron表达式哦!全面支持cron表达式:秒、分、时、日、月、周、年日及周条件互斥,自动改变响应值支持反解析cron表达式到UI可结合此组件与Antd的下拉及输入组件封装成下拉输入框。
2023-07-26 16:46:27
1293
3
原创 常见的ant design 带有 loading 属性的组件,Spin、Skeleton、Table、Card等
Spin、Skeleton、Table、Card,带有loading的antd组件
2023-05-30 16:18:17
1544
原创 Ant Design Pagination 如何在没有数据或者只有一页数据时隐藏分页
【代码】Ant Design Pagination 如何在没有数据或者只有一页数据时隐藏分页。
2023-05-11 17:46:55
667
原创 Ant Design,选择和操作Table后,点击下一页继续选择数据,当返回上一页时,之前选择的数据被清空
react+antd 操作可选择的Table,选择第一页数据后,点击分页进入第二页继续选择,在返回第一页时数据被清空,如何保留被删除的key?
2023-01-06 14:42:27
694
原创 react 获取response header中content-disposition中的filename值
react 获取response header中content-disposition中的值
2022-10-27 17:53:45
2169
原创 你会用ES6的写法吗?
对于一名有代码强迫症和洁癖的程序员来说,你还在用ES5的写法吗?本人不是说ES5写法不行,只是代码的可读性比较差,而且看起来也比较冗余,接下来教大家最简洁的代码解决你的冗余问题。一、关于对象的取值问题例子:const obj={ a:1, b:2 , c:3 , d:4 }吐槽大会(取值):const a = obj.a;const b = obj.b;const c = obj.c;const d = obj.d;不会用ES6的解构赋值取值吗?一行代码代替四行代码甚至更多不香吗?改进
2022-01-06 17:02:49
415
1
原创 uni.switchTab()跳转不刷新页面问题
uni.switchTab()跳转不刷新页面问题大家应该都遇到过,调转到 tabBar 里面的页面时,只能使用 uni.switchTab() 或者是 uni.navigator() 跳转,使用 uni.reLauch() 或者是 uni.redirect() 无效,但是她们都存在一个共同的问题,就是,无法刷新页面和数据,uni.switchTab() 后面也是不可以带参数的,带参数无效,接下来就告诉大家我试了很多方法得出的结论。我是需要从修改个人中心跳转到个人中心界面,相信大家很多人百
2021-03-05 15:57:55
8875
11
原创 vue的面试题
vue的面试题重点:组件、生命周期、双向绑定vue实例的元素:vm.$el:挂载元素,vue实例DOM的根元素;vm.$data:vue实例观察的数据对象;vm.$props;vm.$options:用于当前vue实例的初始化选项;vm.$parents:父实例;vm.$root:当前组件树的根vue实例,如果没有父实例,就是实例本身;vm.$children:当前实例的直接子组件;vm.$slot:用于访问被slot分发的内容;vm.$scopedSlots;vm.$ref:一个
2021-02-25 13:44:55
222
原创 vuex的使用场景
vuex的使用场景首先,我们先来探讨一下,什么情况下vuex才是必须要到的呢?需要数据共享和行为进行拆分;复杂的异步逻辑,需要综合多个模块进行状态演进;需要用到第三方插件;需要综合考虑多个组件的生命周期,先后顺序,特定逻辑等等;vuex使用的场景:用户的个人信息管理模块;电商项目的购物车模块,每次都调用获取购物车数量的接口(前提得有),效果是实现了,但是每一次的HTTP请求,都是对浏览器性能消耗。 对比下来,用vuex的mutations进行触发,就显得更加有优势;我的订单模块,订单
2021-02-24 14:57:13
2082
原创 vuex与生命周期的关系
vue与生命周期的关系问题呈现:获取到数据同时保存到vuex中;2.计算属性获取vuex中的值;3.循环输出;4.出现错误;问题解析:如果单独输出item.questionSimpleInfo是可以输出整个对象的,但是输出其中某一个字段的时候就找不到,因为初始化的时候数据是空的,从空的数据里面找id,当然找不到,主要因为:渲染数据的时候是在vuex中api接口之前渲染的;computed触发的时候还没有触发vuex中的api接口,而是在beforeCreat和created之
2021-02-24 14:20:15
878
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人