Janfiveee_-CSDN博客

很多时候我们需要点击节点①的同时触发节点②的点击事件方法一：该方法已被弃用const e = document.createEvent('HTMLEvents');e.initEvent('click', true, true);el.dispatchEvent(e);方法二const e = new Event('click', {bubbles: true, cancelable: true});el.dispatchEvent(e);整体：先在函数里写入const handle

2022-02-24 11:32:37 555

原创 2022-01-25 正则汇总

年—月/^\d{4}-((0([1-9]))|(1(0|1|2)))$/年-月-日/^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/身份证号（限制18xx/19xx/20xx）/(^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(

2022-01-25 16:19:50 248

原创 2021-12-15 react ＜a＞里的href实现不跳转

第一种页面不跳转但会刷新<a href="#" onClick={() => { this.handleEdit(item) }}> 备注 </a>第二种页面不跳转<a href="#" onClick={(e) => { e.preventDefault(); this.handleEdit(item)

2021-12-15 17:00:26 1300

原创 2021-12-09 ios移动端显示时间异常

原因是ios的new Date()不识别YY-MM-DD将-换成/new Date(moment(endTime).format('YYYY/MM/DD HH:mm:ss')).getTime()moment 需要下载安装依赖

2021-12-09 15:37:36 1407

原创 2021-12-09 如何简单添加酷炫动画

可以前往官方网站https://animate.style/#best-practices接下来是如何在项目中引用首先拥有一份animate.min.css文件放入到public>static>css中再将链接带入到_document.js中 <link rel="stylesheet" href={`${Url.cdnHost}/static/css/animate.min.css?v=${date}`} />其中cdnHost代表在开发或测试环

2021-12-09 09:55:57 241

原创 2021-12-07 css网格背景的写法

如果想背景的网格大小统一，不被拉伸，不变形，建议自己css手写，不要让ui出图写法： box-shadow: 0 0 0 10px #5E89FF; background: -webkit-linear-gradient(top, transparent 47px, rgba(255, 255, 255, .08) 48px), -webkit-linear-gradient(left, transparent 47px, rgba(255, 255, 255, .08) 48px); .

2021-12-07 14:25:24 187

原创 2021-12-03 react+html2canvas页面转为图片或者pdf

页面点击按钮点击出发dowanload函数const download = () => { const element: HTMLElement = document.getElementById('demo'); // 需要导出的pdf页面 html2canvas(element, { allowTaint: true, useCORS: true, }).then((canvas) => { const dataImg = new

2021-12-03 18:34:35 578

原创 2021-12-02 next项目services里获取不到cookie

调取接口方法是用到cookie将cookie写在方法里面，不要写在外面写在外面，页面加载第一时间是获取cookie的需要刷新才可以获取到

2021-12-03 18:24:00 3318

原创 2021-04-29 Do not nest ternary expressions

遇到这种问题一定是eslintrc的问题你的eslintrc的规则是不允许嵌套三元表达式所以需要改变eslintrc的代码规则我的npm报错是这样的，所以这么搞就好啦

2021-04-29 09:56:18 5849

原创 2021-04-22 最简单的两种回到顶部方法

回到顶部===================================================================const navTo = id => { let node = document.querySelector(`#nav-${id}`); //nav-top 是你想回到的位置，也就是那个地方的id名 ..

2021-04-22 16:46:13 134

原创 2021-04-13 邮箱的正则，密码的正则

就是这样的/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/

2021-04-13 15:03:09 565

原创 2021-04-02 CSS,设置背景图和背景颜色

如何同时设置背景图和背景颜色很多时候我们会遇到一种问题，背景色和背景图无法同时写在一条语句上第一种，写在style里<div className={styles['HomeWrapContent-fourPartItem']} style={{ background: `url(${static_host}/images/${item.img}.pn

2021-04-02 17:35:27 463

原创 2021.03-23 如何在前端页面更改数据库的值

在现实案例中，有很多诸如此类的实际功能需求，例如在前端页面收藏哪篇文章，那么对应的后台数据也是要跟着变化的在本片按文章中，我写的会稍微i复杂了一些，因为我的redux是用redux-toolkit工具在页面也是拆分了组件的，而且会为了实现别的功能做了一些代码的调整，小伙伴自行删减哈。我想要完成的功能是，点击组件里的收藏按钮，对应的数据发生改变。首先是组件页面const toSave = () => { console.log('1111'); save({isSa.

2021-03-23 11:27:27 1436

原创 2021.03-23点击按钮回到顶部动画

回到顶部动画直接粘贴复制就行了，自己加个点击事件。function toTop() { let scrollTo = document.documentElement.scrollTop || document.body.scrollTop if ( timer === -1 ){ timer = setInterval(() => { scrollTo -= 50 if( scrollTo <= 0 ) {

2021-03-23 10:34:43 70

原创 2021-03-12页面内部选项卡切换改变路由还要不刷新

今天重构M站的时候，需要在当前页面有一个Nav组件，切换nav的同时展示不同数据列表，页面不刷新但路由还要切换。有两个办法一：## 利用window.location.hash=’/${url}’利用哈希路由的方式可以切换路由不刷新，但是路由会有‘#’字符，一般公司都会要求不要#，那这个时候应该怎么办呢，我求助了一下公司大佬，得到了新的方法。二：利用handle = app.getRequestHandler();我这个项目用的是next.js，这个跳转问题找的大佬帮忙解决的，他是这样写的。。这是

2021-03-12 18:41:05 230

Janfiveee_的博客

原创 2023-04-14 Datepicker点击报错 week.clone is not a function

原创 2023-03-24 如何修改antd主题

原创 2023-02-10 启动项目报错，内存溢出问题

原创 2023-02-07 window.open(url)更改下载文件的名称

原创 2023-01-19 antd-tabs选中默认下划线去除

原创 2023-01-18 useState和setState渲染延迟问题解决

原创 2022-12-14 react函数组件子传父传值为undefined

原创 2022-12-05 第三方地图官网 react-amap

原创【2022-11-03】js定时器数值递增

原创 2022-02-24 函数触发其他点击事件