m0_47483157的博客

原创 使用JavaScript优雅实现每页一图的打印功能

步骤二：生成打印HTML内容接下来，定义buildPrintContent函数，它负责根据图片数据生成HTML字符串，确保每张图片被包裹在一个具有.invoice-page类的中，以便于应用打印样式。

原创 vue中引入Big.js解决0.1 + 0.2 ！== 0.3 的 精度问题

确保在进行加减乘除等运算时，使用 Big.js 提供的方法而不是 JavaScript 原生的运算符，以确保高精度计算的正确性。：Big.js 提供了各种数学运算方法，如加法、减法、乘法、除法、取余等。：Big.js 允许你将 Big.js 对象格式化为字符串，可以控制小数点位数、千位分隔符等。函数来创建 Big.js 对象，可以接受数字、字符串或另一个 Big.js 对象作为参数。：你可以使用 Big.js 提供的方法来控制数学运算的精确度，包括小数点位数和舍入方式。

原创 前端部署上线完整教程

XFTP安装，用于轻松地通过网络传输文件 减少繁琐得 linux 命令 修改文件。F12打开下载链接复制到迅雷下载更快 下载链接。下载后双击打开傻瓜式安装全部点击 下一步。学生可以选择高校认证免费获得6个月。为服务器登录账号密码。HTTP（端口80）点击左侧替换右侧文件。

原创 前端分片导出文件（多种文件格式）思路简单

前端分片导出文件（多种文件格式）

原创 前端获取后端文件流导出Excel && 压缩包.zip

1.配置axis返回文件为二进制文件流 responseType: 'blob'。

原创 element-plus el-table动态循环展示el-table-column得label+prop

后端返回字段 code: "|KDFL|test0815003|KDFLLD230815000003|" 当做 el-table-column 得 prop展示。后端返回字段 name: "|KDFL|order001|skin001|" 当做 el-table-column 得 label 展示。1.element-plus使用el-popover。2.table循环group数组展示。需求二：增加table问号提示。

原创 vue3+element-plus 实现问号提示功能

1.effect="dark" 不写为白色背景提示，添加后为黑色背景提示。2.placement="top-start" 设置提示出现得位置。3.:width="180" 设置提示得宽度。4.content="此处写提示语句" 填写要。

原创 大屏Echarts界面却换后改变浏览器视口宽度后再次返回Echarts界面，Echarts消失问题

原因也很简单，当时组件内做的监听是浏览器窗口大小发生变化时，可以触发 Echarts 自带的 resize 方法，但是当菜单收缩展开时，浏览器大小没有变化，自然也就触发不了 resize 方法。这是因为你之前你改变dom的时候，Echarts重画失败了，可是你切回来的时候，dom虽然相对于你切出去之前可能变了，但是对于监听器来说，他只关注于当前dom大小是否改变了。接着，就可以在onActivated()生命周期中单独给一个resize方法，不管他窗口大小是否变化了，都resize一次。

原创 js数字进位

运行函数传入889，ceilNumber(9) 返回1000。运行函数传入89，ceilNumber(9) 返回 100。运行函数传入189，ceilNumber(9) 返回200。运行函数传入9 ，ceilNumber(9) 返回 10。

原创 *vue.js大屏Echarts自动滚动计时器滚动清除失败问题*

1.在Echarts函数里面使用clearInterval清除不生效,建议使用window.clearInterval，但是也不生效。timeroption.value) 得时候再次执行计时器，确保上次得计时器已经被清除。window.clearInterval(timeroption.value) 不生效。(加上window原因是因为window指向全局，不加就指向this)解决 ：直接给timeroption.value = null 赋值。2.使用了防抖效果，

原创 **大屏Echarts动态数据，展示同一条数据颜色统一问题**

3.highcharts3d饼图 要展示渐变色 ， 操作数据得格式 也与Echarts操作数据得 格式不同，highcharts3d文档也不多，网上查到得颜色渐变都是单独写一个color函数展示，后来尝试数跟Echarts一样到展示数据上。（使用把tree数据扁平化list后顺序更好）2.子组件里面得展示数据都是循环push得，所有能拿到当前循环得orgCode使用Map()函数得get方法直接获取当前组织得颜色。

原创 Vue2 diff 算法 和 Vue3 diff算法 区别

原创 Vue2.0 和 Vue3.0的区别

原创 js计时器每日零点调用，设置闹钟原理

前端大屏有个需求逻辑，每天的凌时刷新一次数据，，于是就想到了使用计时器，拿到明天零点的时间，获取当前的时间，两个时间戳相减获取的毫秒作为计时器的倒计时。2.记得离开界面后清除计时器window.clearInterval(slideShowTimer.value)在进入界面后立即调用函数，每次进入界面都会重新刷新倒计时的时间。1.写在onMounted调用函数SetInterval()，

原创 html倒计时

【代码】html倒计时。

原创 js秒格式为 时分秒格式

【代码】js秒格式为 时分秒格式。

原创 js Tree数组结构扁平化为List结构

【代码】js Tree数组结构扁平化为List结构。

原创 js format 获取当前时间的n小时前

n为 1就是一小时前 n为2就是两小时前 依次类推。2.获取当前n小时前。

原创 《js手写穿梭框》element 两个table表格使用selection复选框之间实现穿梭框，左边选中右边添加，左边取消勾选右边删除。

selection-change="portSelectionChange" 拿到勾选中得数据。selection属性设置复选框勾选。1.table表格中使用。2.table表格中使用。

原创 element type=“expand“ 折叠面板一次只能打开一个折叠面板且每次拿到当前id调用接口

设置table \\type="expand"2.expandDetail获取点击行得数据使用如何大于两条就清空第一条。toggleRowExpansion()函数。

原创 后端返回list前端转为trre格式

【代码】后端返回list前端转为trre格式。

原创 VUE3中获取el-tree 复选框选中的数据

使用ref跟getCheckedNodes（）属性 获取复选框选中的数据数据

原创 vue3element-plus折叠面板只能开启单条

【代码】vue3element-plus折叠面板只能开启单条。

原创 实现复制功能

【代码】实现复制功能。

原创 盒子自适应

盒子自适应

原创 Vue3 ElementPlus Table表格实现单选

说明：代码使用vue3+ts+elementplus中的table组件完成利用elementplus table中的@selection-change方法，设置单选。并用css隐藏全选按钮。完整代码如下：：

原创 VUE将代码json格式展示到界面

有一个需求后端把系统日志传给前端，传出得格式为没有空格换行得字符串格式代码，需要全端格式化展示在界面。

原创 VUE中多条数据并发请求allSettled

当接口请求数据多条时想并发请求时使用Promise.allSettled 方法 ，无论请求成功或者失败都返