weixin_65363325的博客

原创 el-table的横向滚动拖拽

el-table实现鼠标横向拖拽滚动和滚轴滚动

原创 为什么js小数相加，会产生精度缺失的问题，怎么解决？

JavaScript 中的所有数字，包括整数和小数，都采用 IEEE 754 双精度 64 位浮点数（double-precision 64-bit floating-point format）来表示。综上所述，JavaScript 小数相加产生精度缺失问题的根源在于 IEEE 754 双精度浮点数表示法无法精确表示所有的十进制小数。在计算机中，要将十进制小数转换为二进制小数，通常采用“乘 2 取整”的方法。但并不是所有的十进制小数都能精确地转换为二进制小数。

原创 子组件如何通过v-model实现数据的双向绑定

在 Vue 中，v-model是一种语法糖，用于在表单元素或者组件上实现双向数据绑定。下面分别介绍在 Vue 2 和 Vue 3 里子组件使用v-model实现数据双向绑定的具体方式。

原创 js数据类型检测

js的数据类型检测

原创 基于双token实现无感刷新

【代码】基于双token实现无感刷新。

原创 基于html2canvas实现将dom导出为图片，实现截屏效果

【代码】基于html2canvas实现将dom导出为图片，实现截屏效果。

原创 前端页面添加水印

【代码】前端页面添加水印。

原创 微信授权获取用户信息，以及如何本地调试公众号H5微信授权

例子：转译出来的例子redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3D。同上，但是encodeURIComponent此函数会编码更少的字符，包括 URI 语法的一部分。encodeURIComponent，对url进行转译，防止出现中文，与 encodeURI()相比，此函数会编码更多的字符，包括 URI 语法的一部分。5附：检验授权凭证(access token)是否有效。

原创 解决vue3，动态添加路由，刷新页面出现白屏或者404

在做毕设的时候，在权限路由得到时候，我问通过router**.**addRoute(item)的方式，在路由守卫动态添加路由刚开始没什么问题，页面的都能正常显示，网络请求也能发送，后来出现了刷新页面，跳转到404解决方法提取出404代码片段追加到处理好的权限列表的末尾我项目采用的vue-router是4.3.3版本。

原创 解决upload上传之后，再上传没有效果

原因：在我的代码里我限制了上传数量为1，然后上传成功后，上传列表没有清空，加上我的限制上传数量为1 吗，所以第二次上传，没有网络请求。上传成功后，调用upload的清空已上传的文件列表方法clearFiles。注释：这是第二次上传，两次网络请求都是第一次上传的，这次上传没有网络请求。

原创 文本框与输入框的点击编辑图标切换，用来用户信息的修改

{

原创 vue+node+Express+xlsx+emements-plus实现导入excel,并且将数据保存到数据库

准备好DOM，采用的el-upload，使用http-request实现自定义上传，注意这里的action要为空</</上传数据的接口注意：request是基于axios的二次封装自定义处理文件的函数。

原创 字体系列注册

【代码】字体系列注册。

原创 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。