javaScript
文章平均质量分 58
阡路陌人
修行ing
展开
-
js双层循环拿到二层循环的index值
情景描述 :多个房间,每个房间的人数不尽相同。后端获取的数据格式是根据房间走的,如:data: [ { roomNo: '201', ... guestList: [ { name: '张三', ... }, { name: '李四', ... } ], }, { roomNo: '202', ... guestList: [ { name: '张三三', ... }, {原创 2021-02-26 11:21:20 · 1382 阅读 · 0 评论 -
手机返回键的那些事
刚好在研究这个关于手机返回事件,就将此记录下来了。。。一:简单的返回。不刷新window.history.go(-1);//正常返回,a.htm不刷新window.history.back();//同上window.history.forward();//同上请注意一点:在ios中直接使用上面的返回会报错,在后面加上return false;就行二:返回并刷新页面,会导原创 2018-02-06 15:11:00 · 3232 阅读 · 0 评论 -
swiper中自定义分页器内容
首先在html中申明出分页器<div class="swiper-pagination"></div>js代码:var mySwiper = new Swiper('.swiper3', { autoplay: 2500, loop:true, mousewheel: true, paginat...原创 2018-04-20 09:15:25 · 9958 阅读 · 0 评论 -
BootstrapValidator.js 插件针对表单的验证
BootstrapValidator.js 插件针对表单的验证原创 2017-10-12 15:24:01 · 2502 阅读 · 0 评论 -
The play() request was interrupted by a new load request
切换音频会报错The play() request was interrupted by a new load request处理方式:playPause() { var audio = this.$refs.music; // music为vue 中audio的ref值 if(audio !== null) { if(this.playFlag) { // 暂停 ...原创 2020-01-10 16:53:46 · 13569 阅读 · 0 评论 -
js 获取两日期间所有日期
我们在做图表类使用dates日期插件的时候,有时候从后台获取的日期往往是有数据的天数,那么其他没有数据的日期就需要前端进行补全咯!!! // 获取所有日期 getBetweenDateList(start,end){ let result = []; let beginDay = start.split("-"); let endDay = end....原创 2020-01-10 16:10:21 · 716 阅读 · 0 评论 -
input,textarea type为text时模拟number进行数据判断
情景:input输入值颜色与提示语颜色不一致的情况输入数字时,数字型number输入0(或者0.0)时,颜色还是placeholder颜色一样,体验不佳。故采用文本型text进行下面进行的是对输入的值进行number型和最多只能输入两位小数的判断let reg = /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/; // 判断是否是数字if ((this.mo...原创 2019-12-16 11:05:15 · 466 阅读 · 0 评论 -
js 获取当前天的前几天或者后几天日期
封装函数:function fun_date(aa){ var date1 = new Date(), time1=date1.getFullYear()+"-"+(date1.getMonth()+1)+"-"+date1.getDate();//time1表示当前时间 var date2 = new Date(date1); d...原创 2019-05-09 17:24:48 · 2108 阅读 · 4 评论 -
vue 时间戳转日期
封装: datetimeparse (timestamp, format, prefix) { if (typeof timestamp =='string'){ timestamp=Number(timestamp) }; //转换时区 let currentZoneTime = ne...原创 2019-05-09 17:28:34 · 1137 阅读 · 0 评论 -
js数组对象里面获取某个属性值相等的对象
例:var outArr=[ {"name":"张三","id":1,age:18}, {"name":"李四","id":2,age:19}, {"name":"王五","id":3,age:18}, {"name":"小红","id":4,age:20}, {"name":"小明","id":5,age:17}, {"name":"小白","id":6,age:18}];va...原创 2019-07-15 16:57:49 · 21956 阅读 · 0 评论 -
外部js调用vue实例方法
vue函数 mounted () { window.testFun = this.testFun; // 方法赋值给window }, methods: { // vue内部方法 testFun () { }, }外部js调用<script> function test() { testFun(); // 直接通过w...原创 2019-08-30 14:46:14 · 13686 阅读 · 4 评论 -
数据数组获取重复字段数组集合
有时候我们对数据进行处理会放在前端进行,这样减少http请求,也算是一种优化方案。例如我们想做这种效果那我们第一想法就是点击不同区域的时候去请求后台数据,这样会导致反复请求http,增加宽带。解决方法:我们可以第一次就将所有的数据拿到,再根据不同区域去进行数据的处理,代码如下:let data = body.data;for (var i = 0; i < data.length...原创 2019-09-05 10:44:39 · 808 阅读 · 0 评论 -
vue 对数据进行排序
单纯的数组数字进行排序,见vue使用sort()方法排序根据数组中对象为数字情况进行排序,见下面代码sortBykey(ary, key) { return ary.sort(function (a, b) { let x = a[key] let y = b[key] return ((x < y) ? -1 : (x > y) ? 1 : ...原创 2019-09-10 15:48:40 · 35259 阅读 · 4 评论 -
移动端点击延迟处理--fastClick
vue安装fastClick就不用多说了吧( npm install fastclick --save)下面主要讲的是使用fastClick的时候,在做项目的时候不要全局作用在body上面,如import fastClick form 'fastClick'fastClick.attach(document.body);这样导致的后果就是项目中所有的input和textarea点击聚焦...原创 2019-09-19 15:05:14 · 259 阅读 · 0 评论 -
vue 调用虚拟键盘
有时候在大型触屏设备(如双屏设备)中,往往就没有键盘去操作,而且在触屏input或者textarea的输入时候就无法去输入值,所以就需要去建立一个虚拟键盘去操作vue-touch-keyboard 详细介绍及操作链接*记录下...原创 2019-04-26 15:26:47 · 8822 阅读 · 3 评论 -
vue js实现获取两个日期之间所有日期
// 计算续住的总日期列表 getAll(begin, end) { let arr1= begin.split("/"); let arr2= end.split("/"); let arr1_= new Date(); let arrTime = []; arr1_.setUTCFullYear...原创 2019-01-04 18:26:10 · 5558 阅读 · 0 评论 -
字符串转义
字符串转义原创 2017-11-16 11:26:03 · 3095 阅读 · 0 评论 -
手机端本地图片或者拍照的上传功能
手机端本地图片或者拍照的上传功能原创 2017-11-16 13:30:16 · 14968 阅读 · 6 评论 -
js/jq 实现页面的打印功能
js/jq 实现页面的打印功能原创 2018-01-02 16:10:02 · 2780 阅读 · 2 评论 -
图标在一定区域内的拖拽功能
为什么要做这个?我们在做那个悬浮按钮或者是悬浮菜单时,往往会想让它在一定范围内进行拖拽功能。。。拖拽功能的原理(移动端)原理就是通过监听手势触摸屏幕时记录初始触摸点的坐标,在移动时点的坐标,两个坐标进行计算得出最后点的坐标,即得出图标的位置。代码显示function moveanyway(){ // 获取节点 var block = document.get原创 2018-01-16 16:34:32 · 3140 阅读 · 0 评论 -
js开启和禁止页面滑动
在移动端中,由于机型的不同,往往在弹窗的时候会出现页面的穿透事件,使得原页面还是能够进行滑动,这是我们不想看到的效果。首先,建立一个函数function bodyScroll(event){ event.preventDefault(); } 之后在触发弹窗的时候禁止页面滚动document.body.addEventListener('touchmove'...原创 2018-02-09 17:45:14 · 35400 阅读 · 15 评论 -
JavaScript 中的原型解析
原型JavaScript 中没有类,所以也没有使用类继承。采用的是原型继承的方式。原型继承使用对象来描述实例对象的行为,这个描述行为的对象就是原型对象(prototype)。prototypeprototype 是所有函数都具有的属性。当一个函数被作为构造函数生成一个实例对象时,prototype 就是这个实例对象的原型对象。constructorconstructor...原创 2018-03-13 16:52:39 · 190 阅读 · 0 评论 -
加、减、乘、除 函数封装
经常在进行数据的计算时,出现数据的小数后出现好多位或者数值类型不一致导致计算有误加:function floatAdd(arg1, arg2) { var r1, r2, m; try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 } try { r2 = arg2.toString().s...原创 2018-07-17 16:36:24 · 1204 阅读 · 0 评论 -
js 复制数组以及对象
前序先简单的说一下,关于我们的 = 号复制只是简单的浅拷贝。只是这样我在处理数组的时候,往往会影响原数组的值,这样就违背了我们的初始本意。复制数组1. for循环var arr = [1,2,3,4,5];var arr2 = copyArr(arr);function copyArr(arr) { let res = []; for (let i = 0; i...原创 2018-07-25 16:47:59 · 1658 阅读 · 0 评论 -
判断是否为非负数、小数点后两位
// 非负数 function onlyNonNegative(obj) { var inputChar = event.keyCode; // 1.判断是否有多于一个小数点 if(inputChar == 110 ) { // 输入的是否为. var index1 = obj.value.indexOf("."...原创 2018-08-20 17:28:37 · 1115 阅读 · 0 评论 -
移动端的浏览器页面返回到微信端页面的页面数据修改问题
出现的问题我们在开发移动端的时候,往往会有外跳项目的链接,而在外跳的页面进行操作返回后,本页面就需要进行数据的更新和判断操作错误的思路1.在中跳页面监听页面的返回键事件;window.addEventListener('pageshow', function(event) { if (event.persisted) { 更改数据操作 } ...原创 2018-08-21 10:27:05 · 522 阅读 · 0 评论 -
js 移动端的表情包
通常玩移动端的评论的时候,经常会涉及到表情包的时候,如果不进行处理,那么会导致输入解析后的评论内容的表情包位置为变成问好的形式,所以我们在进行评论提交 的时候对表情包进行转化,再在渲染时对后台返回的数据进行解析。多说无益,请看代码~~~将表情转为字符function utf16toEntities(str) { var patt=/[\ud800-\udbff][\udc00-...原创 2018-09-03 10:30:13 · 4008 阅读 · 1 评论 -
js获取当前月份的第一天和最后一天
.获取当前月份的第一天 function getCurrentMonthFirst(){ var date = new Date(); date.setDate(1); var month = parseInt(date.getMonth()+1); var day = date.getDay(); if (mo...原创 2018-10-19 14:37:44 · 36622 阅读 · 8 评论 -
call()与apply()的异同
call()与apply()的异同写这篇文章的前序:刚好最近在换工作期间,在面试的时候经常被问到js的继承,而由于平时在研发的过程中基本上很少涉及到这块,所以往往回答这个问题的时候就只能简单地回答了call和apply的基本区别,再深层的东西也被我忘了差不多,所以趁现在新工作之际,把这块进行一个补充。各自的定义apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.app...原创 2018-11-08 17:53:18 · 354 阅读 · 0 评论 -
jquery实现购物车非复选框总金额的变化
jquery实现购物车非复选框总金额的变化功能(前面勾选不为单选框,而是图片的切换)原创 2017-03-14 22:23:03 · 444 阅读 · 0 评论