weixin_65363325的博客

原创 vue3+vite 解决动态导入图片，不成功的问题

该代码的作用：他会返回一个url连接，该连接是在内存里临时开辟的，不可以传递给后端，但是用来做src的值没问题。

原创 前端vue解决导出Excel自定义标题头

【代码】前端vue解决导出Excel自定义标题头。

原创 解决VUE将对象数组导出excel表

*** 将JSON数据导出为Excel文件* @param {Array} jsonData - 要导出的对象数组* @param {Array} customHeaders - 自定义的列标题数组* @param {String} filename - 导出文件的名称，默认为'exported_data'*/// 创建一个新的工作簿// 使用自定义的列标题// 创建一个新的工作表，并将JSON数据转换为Excel工作表，同时设置列标题// 将工作表添加到工作簿中。

原创 解决elemnets+vue动态导入图标问题

【代码】解决elemnets+vue动态导入图标问题。

原创 利用自定义ref实现防抖

假如延迟时间给的1000毫秒，当数据发生变化后，数据会在一秒后才会变化。和ref的使用方法一样，导入，然后包裹数据。

原创 uniapp保存修改个人信息后，使用uni.navigateBack(),返回上一页，没有消息提示，但是已经写过消息提示代码

原因：navigateBack会关闭当前页面，然后进行跳转，由于页面关闭了，所以该页面的事件处理没有了，就不会进行提示，可以加个定时器，等提示完毕，在进行跳转。以上代码就会出现页面跳转了，但是没有消息提示。

原创 uniApp更新头像的大致过程

页面结构，绑定onAvtarChange事件。

原创 数据发生变化，但是视图没有变化

这是存储用户信息的store在页面中引用该store的时候，我为了渲染页面方便该代码是错误的，数据不是响应式的，就会造成一种现象：退出登录，用户信息清除了，但是页面的头像，呢称等用户信息没有发生变化。

原创 下拉刷新网络请求优化方案

缺点：耽误时间，下一个请求，等待上一个请求完毕，才会开始执行。

原创 解决自动导入自定义组件的效果，类似于uni-ui自动导入

【代码】解决自动导入自定义组件的效果，类似于uni-ui自动导入。

原创 uni-app 全面屏、刘海屏适配（iphoneX适配）及安全区设置

2.样式，设置最外层盒子的padding-top的值。介绍：同步获取系统信息。

原创 uniApp中swiper和预览图片的一起使用

接下来实现点击图片实现预览图片的效果。

原创 项目中mock的使用

ts项目下载。

原创 uni-app中uni-request中断请求

中断请求适合下载大文件如视频、资料，耗时过长，用户可以中断下载，优化用户体验。传入 success / fail / complete 参数中的一个。返回的request是一个requestTask对象。调用request.abort()即可中断请求。此时request 是一个promise对象。该对象有个abort方法，可以中断请求。

原创 使用uni-app开发实人认证功能

1.该功能只支持APP。

原创 图片预览的两种方式

【代码】图片预览的两种方式。

原创 解决fail page pagesloginpagestaskindex is not found‘

在传参的参数的前面加上/，就可以解决了。

原创 WebSocket常用API以及基础知识

connection ‘连接’emit ‘触发事件’on ‘监听事件’您可以添加一个回调作为emit()的最后一个参数，一旦对方确认了该事件，就会调用此回调：该方法提供相同的功能，但返回一个 Promise，一旦另一方确认事件，该 Promise 将解析：onAny 监听所有的监听器。

原创 uni-app 全面屏、刘海屏适配（iphoneX适配）及安全区设置

官网：https://ask.dcloud.net.cn/article/35564。

原创 对前端传过来的token进行解析，获取用户信息

是一个字符串（utf-8 编码）、缓冲区、对象或 KeyObject，其中包含 HMAC 算法的密钥或 RSA 和 ECDSA 的 PEM 编码私钥。如果私钥带有密码，则可以使用对象。（一般是用户信息，解析之后可以看到信息，建议生token的时候剔除用户敏感信息，例如登录密码）原因：因为node后端生成的token是一个字符串，不带有Bearer ，把jwt**.**decode（token）中token去除Bearer。简单来说：他就一个密钥，可以自己定义，在一个文件定义好之后，在需要的地方，调用它。

原创 webpack基础知识总结（二）

原创 Excel的导入导出

【代码】Excel的导入导出。

原创 webpack基础知识总结（一）

【代码】webpack基础知识总结（一）

原创 检查用户通过输入框输入的值是否为纯数字

输入框中我输入12人，值不是全数字，所以num=NaN，与‘ ’相加等于NaN，可以判断出。由于在promopt前有个+，发生隐式转换，typeof检测出来的值为number。