js
文章平均质量分 58
js相关的文章
紫菀檀ss
我不迷茫,因为我有方向。
展开
-
vue/js - 关于 echarts - 柱状图的使用
近期,在做项目的时候有涉及到柱状图的模块,所以在这里简单总结一下,有需要的朋友们可自行参考。说到柱状图这种图形模块,我们很自然的就想到了echarts 插件了,里面有格式各样的图形效果,可供我们使用。原创 2022-11-07 11:49:20 · 516 阅读 · 0 评论 -
vue - 实现省市区的级联选择
最近要实现一个pc端的省市区级联选择效果,省市区的数据都是使用的本地数据,实现起来逻辑会有一点复杂,我在这里总结分享一下,希望对大家有所帮助。一、效果图二、实现逻辑我这里的实现逻辑是先通过省份来获取城市,然后通过城市来获取区县,街道因为不是固定的,所以让用户自己输入。获取对应市区的逻辑是:每个省份、城市、区县都有唯一的编码,然后省份编码的前两位跟城市是一样的,通过截取的方式来筛选出城市,然后城市的前四位编码跟区县的是一样的,也同样通过截取的方式来筛选出区县即可。因为pc端我是使用了elemen原创 2021-10-20 11:16:59 · 4496 阅读 · 3 评论 -
vue/js - qs序列化插件的使用
一、安装: npm install qs二、引入全局 // 在main.js中引入 import qs from 'qs'; // 全局配置属性,将之挂在原型链上,在其他页面直接通过 this.$qs 使用即可 Vue.prototype.$qs = qs;三、使用qs的使用方式有两种,分别是qs.parse()和qs.stringify()1、qs.parse()方法的使用 qs.parse()是将url解析成对象的形式 使用例子: let str = "uid=cs11&am原创 2020-12-24 18:27:05 · 1411 阅读 · 3 评论 -
js - 使用input标签实现上传文件夹和上传文件
最近做了一个项目,需要实现上传文件夹和批量上传文件的功能,发现input标签是可以实现这两个功能的,但是上传文件夹功能还不能兼容全部的浏览器,目前只有谷歌浏览器和Microsoft Edge可以实现上传文件夹的功能,其他浏览器会直接变成上传文件。 实现上传文件夹的功能只需要在input标签中加入 webkitdirectory='true'即可,而 multiple='true' 表示可以上传多个文件,注意,这里指定是上传多个文件,目前的文件夹暂时不支持同时上传多个。下面举个例子:1、上传文件夹&l原创 2021-07-05 11:53:42 · 3481 阅读 · 0 评论 -
js - 在本地存储数组时报错:Uncaught SyntaxError: Unexpected token o in JSON at position 1
最近根据项目需求,我将一个简单的数组存放到本地,不想,竟遇上了报错 Uncaught SyntaxError: Unexpected token o in JSON at position 1 ,思考了一下就找到了解决方法啦。一、报错 Uncaught SyntaxError: Unexpected token o in JSON at position 1 二、解决方法 其实就是本地存储只能存放字符串,并不能放其他类型的数据,所以在存放进去的时候先变成字符串的形式,取出来使用时就将它转原创 2021-04-06 14:46:33 · 478 阅读 · 0 评论 -
vue - 禁止input[number]输入 +、-、e 符号,并且只能输入两位小数
最近写的项目有要求通过键盘输入数字,不能输入 +、- 符号并且只能留两位小数,还有更高的要求:就是只能输入六位数字,控制最多只能输入三位整数,如果输入了四位包括四位以上的整数就要自动给它们加个小数点,变成小数。研究了许久才找到了解决方法,分享给大家参考使用。一、html代码<input type="number" v-model="inputVal" @input="changeInput" onkeyup="value=value.replace(/[^\d^\.]+/g,'').repla原创 2020-12-15 10:27:35 · 3143 阅读 · 0 评论 -
vue/js - 实现页面自动往上滑动效果
最近做的新项目中要求让看不见的内容自动往上滑动一定的距离,使之可以看到,下面我来分享一下。效果图:我主要是使用 scrollTop 来做的往上滑动的功能,使用 animate 函数使之有一定的动画效果。下面是我的相关代码,大家可以参考:1、html代码<div class="bodyblockcons" :style="'padding-top:'+heightHeader+...原创 2020-01-02 15:04:06 · 4290 阅读 · 0 评论 -
js - 对数组的各项操作(删除某一项、去重、数组对象和一般数组相互转换、给每项加前缀)
一、删除数组中的某一项function removeArrByValue (array, val) { for (var i = 0; i < array.length; i++) { if (array[i] == val) { array.splice(i, 1); break; ...原创 2019-09-20 10:50:20 · 650 阅读 · 0 评论 -
react、vue - 解决移动端点击事件300毫秒延迟问题(fastclick.js)
从点击屏幕上的元素到触发元素的点击(click)事件的过程中,移动端浏览器大约有300毫秒的等待时间,主要是想看后面是否还会再做点击操作(是否要进行双击操作),而fastclick.js就是为了解决这个问题。下面我来说一下使用方法:1、fastclick在react上的使用方式:(1)安装:npm install --save fastclick(2)使用:(写在全局的index.j...原创 2019-08-30 10:58:25 · 1202 阅读 · 0 评论 -
js - filter的使用
过滤掉数组中相同的元素的方法有很多种,我们平常大多时候可能会使用for循环、foreach循环的,总之就是使用循环的方式来过滤元素,我们会发现使用循环的方式过滤数组有点复杂,而且还会消耗性能挺大的,下面我来介绍一下使用filter的方式来过滤相同的元素,提高性能。filter() 方法是对数组的操作,将数组中的某些元素过滤掉返回剩下的元素。filter()方法有三个参数,分别是:curr...原创 2019-08-19 10:30:21 · 1169 阅读 · 0 评论 -
封装 - 本地存储
1、封装function storage(key, value = undefined) { if (value !== undefined) { value = typeof value == 'string' ? value : JSON.stringify(value); console.log(value,'value******values')...原创 2019-08-06 09:56:57 · 398 阅读 · 0 评论 -
封装 - 日期的获取以及格式转换
1、获取当天所在的年份 function getYear () { let mydate = new Date(); let value = mydate.getFullYear(); return value; }2、获取当天所在的月数 function getMonth () { let mydate = new...原创 2019-08-06 09:49:51 · 443 阅读 · 0 评论 -
js - 浅谈js中this的指向
this最终指向的是调用它的那个对象1、在普通函数里的this指向例子1:运行结果:这里的this最终指向window,因为这里是window调用的findThis()方法例子2:运行结果:这里的this指向findThis,因为这里是findThis调用的logName()方法注意:this的指向在函数创建的时候是决定不了的,在调用的时候才能决定,谁调用就指向谁。例子3...原创 2019-06-19 09:53:55 · 206 阅读 · 0 评论 -
js - 关于金额数值的处理
1、封装好的处理方法/** filter.js* 参数说明:* number:要格式化的数字* decimals:保留几位小数* dec_point:小数点符号* thousands_sep:千分位符号* roundtag:舍入参数, "ceil" 向上取,"floor"向下取,"round" 四舍五入(默认)* */export function number_format(...原创 2019-08-05 15:30:46 · 648 阅读 · 0 评论