- 博客(41)
- 收藏
- 关注
RSS订阅原创 已解决:uni.request在ios12版本及以下请求失败
1. 一个uniapp的bug, uni.request的header携带token，ios12版本及以下的请求发不出去，安卓机和高于ios12正常的兼容问题写法是没有问题的，但是ios低版本直接就是不发送请求了。解决是通过官方文档下issue里面的老哥的方法：和后台的兄弟沟通一下，问题就成功解决了...
2022-04-29 14:58:15
2110
3
原创 微信小程序web-view跳转到公众号部署线上打开是空白的
需求是做一个通过web-view跳转公众号加粉的功能本地跑代码的时候是很正常的，但是部署到线上的时候，发现是打开是空白的，就感觉很奇怪，问题逐一排查发现了是因为本地勾选了解决方法就是：1.登录微信公众平台微信公众平台2.找到菜单中的开发管理3.点开发设置配置你的服务器域名和业务域名（都是同一个）4. 刷新小程序，成功显示内容...
2022-04-29 14:11:42
1722
原创 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
5093
原创 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
1594
原创 vue实现防抖和节流，有gif图分析
首先浅谈的是防抖和节流的区别：防抖：1.假设持续触发事件，在规定的时间内没有再次触发该事件，才会执行一次。如果它在规定的时间内再次触发了事件，时间就会重新计算，直到在规定的时间内没有触发该事件，才会执行。节流：1.在规定时间内只能执行一次，假如规定的时间是2秒，无论两秒内触发多少次事件，2秒内只能执行一次，4秒内执行两次效果图：看了gif，是不是觉得又更加的清晰了它们之间的区别呀common.js/** * 防抖函数 */export function .
2022-01-26 12:02:33
1138
原创 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
14642
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
1471
原创 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
2906
原创 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
1480
原创 已解决：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
8850
原创 vue实现前端模糊搜索，模仿百度搜索的效果
前端本地的模糊搜索原理其实很简单，我写的本地搜索只需要理解 indexOf,filter.这几个就可以了，还要加上监听每次input的触发方法，vue用@input。1.大概效果就是照着百度的搜索写的.2.首先点击输入框的时候，不输入的情况下先显示推荐内容.3.如果输入了内容则显示匹配了的搜索详情区域，如果没有匹配的内容则不显示搜索详情区域
2021-12-07 11:42:29
6113
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
5578
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
952
原创 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
432
原创 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
2499
原创 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
624
原创 已解决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
2722
2
原创 js删除对象中的属性，vue删除对象中的属性
最近在做一个批量上传的功能，我需要根据用户填的各个输入，去判断需要发送一个整理好的表单发给后台，也就是说我的对象中的全部属性都不是固定，而是动态的，我的思路其实是有两种的，一种是申明很多变量，然后根据用户需要合并到对象中发送给后台，第二种就是全在表单中申明那些变量，在发送给后台之前把不需要的属性删除就可以了，这样代码会整洁很多不逼逼赖赖了，代码其实很少，就一行我先说普通的删除方法<!DOCTYPE html><html> <head> <met
2021-10-15 14:19:33
1492
原创 vue+element-ui实现表格分页
实现的效果图：分页的功能中需要显示，总条数，每页显示条数（可更改），页码，前往第几页这些功能。因为是真实的项目数据，所以用的数据都是接口的数据，兄弟们使用的时候改一下接口参数，表格绑定的字段名就可以使用了。实现代码：<template> <div class="container"> <!-- ==========表格分页============ --> <h1>表格分页</h1> <el-.
2021-10-08 14:21:55
1253
原创 js生成不重复的随机数，简单代码少
最近在做一个项目，用户的需求大概是这样的：用户先添加大量的视频，然后用户可以输入一个数字，可以动态指定一个数组里面有多少个视频。也就是说，总数和需要的个数都是动态的，不确定的。实现思路就用不重复的随机数解决：效果图：实现代码：<template> <div class="container"> <el-button @click="getRandomNum(needNum,allNum)">js生成不重复的随机数</el-bu.
2021-09-27 11:24:34
4474
原创 js过滤删除数组对象中的重复对象
平时做各种数据添加的时候，让用户自己添加的数据，表单会很容易多条重复的数据，我们传给后台没要传重复的数据，要根据id或者name之类的唯一属性把重复的数组对象过滤去除代码：<template> <div class="container"> <el-button @click="filterList">点我看看过滤的数据</el-button> </div></template&g..
2021-09-26 17:00:41
2788
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
13140
原创 已解决：TypeError: Cannot read properties of undefined (reading ‘value‘)
今天做项目优化的时候，需要把某个页面的分为两个页面，然后就出现了这个错误这个问题不要慌，要么是打错字了，要么就是忘记传这个字段了（我算是粗心了吧，代码2000行，数据太多了），导致了在另一个页面没有找到这个value字段，因为懂问题所在，我的快速解决方法是直接ctrl+f 搜 .value 然后在另一个页面传过来就行了...
2021-09-23 18:36:17
145791
5
原创 el-cascader实现省市县三级联动，实现全选和取消全选
用户反馈需要加一个地区全选的功能，他们需要先全选，然后在去掉其中几个地区效果图：我也想过把全选地区放进去，但是没有达到想要的效果，这就尴尬了，等用户先用着吧，后面相处办法了就回来更新实现代码：<template> <div class="container"> <div> <el-checkbox v-model="regionTotal" @change="getRegionTotal">全选地区</el.
2021-09-18 18:29:09
1658
原创 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
5949
原创 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
2395
原创 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
1901
原创 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
190
原创 正则表达式只能输入正数，并且保留两位小数,不能输入+-*/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
3131
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
8825
1
原创 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
3239
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
5315
12
原创 vue路由跳转强制刷新页面，兼容ios系统
因为有的页面数据放在了同一个vue组建中，又因为开启了路由缓存，需要每次进入该页面的时候强制刷新一下页面，保证数据全部清空了，而且并不是每个页面去了都需要刷新，然后我方法 methods: { flash(){ this.$router.push('/home/ks') this.$router.go(0) // 第一种方法 // window.location.reload(); // 第二种方法 }, }两个方法
2021-08-26 16:14:54
1876
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
698
1
原创 vue+element日期选择器
项目需求，需要快速选择日期，今日，昨日，本周，上一周，本月，上一月，本季度，上季度，一季度 二季度 三季度 四季度 本年，上一年代码：<!-- 注意: 季度和本年都需要判断是否过完当前季度和当前年度--><!-- vue+element 时间插件 --><template> <div class="block"> <el-date-picker v-model="value2" type="daterange" align=
2021-07-19 18:58:58
466
原创 使用ps优化图片，减少图片内存大小
利用ps优化图片，减少图片的内存大小1. 首先打开ps，然后把图片拖进去然后按 Ctrl + Shift + Alt +S选择一个清晰度 ，左下角有内存大小然后点击存储 选择保存路径就行了
2021-07-06 12:26:07
3147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人