常用js方法
文章平均质量分 51
常用js方法
落花流雨
这个作者很懒,什么都没留下…
展开
-
【H5】解决ios禁止缩放失效的方法(亲测有效)
【H5】解决ios禁止缩放失效的方法 <script> window.onload=function () { document.addEventListener('touchstart',function (event) { if(event.touches.length>1){ event.preventDefault(); } }); var la转载 2021-01-14 17:09:01 · 864 阅读 · 5 评论 -
js去除数组中空值的方案
js方法去除数组中的空值splice方法 /* 方法一:splice方法 缺点:不适用字符串中包含空格 如:array = [1, 2, 3, ' '],调用该方法,结果:[1, 2, 3, ' '] */ var array = [1, 2, 3, ''] console.log(trimSpace(array)); //打印结果: [1, 2, 3] function tr转载 2021-01-14 14:51:17 · 20315 阅读 · 2 评论 -
数组去重的方案
第 1 章:数组去重1.1 单个元素去重1.1-1 利用ES6 Set去重function unique(arr) { return Array.from(new Set(arr))}var arr = [1, 2, 3, 4, 5, 2, 1, 9, 0, 5]console.log(unique(arr));//=>[1, 2, 3, 4, 5, 9, 0]1.1-2 利用filter去重var r;var arr = [1, 2, 3, 4, 5, 2, 1, 9原创 2021-01-12 15:30:54 · 152 阅读 · 0 评论 -
文件 或者 图片 与 base64 之间的转换
1. 字符串与base64互转 // var base64 = window.btoa(window.encodeURIComponent(str)) // 简写:字符串转base64 var str = '读取文件' //字符串转base64 function encode(str) { // 对字符串进行编码 var encode = encodeURI(str); // 对编码的字符串转化base64 v转载 2020-12-31 14:39:12 · 1651 阅读 · 0 评论 -
blob对象实现文件、图片下载
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>blob对象实现文件下载</title></head><body> <button type原创 2020-12-20 19:15:07 · 1664 阅读 · 0 评论 -
项目中常用的数据处理方法:数组/对象/字符串
项目中常用的数据处理方法: // 数组中是否包含某个值:判断数组initArray里面的值是否在数组checkList中 var initArray = ['1', '41', '4', '3', '6']; var checkList = ['0'] var newArray = initArray.map(v => { return checkList.includes(v) }) con原创 2020-11-30 20:07:11 · 565 阅读 · 0 评论 -
点击图片旋转:换一批
点击图片旋转:换一批<div class="text2" @click="rotate"> <div class="img_change rotate"> <img class="img5" src="../../assets/image/health-2/change.png" alt="pg5.png" :style="{transform:'r原创 2020-09-04 13:14:13 · 249 阅读 · 2 评论 -
js汇编总结
js 基础篇项目功能1.本地存储将json格式的字符串转换为数组或者对象:JSON.parse(json字符串)将字面量对象或者数组转换为json格式的字符串:JSON.stringify(对象或者数组)存数据:本地存储只能存储字符串localStorage.setItem(‘key’, JSON.stringify(对象或者数组));取数据:localStorage.getItem(‘key’) ;keyArr = JSON.parse(localStorage.getItem(原创 2020-07-26 01:04:40 · 1653 阅读 · 0 评论 -
功能点:防止暴力操作 和 移动端调试神器 vconsole
功能点:防止暴力操作和 移动端调试神器 vconsole防止暴力操作:fastclicknpm install fastclick -S// 在main.js文件中,引入下面代码import FastClick from 'fastclick'FastClick.attach(document.body);移动端调试神器:vconsolenpm install vconsole -S// 在main.js文件中,引入下面代码import Vconsole from 'vc原创 2020-07-09 09:13:25 · 289 阅读 · 0 评论 -
路由发生变化:修改页面标题
路由发生变化:修改页面标题在router.js文件中 { path: "/student", component: resolve => require(["./views/va/student.vue"], resolve), name: "student", meta: { pageTitle: 'student页面' } }Route.beforeEach((to, from, next) => { /*原创 2020-07-08 20:33:01 · 265 阅读 · 0 评论 -
功能点:时间处理(今天、昨天、去年)
当天数据:显示时分 示例:18:34昨天数据:显示昨天+时分 示例:昨天 18:34昨天-今年:显示月日时分 示例:12月23日 18:34去年之前:显示年月日时分 示例:2020年12月23日 18:34页面使用方法: {{jktTimes(时间戳)}}// 时间处理汇总jktTimes(time) { if (time == undefined) return ""; let now = new Date(); //今年 let repo.原创 2020-07-08 20:13:33 · 310 阅读 · 0 评论 -
功能点:3秒倒计时自动跳转指定页面
data() { return { title: "支付结果", count: "" //倒计时 }; },created() { this.threeGo();},methods: { threeGo() { const TIME_COUNT = 3; if (!this.timer) { this.count = TIME_COUNT; this.show = false;原创 2020-07-08 20:00:35 · 61306 阅读 · 0 评论 -
功能点:页面数据汇总(上一步、下一步)
功能点:页面数据汇总(上一步、下一步)适用场景:通过上一步、下一步,逐步收集页面数据,然后在最后一步获取前面收集的页面数据业务逻辑:第一步:将页面数据保存在缓存中第一个页面:this.chooseDates 表示:收集的页面数据this.chooseDates.sex = '男'this.chooseDates.age = '18'localStorage.setItem("student", JSON.stringify(this.chooseDates));第二步:然后在下一原创 2020-07-08 18:57:26 · 883 阅读 · 0 评论 -
工具类:多个数组组合成对象数组形式
工具类:多个数组组合成对象数组形式// 后台返回的数据格式:女|50|否|3.36|120|是|4.0|1.3|否|否this.paramName = this.queryObj.paramName.split("|");this.paramValues = this.queryObj.paramValue.split("|");this.referenceRange = this.queryObj.referenceRange.split("|");// 多个数组组合成对象数组形式const原创 2020-07-08 17:51:32 · 333 阅读 · 0 评论 -
工具类:判断手机系统 Android 或者 IOS
工具类:判断手机系统 Android 或者 IOS // 判断手机类型 AndroisIos() { let u = navigator.userAgent; let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; //g let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if原创 2020-07-08 17:34:27 · 244 阅读 · 0 评论 -
页面控制显示返回头部
页面控制显示返回头部(大佬提供)调用原生方法 window.ele_med_insurance.controlBackButton(b);b = 'true' 页面控制返回跳转;b = 'false' 原生控制返回方法;例 页面控制返回跳转;if(window.ele_med_insurance){//controlBackButton true 页面控制返回跳转 window.controlBackButton window.ele_med_insurance.co原创 2020-06-30 20:14:29 · 495 阅读 · 0 评论 -
上拉加载更多和下拉刷新,功能分析和实现方法
上拉加载更多功能分析:上拉加载下一页用户上滑页面 滚动条触底 开始加载下一页数据判断还有没有下一页数据获取到总页数 = Math.ceil(数据总条数 / 页容量 pagesize)`获取到当前的页码 pagenum判断当前的页码是否大于等于总页数,如果是:表示 没有下一页数据假如没有下一页数据,弹出提示假如还有下一页数据,加载下一页数据当前的页码 ++重新发送请求数据请求回来(要对data中的数组进行拼接,而不是全部替换!!!)// 上拉加载更多get原创 2020-06-14 21:47:22 · 836 阅读 · 0 评论 -
防止重复请求接口数据
1.在data中定义: isscah: true // 防止重复请求接口数据2.在事件处理函数中,点击事件clik() { // 防止重复请求接口数据 if (!this.isscah) { return false } this.isscah = false 接口请求成功: that.isscah = true} ...原创 2020-06-07 16:15:50 · 1527 阅读 · 0 评论