![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
react
react
云南吴小黑
这个作者很懒,什么都没留下…
展开
-
react(hooks)使用quill富文本编辑器(富文本中图片使用对象存储的方式)
难点:图片是对象存储,图片URL是存在有效期的,所以系统做了定时任务更新图片,数据库存储该字段内容时只存储对象存储的KEY(不存在URL),当定时任务来执行更新的时候,要查找到符文本中的图片KEY就相当的困难,甚至容易更新出错的可能解决思路:富文本中存在的图片KEY,再单独创建一个字段存储(多个图片可以使用中间表或者用特殊符号分隔这些KEY),在查询时(或更新时)通过该字段中KEY先通过缓存拿到URL,然后去富文本内容中通过KEY替换成URL,达到前端显示是图片URL,存储在表中是KEY,定时任务只需要更原创 2022-06-10 17:35:39 · 1995 阅读 · 0 评论 -
接口安全性处理
1.前端在header签名//引入md5加密import md5 from 'js-md5';const xEchoStr = '获取随机字符';const xTsStr = Date.now();const xApiKey = '接口KEY';headers: { 'Content-Type': 'application/json;charset=utf-8', //设置浏览器缓存时间 'Cache-Control': 'no-cache;max-age=0',原创 2021-09-06 13:02:57 · 150 阅读 · 0 评论 -
前端AES加密,后端AES解密
1.引入crypto-jsimport AES from 'crypto-js';2.两个加解密函数//十六位十六进制数作为密钥const key = AES.enc.Utf8.parse('0123456789ASDFGH');//十六位十六进制数作为密钥偏移量const iv = AES.enc.Utf8.parse('ASDFGH0123456789'); export const encrypt = word => { const src = AES.enc.Utf原创 2021-09-06 12:54:18 · 1797 阅读 · 4 评论 -
react 在js中动态路由(跳转到指定组件)
第1步、从react-router-dom引入useHistoryimport {useHistory} from 'react-router-dom';第2步、获得historyconst history = useHistory();第3步、把路由地址放到 history中history.push('/cur-task/task-list');原创 2021-03-12 12:58:17 · 461 阅读 · 0 评论 -
break、continue和return的作用和区别
1、breakbraek跳出当前循环,结束当前的循环体;2、continue跳出本次循环,进入并执行下一次的循环;3、renturnrenturn后面的代码不执行,直接结束当前的方法;原创 2020-09-15 19:49:23 · 420 阅读 · 1 评论