原生
关注
分享
扫一扫
抚月
uc的爹火山的爷
展开
-
css实现九宫格有边框，最外层四周无边框
当然如果你是动态载入数据，想让他无限往下延伸，不知道多少个div的话，可以使用nth-last-child。看的出来我们不想要最右侧的边框和最下面的边框，这里要使用到nth-child。3n可以理解为你把cell分为了3个一组3个一组，+3则是3个一组中的第三个。- +b 表示在第 n 行的第 b 个元素结合使用便可以精确定位一个元素。这里就不能再使用n+7了，使用nth-last-child(-n+3)- 合在一起 3n+3 表示每行的第 3 个元素。- +3 代表第几个元素,这里是第 3 个元素。原创 2023-07-07 14:37:40 · 1260 阅读 · 1 评论 -
swiper动态添加数据后执行不正常（接口数据）
在接口回调成功后添加定时及部分参数，解决轮播模块不自动刷新，不能无限循环setTimeout(()=>{ var swiper = new Swiper('.swiper-container', { slidesPerView: 3, spaceBetween: 0, initialSlide :1, autoplay: true,原创 2021-11-25 16:53:48 · 585 阅读 · 0 评论 -
string删除空格
string.replace(/\s*/g,"")原创 2021-10-29 14:40:40 · 193 阅读 · 0 评论 -
js url解码
decodeURIComponent(url)原创 2021-10-13 19:39:31 · 209 阅读 · 0 评论 -
图片特殊字符转义
data[i].img.replace(/\s/g, encodeURIComponent(' '))//data[i].img为你的图片路径原创 2021-10-12 17:27:22 · 279 阅读 · 0 评论 -
ajaxform表单提交多个数据图片
var formData = new FormData(); let file = $("#addForm"); var o = $("#addForm").serializeArray(); var img1 = $("#pmYyb").val(); var img2 = $("#yyzz").val(); var img3 = $("#pmYya").val(); .原创 2021-10-08 11:44:16 · 282 阅读 · 0 评论 -
h5自动播放视频且有声音的办法
视频自动播放autoplay无法播放需要静音，setTimeout0.1后执行点击一次，隐藏掉播放按钮<body> <button onclick="playPause()" id="buttonid" style="display: none;">播放/暂停</button> <video src="QQ视频20210827100340.mp4" controls="controls" id="video1"> you原创 2021-08-27 12:01:49 · 3347 阅读 · 2 评论 -
数组转对象
const transform = (cookie)=>{ let obj = {} if(cookie){ cookie.split('; ').map(i=>{ obj[i.split('=')[0]] = i.split('=')[1] }) } return obj }原创 2021-07-22 16:04:44 · 97 阅读 · 0 评论 -
关于js如何当前页面获取cookie
var arrcookie = document.cookie.split("; ");//获取cookie字符串 let ar = [] for ( var i = 0; i < arrcookie.length; i++) { var arr = arrcookie[i].split("="); ar.push(arr[0] +"：" + arr[1]) } let ari = ar[0] ...原创 2021-07-22 16:02:58 · 2014 阅读 · 0 评论 -
关于h5+js原生事件循环插入显示
jsdocument.getElementsByClassName不支持innerHTML属性，document.getElementById支持但id具有唯一性，插入一条后不再执行，使用jquery的append根据id循环插入实现<divclass="zjcontent"id="zjcontent"></div><scriptsrc="https://cdn.staticfile.org/jquery/1.10.2/jquery...原创 2021-07-21 15:08:56 · 336 阅读 · 0 评论