日常积累
孤独的SVIP
这个作者很懒,什么都没留下…
展开
-
防抖与节流代码示例(自己随便捣鼓,勿喷)
基础代码: let num = 1; function aaa() { num++; console.log(num); }不加防抖时的代码:window.onmouseover = aaa设置防抖,在onmouseover事件触发1秒后再打印: function debounce(func,wait) { let timeout; return function () { clearTimeout(t原创 2021-05-14 17:59:46 · 337 阅读 · 0 评论 -
Blob类型数据转换Json数据类型
'FileReader’对象允许Web应用程序异步读取存储在用户计算机上的文件的内容,使用’File’或’Blob’对象指定要读取的文件或数据。// 定义JSON数据let data = { "name": "小明" };// 转换成字符串数组let string = JSON.stringify(data);// 转换成Blob类型数据let blobData = new Blob([string]);console.log(blobData) // 打印Blob结果: Blob { si原创 2020-12-18 16:27:21 · 2433 阅读 · 1 评论 -
利用vue动画渲染实现ul中li标签的定时滚动效果
利用vue动画渲染实现ul中li标签的定时滚动效果近来公司业务新需求需要写一个大屏页面,由于大屏展示的数据量有限,因此很多地方需要用到页面的滚动效果,如图所示,以下两张图实际上都是动态的向上翻滚的效果,代码是以第一张图为例vue官方文档====>vue关于动画的官方文档1.DOM渲染<template lang="pug">.policyoutput .echarts-title span.dot span.echarts-titleL 末端空调状态原创 2020-11-27 15:25:42 · 1882 阅读 · 0 评论 -
JS中 reduce() 的用法
JS中 reduce() 的用法过去有很长一段时间,我一直很难理解 reduce() 这个方法的具体用法,平时也很少用到它。事实上,如果你能真正了解它的话,其实在很多地方我们都可以用得上,那么今天我们就来简单聊聊JS中 reduce() 的用法。一、语法arr.reduce(function(prev,cur,index,arr){...}, init);其中,arr 表示原数组;prev 表示上一次调用回调时的返回值,或者初始值 init;cur 表示当前正在处理的数组元素;inde原创 2020-08-28 15:44:58 · 185 阅读 · 1 评论 -
列表页进入详情页再返回列表页时,显示默认第一页的bug修复
如图所示,当我点击分页第二页的第一项,进入详情页后,在点击返回按钮,按理说应该返回到列表页第二页,但是却变成了默认的首页究其原因,大概是在返回列表页时,接口传参的当前页码pageNum默认传的是1,如下图,因此解决思路大概是,当点击分页进入第N页的时候,记录当前页码(进缓存),当从该详情页返回的时候,再从缓存中将pageNum提取出来,传入到接口里。但是问题又来了,当从该列表页(用户列表)进入其他列表页的时候,这时的pageNum还是N,则会导致其他页面也是显示的第N页,因此在进入某一页的时候,需要原创 2020-08-14 11:29:27 · 1112 阅读 · 2 评论 -
基于Mui中picker选择器实现省市县三级联动效果中setData方法传值的问题解决办法
最近开发项目有个关于省市县联动的小功能,引用mui中的picker选择器,根据文档操作来并不难,关键问题在于setData()中传的json数据的问题,折磨了我好久…一般来说,Mui的picker选择器中传的数据都是一个city.js文件,里面的数据是json格式,百度了好多关于picker选择器的用法,数据都是如出一辙的某个文件—“city.js”,如下图: 那么问题来了,这个文件的数据...原创 2019-12-27 16:50:11 · 867 阅读 · 0 评论 -
图片验证码——在gVerify.js 的基础之上完善了一下,实现汉字,字母和数字组合的验证码
在gVerify.js 的基础之上完善了一下,实现汉字,字母和数字组合的验证码,效果图如下:index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body&g...转载 2019-12-06 13:50:16 · 3386 阅读 · 0 评论 -
前端判断移动端设备or网页浏览器打开不同的页面
前端人员根据不同的移动端设备or网页浏览器打开不同的页面相应代码你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新...原创 2019-12-05 10:45:30 · 876 阅读 · 0 评论 -
CSS中calc()的用法
平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都将会把元素盒子撑破(标准模式下,除IE怪异...原创 2019-09-10 19:34:24 · 921 阅读 · 0 评论