- 博客(33)
- 收藏
- 关注
RSS订阅原创 使用docxtemplater将页面数据导出为word
例如：object:{aa:'11',bb:'22',cc:[data1:'',data2:'',data3:'']}数组中数据遍历展示：{#cc}{data1} {data3}{/cc}3.调取封装好的方法，给一下模板地址和模板名称。使用第三方插件封装了一个导出方法，开箱即用。2.需要在项目中上传一个我们写好的模板。单个数据展示：{aa}
2025-06-11 17:10:52
172
原创 实现大屏背景图缩放+拖拽+边界处理功能
position.x = Math.min(0, Math.max(position.x, 最大右移距离))position.y = Math.min(0, Math.max(position.y, 最大下移距离)）// 确保图片不会移出右/下边界（position.x/y ≤ 最大右移距离）3.缩放拖拽时考虑边界问题，确保背景图在缩放和拖动时不会超出容器边界。// 确保图片不会移出左/上边界（position.x/y ≥ 0）// 计算图片最多能向右/下移动多少（负数）
2025-06-11 15:03:45
112
原创 小demo：选中树结构最后层级拿到所有层级中的deviceName并按照要求拼接
完成核心：遍历树结构使用Map保存所有节点信息，拿到当前节点，回溯父节点直至根节点。要求：选中5874，要求返回生产部123-部门1-部门2-5874。
2025-05-17 15:01:32
204
原创 获取当天和前n天的年月日、当月和前n月的年月、以及当年和前n年的年份
当跨越月份或年份时，日期计算会自动处理，例如从 1 月 1 日往前推一个月会正确返回去年 12 月。循环，每次循环将年份往前推一年/月/日。写成一个公共得函数获取。
2025-05-09 12:00:11
106
原创 实现年月日日期展示+点击上下日期变化
需要实现逻辑：1.点击上一日按钮（年月日）日期选择器中的日期进行变化，如下图所示 2.点击下一日按钮，日期对应进行变化。
2025-04-24 11:53:23
222
原创 关于vite打包时遇到的问题（代理+图片显示）
1.在开发环境和生产环境中配置代理的地址# 生产环境--后端不需要设置/api# 开发环境2.在配置中server: {host: '0.0.0.0', //监听动态可用的网络接口3.在定义axios中的baseURL配置定义baseURL为空，开发环境还是生产环境只要没有设置地址，就会自动的调用方法来获取ip地址和端口去拼接访问的地址。
2025-04-14 10:00:12
341
原创 获取字符串的拼音首字母/全部拼音,并去除拼音中的表情--字符检索（包含字符本身和对应的拼音，不区分大小写）
方法获取字符串的拼音首字母。方法获取字符串的全拼。
2025-04-07 09:57:09
211
原创 对前端后端网络，传输文件，图像，音频视频等一些数据问题进行记录
二进制数据的编码方式，将二进制数据转换为文本字符串，使得二进制数据能够在一些只支持文本的环境中传输和存储二进制大对象，用于表示一个不可变的、原始的二进制数据块。它可以存储大量的二进制数据，提供了一种统一的方式来处理二进制数据，与具体的文件类型或数据格式无关，可以存储大量的二进制数据。
2025-04-01 10:53:38
912
原创 列表自动滚动（最后一条第一条数据相连），鼠标移入暂停滚动，鼠标移出继续滚动。
思路：1.拿到接口返回的所有列表数据，通过分页新建数组用于展示播放的数据。2.每次展示一页数据，快展示完毕（自己定义这个位置）就在展示数组中新增一页，当第一页的最后一条数据滚动过可视区域后就删除原来的一页数据，依次新增数据，并调整滚动位置。3.利用最重要的工具，定时器！调整位置是必须的哈~，大家可以参考一下，如果有更好的方法可以评论区交流~
2025-03-22 17:17:04
215
原创 解决table数据过多加载缓慢，触底加载限制一次加载10条数据【开箱即用】
解决table数据过多加载缓慢，触底加载限制一次加载10条数据【开箱即用】
2025-03-07 10:59:31
236
原创 如何限制输入框输入的内容为正数且允许0.开头的小数（正则）
使用<a-form><a-form-item ：rules=""></a-form-item></a-form>来进行表单排版。只有input输入框，使用@input来对输入的内容进行正则规定。
2025-02-21 10:37:41
239
原创 通过动态设置style控制按钮样式 + 多个button切换
第三：在模板中因为v-for了我们的数据，想要把borderColor传给我们想要的样式对象，可以写一个方法传参，同时给我们的模板返回最终的传参后的对象，此时完成边框不同颜色的实现。首先：我的数据是这个形式的，而且每个butoon的边框颜色都不同。本篇文章用于记录项目中的问题 仅供自己参考 大家谨慎参。第二：使用:style实现，可以先初始化一个样式对象。
2024-10-17 15:54:13
472
原创 解决el-table前后列固定 中间变化导致行错位问题+固定列遮挡滚动条问题
问题：当中间的月份变化时，table的 的样式会混乱 变成下面的样子。本人前端菜鸟，本文章为问题记录，大家谨慎参考，欢迎大家在评论区讨论。实现功能：表格两边固定，中间随着 年月 按钮 切换而变化。重新计算表格的布局，以确保表格正确渲染并适应新的数据。2.重写table样式重构，改变样式权重。
2024-09-25 11:40:45
355
原创 使用xlsx和file-saver实现table导出为excel
本文章只是一个简单的随手记，方便用于日后的反思，大家谨慎参考，有不同见解可以在评论区进行谈论。1.下载使用到的第三方库。
2024-09-02 14:54:25
310
原创 使用a-form-item动态绑定rules校验
因为name和rules都是动态绑定的数据，rules没有问题，做了一个校验 ，而name这里这样写不能正确解析每一项的具体属性 ，从而和规则对应不上，就会出现校验不通过问题。该文章只用于个人在项目中的问题解决方法记录，本人是个小菜鸟，大家有不同见解可以在评论区评论，大家共同进步！目标：使用ant-design-vue中的form实现动态规则校验。的每一项都有正确的people属性，这样就可以成功实现动态校验啦！能够正确解析每个表单项的。
2024-08-22 19:25:50
1151
原创 如何解决select下拉框回显是id的问题
思考：在回显的时候在carlist中找到对应的数据，把manageForm.carEmissionType回显的值变为carList中的value值，再通过a-select-option中对应的label显示不就行了！但是回显的是一个value（是一个id） 试过给接口中的value手动改为label 但是这样的话在不点击时保存给后端穿的就是改变后的label而不是想要的id。这里后端接口只给了个id 点击操作中的编辑 在下面的弹出框中回显。
2024-08-22 10:05:57
577
原创 chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token ‘＜‘解决方法
本地运行正常，但是打包上传后出现chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token '<'有的项目打包上传后可能会出现上面的问题，经过排查，发现初次运行有个app.js里面的Content-Type的类型是html类型，正常的应该是js。没有在代码中找到配置的代码，在网络中找到方法：清空浏览器缓存，浏览器运行时将打包后的文件当作病毒文件删除了，只要清楚浏览器缓存就可以避免这个问题。大家如果还有更好的方法，可以踊跃留言。
2024-07-22 14:32:40
1541
原创 vue jsPDF+domtoimage实现截屏并下载到本地
解决过程：刚开始上网查找原因以为是jsPDF的原因，没想到是html2Canvas的原因，是本身库的问题，通过letter-space:1px比之前好了点，但是还是一直没有解决。结果：样式没有问题了，在不同的显示屏上也可以正常显示，但是出了一个网络慢图片路径的问题，希望哪个大佬看到了帮忙看一下如何解决。vue2项目维护的时候发现之前使用html2Cavas和jsPDF写的页面导出为pdf的功能出现了问题。问题：页面中包括了图片和图表数据，导出后在大的显示屏上正常显示，在小的显示屏上字体会重叠，图表会偏移。
2024-07-20 11:00:22
317
原创 vue封装一个弹出框组件
1.可以用户element的$prompt来实现，但是组件有的功能并不能很好的满足我们的需求。写一个通用的组件，来满足我的需求。
2023-09-07 10:37:24
228
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人