- 博客(41)
- 收藏
- 关注
原创 已解决:uni.request在ios12版本及以下请求失败
1. 一个uniapp的bug, uni.request的header携带token,ios12版本及以下的请求发不出去,安卓机和高于ios12正常的兼容问题写法是没有问题的,但是ios低版本直接就是不发送请求了。解决是通过官方文档下issue里面的老哥的方法:和后台的兄弟沟通一下,问题就成功解决了...
2022-04-29 14:58:15
1905
3
原创 微信小程序web-view跳转到公众号部署线上打开是空白的
需求是做一个通过web-view跳转公众号加粉的功能本地跑代码的时候是很正常的,但是部署到线上的时候,发现是打开是空白的,就感觉很奇怪,问题逐一排查发现了是因为本地勾选了解决方法就是:1.登录微信公众平台微信公众平台2.找到菜单中的开发管理3.点开发设置配置你的服务器域名和业务域名(都是同一个)4. 刷新小程序,成功显示内容...
2022-04-29 14:11:42
1537
原创 ndoe.js在HBuilderX运行
nodejs的运行软件有很多个,但是因为uniapp的原因,我是习惯使用了HBuilderX,我那个朋友也是,他一直以为HBuilderX是不能运行nodejs,那我就顺便记录一下吧1.先创建一个node项目,然后cmd打开命令行 输入指令npm init 一直按回车 默认配置就行了2.然后就是这样了3.然后输入指令npm i koa --save 装一下node的koa框架4.里面就是这一堆玩意了5.然后把项目导入HBuilderX 并且创建一个app.js启动文件.
2022-04-28 17:24:28
4862
原创 js统计字符串中出现次数最多的字符(完美解决)
注意一个字符串中是有可能出现N个同样次数的字符的,多考虑别整出bug了<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> let arr = 'afdafwerrsdfsadaf' //
2022-02-18 16:29:36
1565
原创 vue实现防抖和节流,有gif图分析
首先浅谈的是防抖和节流的区别:防抖:1.假设持续触发事件,在规定的时间内没有再次触发该事件,才会执行一次。如果它在规定的时间内再次触发了事件,时间就会重新计算,直到在规定的时间内没有触发该事件,才会执行。节流:1.在规定时间内只能执行一次,假如规定的时间是2秒,无论两秒内触发多少次事件,2秒内只能执行一次,4秒内执行两次效果图:看了gif,是不是觉得又更加的清晰了它们之间的区别呀common.js/** * 防抖函数 */export function .
2022-01-26 12:02:33
1109
原创 vue设置token过期时间,过期重新到登录页面,浏览器本地保存有token就直接不用输入账号密码跳转到首页
在做一个项目的时候,乙方公司提出了一个业务需求:设置token的过期时间,如果过期了就重新导登录页面,如果用户在token还没有过期的时候打开了登录页面就直接跳转到首页。直接上代码login.vue 代码 methods: { // 登录 handleLogin() { this.$axios.post('/api/Login',{ username: this.loginForm.username, pass
2022-01-21 11:12:31
13817
9
原创 【无标题】js获取当前省市
直接贴代码:<script src="https://ip.ws.126.net/ipquery"></script>一行代码解决了虽然看起来乱码,但是不影响使用的,直接consolog打印一下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body.
2021-12-16 18:05:04
1404
原创 vue实现验证码倒计时
项目需求,做一个普通的验证码倒计时,点击后禁止重复点击,倒计时结束后可以继续点击效果图:代码:<!-- html部分 --><van-button size="small" type="primary" :disabled="isSend" @click="countDown"> {{codeName}}</van-button>data() { return { isSend: false, //禁用 codeNam.
2021-12-13 17:37:20
2654
原创 js将对象转换成数组
又是甲方奇奇怪怪的接口数据格式要求,传给我的是一个对象,居然要我传过去的时候转换成数组,直接上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> let obj = { chann
2021-12-13 15:26:08
1443
原创 已解决:axios get请求不跨域,post请求跨域了
做了个简单的页面,但是需要请求到后端的数据,然后它跨域了,后台开启了允许跨域,这时候get请求是正常了,post请求带参数就出现了跨域,如图:因为我以前有过经验,所以我知道是没有导入qs的原因<script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script>然后我导入了qs的时候,又出现了一个奇怪的问题:这就给我整迷糊了,然后是在这个博主那里找到了答案:...
2021-12-13 10:01:27
8332
原创 vue实现前端模糊搜索,模仿百度搜索的效果
前端本地的模糊搜索原理其实很简单,我写的本地搜索只需要理解 indexOf,filter.这几个就可以了,还要加上监听每次input的触发方法,vue用@input。1.大概效果就是照着百度的搜索写的.2.首先点击输入框的时候,不输入的情况下先显示推荐内容.3.如果输入了内容则显示匹配了的搜索详情区域,如果没有匹配的内容则不显示搜索详情区域
2021-12-07 11:42:29
5495
4
原创 el-table后台返回数字,前端显示对应的文字,几行代码就动态解决并且封装全局使用
表格数据,后台返回的是数字,所以我们必须得把它转换成相对应的文字,而且要注意的是:我们传给后台的也是数字!!!手写了个demo:模拟一下,调用方法前的原图:数字看着就很懵逼代码: // 不经过任何操作的el-table<el-table :data="tableData" @selection-change="handleSelection" > <el-table-column type="selection" min-width="100".
2021-11-30 18:56:39
4793
9
原创 js获取url的参数,并把它们的字段名和值转化为对象
先上代码:/** * 获取浏览的url并返回它的参数对象 * location.search:获取浏览器的url * slice:从第X个字符开始截取到末尾 * split: 从该参数地方分割成数组并且不包括它本身 * reduce: 百度吧 * */ const getUrlField = () => { let url = location.search.slice(1).split('&') let urlForm = url.reduce((pre, c
2021-11-26 17:26:55
910
原创 js统计字符串中每一个字符出现的次数(5行代码)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> let arr = 'EQEQWeq谢谢点赞We' // arr = arr.toLowerCase() //不区分大小写 arr = ar.
2021-11-08 15:24:01
404
原创 js统计字符串中空格,字母,数字,其它字符的数量
代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> let str = " give you&&@qq 9527 " let kongge = str.ma
2021-11-08 14:38:16
2273
原创 js新建一个未知长度的二维数组
//this.group,this.program都是接口数据,未知长度let list = new Array()for (let i = 0; i < this.group.length; i++){ photo_list[i] = new Array() for(let j = 0; j < this.program[i].length; j++){ photo_list[i][j] = '' }}...
2021-10-19 15:35:51
555
原创 已解决vue el-input视图不刷新的问题
深层次的嵌套有时候会导致el-input明明输入了数据,但是视图却没有刷新,但是console.log打印的值却是正常的解决方法: <el-input v-model="item1.title" @input="wallpaperInput" />增加@input事件,每次输入的时候触发方法method :wallpaperInput() { this.$forceUpdate()}每次输入调用this.$forceUpdate() 刷新视图问题轻松.
2021-10-15 17:49:02
2358
2
原创 js删除对象中的属性,vue删除对象中的属性
最近在做一个批量上传的功能,我需要根据用户填的各个输入,去判断需要发送一个整理好的表单发给后台,也就是说我的对象中的全部属性都不是固定,而是动态的,我的思路其实是有两种的,一种是申明很多变量,然后根据用户需要合并到对象中发送给后台,第二种就是全在表单中申明那些变量,在发送给后台之前把不需要的属性删除就可以了,这样代码会整洁很多不逼逼赖赖了,代码其实很少,就一行我先说普通的删除方法<!DOCTYPE html><html> <head> <met
2021-10-15 14:19:33
1439
原创 vue+element-ui实现表格分页
实现的效果图:分页的功能中需要显示,总条数,每页显示条数(可更改),页码,前往第几页这些功能。因为是真实的项目数据,所以用的数据都是接口的数据,兄弟们使用的时候改一下接口参数,表格绑定的字段名就可以使用了。实现代码:<template> <div class="container"> <!-- ==========表格分页============ --> <h1>表格分页</h1> <el-.
2021-10-08 14:21:55
1207
原创 js生成不重复的随机数,简单代码少
最近在做一个项目,用户的需求大概是这样的:用户先添加大量的视频,然后用户可以输入一个数字,可以动态指定一个数组里面有多少个视频。也就是说,总数和需要的个数都是动态的,不确定的。实现思路就用不重复的随机数解决:效果图:实现代码:<template> <div class="container"> <el-button @click="getRandomNum(needNum,allNum)">js生成不重复的随机数</el-bu.
2021-09-27 11:24:34
4406
原创 js过滤删除数组对象中的重复对象
平时做各种数据添加的时候,让用户自己添加的数据,表单会很容易多条重复的数据,我们传给后台没要传重复的数据,要根据id或者name之类的唯一属性把重复的数组对象过滤去除代码:<template> <div class="container"> <el-button @click="filterList">点我看看过滤的数据</el-button> </div></template&g..
2021-09-26 17:00:41
2716
4
原创 el-tooltip内容换行,很简单,加一行代码
项目需求其实很常见,就是平时的问号提示语就是这个问号,但是没有换行,视觉效果太差了如图:代码:<el-tooltip class="item" effect="dark" content="创建创意时从视频中自动抽取多帧图片优选生成封面,本方案无需手动上传图片" placement="top"> <i class="el-icon-question smartTip"></i></el-tooltip>修改..
2021-09-26 15:32:47
11000
原创 已解决:TypeError: Cannot read properties of undefined (reading ‘value‘)
今天做项目优化的时候,需要把某个页面的分为两个页面,然后就出现了这个错误这个问题不要慌,要么是打错字了,要么就是忘记传这个字段了(我算是粗心了吧,代码2000行,数据太多了),导致了在另一个页面没有找到这个value字段,因为懂问题所在,我的快速解决方法是直接ctrl+f 搜 .value 然后在另一个页面传过来就行了...
2021-09-23 18:36:17
145383
5
原创 el-cascader实现省市县三级联动,实现全选和取消全选
用户反馈需要加一个地区全选的功能,他们需要先全选,然后在去掉其中几个地区效果图:我也想过把全选地区放进去,但是没有达到想要的效果,这就尴尬了,等用户先用着吧,后面相处办法了就回来更新实现代码:<template> <div class="container"> <div> <el-checkbox v-model="regionTotal" @change="getRegionTotal">全选地区</el.
2021-09-18 18:29:09
1552
原创 js把对象中的空字符串‘ ‘改为null
有时候,我们希望我们的对象中的空字符串改为null直接上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js把对象中的字符串''改为null</title> </head> <body> <script type="text/javascript"> // 利用则表达式,把对象中的空值
2021-09-11 16:19:05
5782
原创 vue禁止浏览器前进和后退
最近在做着的这个项目发现了一些bug,当用户点击浏览器的前进和撤退的时候,上一页数据保存了下来并没有刷新页面,这样会出现很多奇奇怪怪的bug,我只希望用户通过按钮来跳转,然后就需要禁止浏览器的前进和后退1.main.js中,增加popstate监听// 禁止浏览器前进后退 另一部本在router的index.js中window.addEventListener('popstate', function() { history.pushState(null, null, document
2021-09-09 11:40:15
2235
原创 el-select 拼接label
根据业务需求,需要把接口数据拼接显示成为name+id,label想拼接成 什么样子,随便加,是不是变得快乐了 <el-select v-model="advertiser_id" clearable size="mini" filterable> <el-option v-for="dict in selectUser" :key="dict.advertiser_id" :label="`${dict.acc
2021-09-03 18:22:47
1780
原创 JS判断null、undefined与NaN的方法
1.判断nullvar tmp = null; if (!tmp && typeof(tmp)!="undefined" && tmp!=0){ alert("null"); }2.判断undefinedvar tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); }3.判断NaNvar tmp = 0/0; if(isNaN(tmp)){
2021-09-03 15:28:13
169
原创 正则表达式只能输入正数,并且保留两位小数,不能输入+-*/e这些非数字
<template> <div class="container"> <!-- 注意type是text --> <el-input v-model="amount" type="text" @input="num(amount)"> </el-input> </div></template><script> export default { data() { .
2021-09-03 14:18:22
3032
5
原创 element el-input type=number的时候隐藏上下箭头,并且禁止鼠标滚动改变值,禁止输入e
项目经常要写到el-input,type = number,这个时候遇到的箭头就很烦,它的鼠标滚动还会改变值就更烦了,如图:两种方法,第一种正常的写:解决方法:// 全局css 加上以下代码,可以隐藏上下箭头// 取消input的上下箭头input::-webkit-inner-spin-button { -webkit-appearance: none !important;}input::-webkit-outer-spin-button{ -webkit-appe.
2021-09-03 11:34:59
7250
原创 element el-radio-group 点击触发两次方法的解决方法
需求一开始是这样的,我点击一个单选按钮然后触发事件,请求接口获取数据,但是我点击了el-radio-group 中的el-radio 发现事件每次都是触发了两次,就觉得很奇怪奇怪的图<template> <div class="container"> <el-radio-group v-model="test"> <el-radio :label="0" @click.native="test1()">测试按钮1</e.
2021-08-27 19:06:20
3054
2
原创 elementUI el-checkbox复选框 隐藏label
好的,最近做到一个多选的需求,我是需要把所需要的东西选中,然后并不需要显示label,我只想要框框就可以了,然后经过了百度之后,发现了一个牛逼又简洁的写法代码<!-- 多选框不显示label 只要在里面加上<br>就OK了 --><el-checkbox :label="item.name" :key="item.id"> <br></el-checkbox>自己考虑了挺久都不知道怎么做,没想到是这么简单,太秀了参考文
2021-08-27 18:23:21
4903
11
原创 vue路由跳转强制刷新页面,兼容ios系统
因为有的页面数据放在了同一个vue组建中,又因为开启了路由缓存,需要每次进入该页面的时候强制刷新一下页面,保证数据全部清空了,而且并不是每个页面去了都需要刷新,然后我方法 methods: { flash(){ this.$router.push('/home/ks') this.$router.go(0) // 第一种方法 // window.location.reload(); // 第二种方法 }, }两个方法
2021-08-26 16:14:54
1760
2
原创 el-table点击单元格编辑文本
项目最近做到了一个功能需求,用户他们点击单元格可以输入文本效果图demo实现代码一开始我是想自己写的,后面同事介绍了一个很好用的vue table插件,里面有一大堆很好用的表格demo,vxe-table网址https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/use 无论你是要编辑文本还是下拉框,都是直接复制代码就可以使用了,最关键的是兼容element,你看得懂element文档就能看的懂这个,...
2021-08-24 19:12:28
645
1
原创 vue+element日期选择器
项目需求,需要快速选择日期,今日,昨日,本周,上一周,本月,上一月,本季度,上季度,一季度 二季度 三季度 四季度 本年,上一年代码:<!-- 注意: 季度和本年都需要判断是否过完当前季度和当前年度--><!-- vue+element 时间插件 --><template> <div class="block"> <el-date-picker v-model="value2" type="daterange" align=
2021-07-19 18:58:58
441
原创 使用ps优化图片,减少图片内存大小
利用ps优化图片,减少图片的内存大小1. 首先打开ps,然后把图片拖进去然后按 Ctrl + Shift + Alt +S选择一个清晰度 ,左下角有内存大小然后点击存储 选择保存路径就行了
2021-07-06 12:26:07
2908
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人