- 博客(16)
- 收藏
- 关注
RSS订阅原创 uniapp无感刷新token实现过程
可以看到已经触发了刷新token接口，并且重新请求上次失败的列表接口，无感刷新token逻辑已经正常，但为什么列表接口请求成功，还一直loading没关闭捏，就是因为后续代码未执行，await接口的返回没有成功resolve。路漫漫其修远兮，前端道路逐渐迷茫，时隔好久好久终于想起了我还有一个小博客，最近在一直在弄uniapp，属实有被恶心到，但也至少会用了，最近实现了一个比较通用的功能，就是无感刷新token，但在过程中发现一个问题就是。3、排查await的列表接口为何没有成功resolve。
2023-10-20 11:59:47
1878
2
原创 ios手机fiddler代理详细步骤
索大镇楼，废话不多说1.安装fildder，可以在你电脑的软件管家中下载，这里就不贴下载地址啦2.fildder设置Tools-Otions-HTTPS配置connetions配置3.安装证书在安装fiddler的时候就会有提示安装证书，以防你安装得不对可以在这个按钮再安装一遍证书。导出证书到桌面验证是否安装成功，点击这个能查看到刚才证书就证明安装成功啦4. 设置fiddler代理脚本文件，这里我贴上我的，大家依葫芦画瓢，主要就是去改动source里的实际访问地址，以及r.
2021-07-15 17:48:19
3239
原创 vue h5项目集成环信webIM超详细步骤，附代码注释讲解
最近做项目时有需求去实现实时通讯，要求可以文字聊天、表情聊天、图片聊天、语音聊天。接下来我会先说该如何在vue项目中去配置webIM的环境以及集成webIM的方法。1. 第一步是npm install 依赖包npm install easemob-websdknpm install strophe.js2. 修改原生代码文件斜体样式找到node_modules/easemob-websdk/src/connection.js 在16行加入var Strophe = require('str
2020-07-18 18:50:41
2034
4
原创 关于vant组件ActionSheet事件穿透的问题以及解决方案
关于vant的一些组件我真的不想吐槽了，例如动作面板actionSheet这个组件，在弹出层点击之后居然都是事件穿透…，我这里贴一个例子吧，这是我在公司负责的一个h5项目，点击评价时会显示动作面板，如下：(这是一个工单列表，点击红色框框内除了按钮位置都会跳转到工单详情页)此时我点击评价，弹出actionSheet动作面板如果此时有需求是点击遮罩层隐藏动作面板，那么问题就来了，如果遮罩层后有点击事件，那么会发生事件穿透，在这个例子即是我点击遮罩层就直接进入到工单详情页了，这显然不合理。（更坑的是…点击
2020-06-28 23:29:50
6830
3
原创 关于pm2项目启动成功，但pm2 list又显示errored的问题
首先先判断入口js文件app.js在node上是否能正确运行，确定是否缺少依赖。如若缺少则安装对应的依赖再进行pm2管理。如若node能正常运行，pm2也能正常启动，但在使用pm2 list命令查看列表时项目出现errored，则尝试以下两行命令ps aux | grep pm2 (查看pm2进程占用情况)kill -9 14360 (这个数值要依据你上面命令返回的进程id进行填写)杀死pm2进程之后再次重启项目，解决问题。如若不能解决，兄弟就另外寻找资源帮忙吧！...
2020-05-31 12:32:20
7777
原创 快速实现瀑布流布局
有左边固定，右边自适应的布局，也有左右固定，中间自适应的布局…。布局千千万，布局的选择也依赖于网页的结构那么瀑布流是什么？瀑布流，顾名思义就是像瀑布一样垂直的排列，有长有短，如下图所示：显然，这时候我们采取flex布局来实现会非常麻烦，因为元素的长度取决于自身，flex布局无法实现精准分配。所以，就轮到瀑布流的登场啦，接下来代码需要用到jquery，方便获取dom元素以及操作。需求知道了，...
2020-04-16 21:23:00
197
原创 阿里云centos服务器部署node+vue+mysql项目超详细步骤
这几天处于面试找工作阶段，想整理一些项目部署到服务器上，所以就买了阿里云的学生服务器，9.5/月血赚不亏，哈哈哈。废话不多说，直接进入正题。首先就是注册阿里云账号啦，然后购买学生服务器，网址是阿里云学生机选择操作系统，我选的是centos,也推荐用centos,选择7.X的版本就可以购买成功后就可以看到控制台有了实例，后续要配置安全组规则就要在这里配置点击管理进入控...
2020-03-22 00:32:53
1190
原创 多维对象数组转化为一维数组，简单易懂，拍平数组flatten
首先我们先提出需求，方法总在需求中来，例如现在需要实现图书多级目录的缩进效果，而后端那群大佬给我们的数据长这个样子var arr = [ { id:1, title:'我是1目录', subitems: [ { id: 11, title:'我是1-1目录', subitems:[ { id:111, title: '...
2020-03-21 11:38:30
4248
3
原创 什么是闭包？如何理解及使用闭包？看这一篇就完事
相信大家都有个疑惑就是每次看完关于闭包的文章之后都发现自己能看懂，但每当要使用或者被面试官询问什么是闭包？什么时候使用闭包？等问题的时候都是一知半解那么闭包到底是啥？ 先来个超简单的栗子function onePiece(){ var name = 'lufei'}console.log(name)这里很显然全局作用域下并不能访问到函数局部作用域下的变量name,所以也打印不出lu...
2020-03-12 16:31:25
427
转载 弄清IP地址、子网掩码、网络号、主机号、网络地址、主机地址，看这一篇就够了
IP地址：4段十进制，共32位二进制，如：192.168.1.1 二进制就是：11000000｜10101000｜00000001｜00000001子网掩码可以看出有多少位是网络号，有多少位是主机号： 255.255.255.0 二进制是：11111111 11111111 11111111 00000000网络号24位，即全是1 主机号8位，即全是0129.168.1.1 /24 这个、2...
2020-02-28 23:11:51
1150
原创 原生js实现移动动画，变化动画
初生牛犊不怕虎，想用博客来记录自己以前的一些学习经历，对您有帮助的话请留下你们的赞哦！话不多说进入正题首先我们应该怎么用原生js实现动画，思路是这样的通过某些方法获取到当前元素的样式属性值，例如宽度width，高度height等获取到当前值current之后，要传入我们target，就是我们希望元素移动到哪里，即是目标值，但因业务的需要我们可能不仅要让元素移动的同时也要改变其他样式，例如...
2020-01-12 15:13:59
1112
原创 background-size属性contain,cover以及100%的区别详解
这里拿索大的图片来讲，图片大小是500*313<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>background-size</title></head><style type="text/css">...
2020-01-09 19:00:58
1518
原创 关于element-ui删除最后一页全部数据时显示无数据的bug
话不多说，先上图演示bug删除前，我这里是总共6条数据，默认一页显示5条，这是第二页也即是最后一页删除后显示暂无数据，明明还有第一页的5条数据，这是为什么？？？答案其实很简单，element-ui的分页组件在你删除最后一页数据的时候默认的还是会显示在最后一页，此时最后一页已经么有数据了，所以就显示暂无数据，需要手动去跳转到第一页或者重新刷新页面才能看到第一页的数据。那么我们的解决办法就...
2020-01-08 01:11:52
2811
6
原创 element-ui中表格el-table表头与内容右边框错位问题
在用element-ui实战写一个后台管理系统时遇到一个坑，就是el-table标签渲染出数据后表头和内容会有错位，如图：具体原因不太清楚，估摸着是浏览器的问题，同是webkit内核的360浏览器没有出现这种情况，如图所示：那么怎么解决问题，只需要在您的全局样式中添加如下css样式即可body .el-table th.gutter{ display: table-cell!im...
2020-01-07 14:53:25
3416
1
原创 纯原生js实现简单可控轮播图
纯原生js实现简单可控轮播图先说一下实现思路，定义一个相框里面存取着一个具有overflow属性的ul列表，ul列表中存放着若干图片，定义动画来促使照片移动，移动的距离是相框的宽度（imgWidth）*照片索引值(index)这里到达最后一张图片要切换到第一张的时候，有一个技巧就是复制最后第1张图片的DOM元素并添加到ul列表的最后，例如现在我们有6张图片，当轮播到第6张的时候，那么下一张...
2019-08-05 23:54:14
226
原创 基于vue2.0实现购物车小球飞入的动画
菜鸡第一次写博客，看懂了的同学记得点个小星星哦这篇文章是我在慕课网上看vue仿造饿了么外卖APP的项目教程中购物车小球飞入动画所得出的总结，老师是采用vue1.0开发，所以有很多的属性和接口在vue2.0版本以上已经舍弃，所以照着老师做也不一定能跑出来，一直报错。废话不多说，先献上效果图:那么，首先我们先捋顺一下思路1.必须实时监听购物控制组件cartcontrol “+” 号相对于视口屏...
2019-08-02 15:13:21
1096
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人