- 博客(100)
- 收藏
- 关注
RSS订阅原创 jquery一些常用操作dom代码（含修改伪类元素的样式）
获取满足条件的子元素（在当前元素中的直接子元素中遍历）prepend()：向指定元素的开始处增加子元素。append()：向指定元素的末尾处增加子元素。before()：向指定元素前面增加同级元素。获取满足自己条件的父节点（只返回最接近的）获取满足条件的子元素（在所有子元素中遍历）after()：向指定元素后面增加同级元素。获取兄弟节点siblings。
2023-09-18 16:05:33
358
原创 为什么在ie内核模式下有的代码突然不执行了
开发完一定要检查一下是否有调试代码有的话一定要删除掉！或者加上window.console判断在使用！JS在ie内核的浏览器里面，在不开调试窗口的情况下，会阻断console后面所有的代码运行！
2023-07-20 13:25:36
141
原创 React如何渲染变量是html标签或者带有html标签的数据（遇到html标签自动识别并渲染）
特别注意：使用dangerouslySetInnerHTML时，这个元素不能是div标签，不然会报错。下面的demo是遇到。
2023-04-07 13:34:22
453
原创 React获取通过history.push中的state传递参数，并在新页面获取到state里面的数据
【代码】React获取通过history.push中的state传递参数，并在新页面获取到state里面的数据。
2023-02-02 13:30:27
798
原创 当用jquery获取到的dom节点，无法操作dom或者报“Node cannot be found in the current page”警告的解决方式
当我们是使用jQuery获取到的dom节点去点击时，报以下截图的警告，可以用下面的代码，去包裹住你获取dom元素的逻辑，这样就能拿到并且操作所需的dom。
2022-12-27 14:04:13
1050
原创 消除css的float属性对父div的影响（解决浮动导致父div塌陷的问题）
按照上面的写法，parent里面的left和right在左右浮动后，parent盒子的高度对受到影响。解决方法,在parent里面在增加一个盒子，设置清除浮动。
2022-10-18 16:12:53
199
原创 Unhandled Rejection (TypeError): Cannot set properties of undefined (setting ‘xxx‘)报错问题
在react编码时，怎么解决出现以下以上this指向不存在报错问题。解决方法，改成箭头函数写法。
2022-09-26 09:55:05
1170
原创 JQuery判断内容是否超出（overflow）
const dom = $('.box')[0]; // 特别注意：类选择拿到的是数组if(dom.scrollWidth > dom.offsetWidth){console.log('超出')}else{console.log('未超出')}
2022-05-30 15:42:17
1197
原创 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
1033
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
369
原创 解决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
6448
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
1125
原创 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
2267
2
原创 JS获取字符串中两个下标中间的内容（substring）
const str = '我是1,我是2,我是3';const res = str.substring(4,7);console.log('输出结果是---->',res);
2022-04-01 16:52:54
1024
原创 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
1659
原创 JS调整dom元素位置（appendChlild）将一个dom元素加在其他dom元素下
用getElementById获取dom将id为11对应的dom加到id为22的dom元素下var node=document.getElementById("11");document.getElementById("22").appendChild(node);用getElementsByClassName获取dom将class为11对应的dom加到class为22的dom元素下var node = document.getElementsByClassName('11')[0]docu
2022-03-17 16:44:51
1643
原创 JS获取URL参数方法
const result = new URLSearchParams(this.props.location.search);const param = result.get('对应参数名');
2022-03-10 18:14:22
2596
原创 JS将大数组均分给每个小数组的算法
const bigArr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]const arr = [[],[],[],[],[],[]]; // 定义接收数组const counts = bigArr.length % arr.length; let remains = 0; if(counts === 0){ remains = bigArr.length / arr.length; }else{ remains = parseInt(
2022-03-07 14:10:00
577
原创 JS实现数组和数组对象倒序（reverse方法）
const arr1 = [{a:1},{b:2},{c:3},{d:4}];const arr2 = [1,2,3,4,5,6,7];console.log('倒序前',arr1,arr2);arr1.reverse();arr2.reverse();console.log('倒序后',arr1,arr2);
2022-02-23 11:03:00
5334
原创 js使用replace(split)方法和正则表达式实现过滤HTML标签
采用replace方法，将满足/<[^>]+>/g正则表达式的内容替换成为空const html = '<p>我是测试</p>'console.log('输出结果是--->',html.replace(/<[^>]+>/g,''));
2022-02-08 13:33:06
701
原创 js判断数组中是否包含某个元素（采用filter的方法）
let data = [1,2,3,4,5,6];let isSix = false;let isSev = false;const res1 = data.filter(item => item === 6);if(res1.length > 0)isSix = true;const res2 = data.filter(item => item === 7);if(res2 .length > 0)isSev = true;console.log('输出结果'
2022-01-07 14:44:25
1198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人