- 博客(106)
- 收藏
- 关注
原创 dom上如何挂载react实例和去除dom上挂载的react实例
去除dom上挂载的实例,可以在react组件卸载时调用,防止内存泄漏。dom上如何挂载react组件。
2024-08-08 11:22:50 85
原创 JS等待所有方法执行完成在执行下一个方法,promise All
在工作中会遇到这样一个场景,前端需要拿到不同接口返回的结果在执行某个逻辑,当使用链式那样的方式去请求,等一个接口响应完在请求下一个接口,这种方法就会导致请求时间特别长。这个时候就可以使用promise all,同时请求所有接口,然后使用Promise.all监听每个请求。promise相关用法,可以参考我的另外一篇文章http://t.csdnimg.cn/i3mUQ。
2024-08-01 09:51:45 402
原创 JS中如何对数组或者数组对象中所有的元素进行快速判断(every、some)
every是判断数组中所有元素均满足某个条件,some是判断数组中任意一个元素满足条件。
2024-07-31 09:43:58 166
原创 jquery一些常用操作dom代码(含修改伪类元素的样式)
获取满足条件的子元素(在当前元素中的直接子元素中遍历)prepend():向指定元素的开始处增加子元素。append():向指定元素的末尾处增加子元素。before():向指定元素前面增加同级元素。获取满足自己条件的父节点(只返回最接近的)获取满足条件的子元素(在所有子元素中遍历)after():向指定元素后面增加同级元素。获取兄弟节点siblings。
2023-09-18 16:05:33 452
原创 为什么在ie内核模式下有的代码突然不执行了
开发完一定要检查一下是否有调试代码有的话一定要删除掉!或者加上window.console判断在使用!JS在ie内核的浏览器里面,在不开调试窗口的情况下,会阻断console后面所有的代码运行!
2023-07-20 13:25:36 177
原创 React如何渲染变量是html标签或者带有html标签的数据(遇到html标签自动识别并渲染)
特别注意:使用dangerouslySetInnerHTML时,这个元素不能是div标签,不然会报错。下面的demo是遇到。
2023-04-07 13:34:22 544
原创 React获取通过history.push中的state传递参数,并在新页面获取到state里面的数据
【代码】React获取通过history.push中的state传递参数,并在新页面获取到state里面的数据。
2023-02-02 13:30:27 1092
原创 当用jquery获取到的dom节点,无法操作dom或者报“Node cannot be found in the current page”警告的解决方式
当我们是使用jQuery获取到的dom节点去点击时,报以下截图的警告,可以用下面的代码,去包裹住你获取dom元素的逻辑,这样就能拿到并且操作所需的dom。
2022-12-27 14:04:13 1246
原创 消除css的float属性对父div的影响(解决浮动导致父div塌陷的问题)
按照上面的写法,parent里面的left和right在左右浮动后,parent盒子的高度对受到影响。解决方法,在parent里面在增加一个盒子,设置清除浮动。
2022-10-18 16:12:53 235
原创 Unhandled Rejection (TypeError): Cannot set properties of undefined (setting ‘xxx‘)报错问题
在react编码时,怎么解决出现以下以上this指向不存在报错问题。解决方法,改成箭头函数写法。
2022-09-26 09:55:05 1258
原创 JQuery判断内容是否超出(overflow)
const dom = $('.box')[0]; // 特别注意:类选择拿到的是数组if(dom.scrollWidth > dom.offsetWidth){console.log('超出')}else{console.log('未超出')}
2022-05-30 15:42:17 1272
原创 CSS3实现图片自动上下轮播
<div className = 'scrollContainer'> <div className = 'scrollWrap'> <div className = 'scrollRow'><img /></div> <div className = 'scrollRow'><img /></div> <div classN.
2022-05-26 16:24:50 1165 1
原创 React中父组件使用子组件的方法和内容
使用React提供的ref来实现父子组件通信类组件写法:子组件import React from "react";export default class ClildCom extends React.Component { const triggerFunction = () => { alert('子组件的方法被触发') }}父组件:import React from "react";import ClildCom from './ClildCom';e
2022-05-23 16:43:01 412
原创 解决H5在移动端overflow:scroll滚动条默认不显示和滚动后消失的问题
今天在工作中,遇到一个关于overflow滚动的问题,我在使用了overflow:scroll进行滚动时,滚动后滚动条自动消失了,需求是需要保留让它一直都在,下面的代码意思是重新设置滚动条的样式 .wf-detailScroll{ overflow-x: scroll; -webkit-overflow-scrolling: touch; } .wf-detailScroll::-webkit-scrollbar-track-piece { backgr
2022-05-17 14:00:25 7210 1
原创 js遍历JQuery和getElementsByClassName拿到的结果
Array.prototype.forEach.call(document.getElementsByClassName('类名'), function (element){ console.log(element)});或者Array.prototype.forEach.call($('.类名'), function (element){ console.log(element)});
2022-04-21 14:38:11 1177
原创 js交换数组中某两个元素的位置splice
splice方法具体用法请参考我前面发的splice用法文章https://blog.csdn.net/JulyNight/article/details/119794926const arr = [1,2,3,4,5];//交换2和4的位置const temp = arr.splice(3, 1, arr[1]);//先将2插入到4的位置,并且覆盖掉4,此时temp能拿到4,此时temp为[4],此时的arr为[1,2,3,2,5]arr[1] = temp[0]; // 将为2替换成4cons
2022-04-21 13:37:13 2452 2
原创 JS获取字符串中两个下标中间的内容(substring)
const str = '我是1,我是2,我是3';const res = str.substring(4,7);console.log('输出结果是---->',res);
2022-04-01 16:52:54 1072
原创 JS设置cookie,获取cookie
function setCookie(name,value,time){ // 设置cookie方法 var d = new Date(); d.setTime(d.getTime()+(time*24*60*60*1000)); // 设置cookie到期时间 var expires = "expires="+d.toGMTString(); document.cookie = name+"="+value+"; "+expires;}function getCookie(cname){ //
2022-04-01 16:40:34 1727
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人