- 博客(101)
- 收藏
- 关注
原创 jquery一些常用操作dom代码(含修改伪类元素的样式)
获取满足条件的子元素(在当前元素中的直接子元素中遍历)prepend():向指定元素的开始处增加子元素。append():向指定元素的末尾处增加子元素。before():向指定元素前面增加同级元素。获取满足自己条件的父节点(只返回最接近的)获取满足条件的子元素(在所有子元素中遍历)after():向指定元素后面增加同级元素。获取兄弟节点siblings。
2023-09-18 16:05:33 364
原创 为什么在ie内核模式下有的代码突然不执行了
开发完一定要检查一下是否有调试代码有的话一定要删除掉!或者加上window.console判断在使用!JS在ie内核的浏览器里面,在不开调试窗口的情况下,会阻断console后面所有的代码运行!
2023-07-20 13:25:36 145
原创 React如何渲染变量是html标签或者带有html标签的数据(遇到html标签自动识别并渲染)
特别注意:使用dangerouslySetInnerHTML时,这个元素不能是div标签,不然会报错。下面的demo是遇到。
2023-04-07 13:34:22 459
原创 React获取通过history.push中的state传递参数,并在新页面获取到state里面的数据
【代码】React获取通过history.push中的state传递参数,并在新页面获取到state里面的数据。
2023-02-02 13:30:27 809
原创 当用jquery获取到的dom节点,无法操作dom或者报“Node cannot be found in the current page”警告的解决方式
当我们是使用jQuery获取到的dom节点去点击时,报以下截图的警告,可以用下面的代码,去包裹住你获取dom元素的逻辑,这样就能拿到并且操作所需的dom。
2022-12-27 14:04:13 1059
原创 消除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 1176
原创 JQuery判断内容是否超出(overflow)
const dom = $('.box')[0]; // 特别注意:类选择拿到的是数组if(dom.scrollWidth > dom.offsetWidth){console.log('超出')}else{console.log('未超出')}
2022-05-30 15:42:17 1200
原创 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 1039 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 371
原创 解决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 6468 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 1127
原创 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 2271 2
原创 JS获取字符串中两个下标中间的内容(substring)
const str = '我是1,我是2,我是3';const res = str.substring(4,7);console.log('输出结果是---->',res);
2022-04-01 16:52:54 1029
原创 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 1664
原创 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 1650
原创 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 587
原创 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 5361
原创 js使用replace(split)方法和正则表达式实现过滤HTML标签
采用replace方法,将满足/<[^>]+>/g正则表达式的内容替换成为空const html = '<p>我是测试</p>'console.log('输出结果是--->',html.replace(/<[^>]+>/g,''));
2022-02-08 13:33:06 705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人