Mr_pets的博客

关于swiper 动态加载数据总是显示最后一张的解决办法这里说明下我遇到的情况，后台返回数据后开始初始化swiper，设置的initialSlide :0,等参数都是没起作用，这主要说下我遇到的情况，和最后的解决方案。我的情况解决办法为方法1方法1：具体参考原博文，请移步这里；指定v-if为图片数量，当图片数量大于时才生成swiper,在swiper@6.8.4这个版本无效在加载完数据后，用transform指定第一页的内容移动一定的距离//translate3d(-1px, 0px,

tap 事件会触发两次问题问题描述：h5 是手机端，click时间无效，采用tap方法的时候，会触发2次提交。什么好的方法没找到，倒是看到了暴力一点的方法。原地址请移步方法：setTimeout 延迟 200s 阻止事件再次执行var flag = true$("#button").on("tap",function(){ if (flag){ setTimeout(function () {　　 console.log(111) flag = t

Jquery获取文本节点不获取子元素的文本记录下，1.获取节点下所有的元素<div class="warp_cont"> hellowWord <span>middle</span> hellow_char</div>//获取了所有的节点元素 <script type="text/javascript"> $(function(){ var txt = $(".warp_cont").text(); cons

获取URL参数值写在前面：经常我们需要截取地址栏某些参数，这里记录下常用的方法；方便自己平时取用1.常用的方法（正则表达式获取地址栏参数）function getUrlParam(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return u

js的window.print()功能 有些背景色设置和背景图片无法显示的问题写在前面：需求需要调用浏览器原生的print功能；下载保存为pdf，出现了 部分样式消失的情况方法一：(此方法实测，针对我出现的情况，可用)//打印机媒体查询@media print { body{ -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-a

ajax请求记录下：用的时候直接copy ,昂 就这样$.ajax({ url:"", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步，默认为异步， data:{"name":"aaaaaa"}, //参数值,键值对 type:"POST", //请求方式 一般是get post beforeSend:function(){ //请求前的处理,l

关于Promise.all的一些记录一个搜索页面，点击搜索的时候请求多个接口数据，和数据的一些处理。这里记录下Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。let p1 = new Promise((resolve, reject) => { resolve('成功了');});let p2 = new

关于storage的一些说明和拓展用于记录理解storage中一些机制和想法，用于个人之后的参考和使用！正常localstorage的使用//JavaScript 代码:// 增加了一个 localStorage ‘myCat’ 数据项localStorage.setItem('myDta', 'firstData'); // 读取 localStorage ‘myCat’ 数据项let cat = localStorage.getItem('myDta'); // 移除 loca

window location href 跳转之后获得后参数问题写在前面：自己给自己做个笔记function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { v...

面向对象中原型继承写在前面：面向对象中的继承有很多种，这里写一个原型继承 window.οnlοad=function(){ var a={ name:'liu' }; var b=cloneObj(a); alert(b.name);//liu function cloneObj(obj){ var F=funct...

面向对象中类式继承写在前面：面向对象中的继承有很多种，这里写一个类式继承第一个问题：类式继承的第一个问题：指向变了，所以这里手动添加constructor的指向window.οnlοad=function(){ function Aaa(){ this.name='liu'; } Aaa.prototype.showName=function(...

面向对象中判断数组的方法写在前面：如有错误多多指教！判断数组的方法：1.constructorvar arr=[];alert(arr.constructor==Array)//true2.instanceofvar arr=[];console.log(arr instanceof Array);//true3.toString（目前看来最稳妥的判断数组的方法）利用t...

JavaScript中this的指向问题分享写在前面的说明:这里就是自己学习记录理解的this指向问题，有些也是有借鉴一些大神文章，如果不全或者错误的请大神指教，理解 谢谢！这里抛出出一个常见的this指向问题<div id="box">div</div><script> var box=document.getElementById('...

简单的选项卡改变为面向对象的写法的一点学习经验总结写在前面：这里是我学习过程中一个点击选项卡改变为面向对象的步骤，如有错误，欢迎大神指教，谢谢一个简单的点击选项卡谷歌展示的样子基本上是这样的：以下是代码区：**html:** <div class="div1"> <input type="button" name="1" value="选项1" cla...

选项卡改变为面向对象写法后，复用和增加方法写在前面：这里相当是<简单的选项卡改变为面向对象的写法的一点学习经验总结>后的一个延续版，如果有兴趣可以优快云上搜搜看<简单的选项卡改变为面向对象的写法的一点学习经验总结>后，可能更好的理解这里的文章，当然啦，大神随意啦，或者给点指导也行，希望可以帮到大家页面代码结构**HTML:**<div class="di...