- 博客(87)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 使用window.open打开多个子窗口，实现父子窗口之间数据通讯
需求描述：用户需要给当前科技树的节点身上绑定其他科技树的支线数据，这就需要在当前页面中能够有新的弹窗支出用户浏览科技树并选择某个节点后将数据传递出来。当科技树实现关联后就会出现一种套娃现象，节点身上还会有第三层、第四层的关联数据，这就需要能一层一层的展示出绑定的数据。window.open常用来在新的window或新的tab页打开一个页面或文件（如图片、PDF等），它支持三个参数：strUrl：要打开的页面或资源的url地址。strWindowName：窗口的名字，用于后续对该窗口的引用，不是窗口的标
2023-03-14 17:10:39
123
原创 el-table展示树形数据时，使用scope.$index有问题
当表格是树形数据时，有时获取第一级树结构的index值时，值可能将子节点算进去了，拿到的值并不对。此时想对行进行操作时，就不要用表格中的scope.$index作为参数了，可以自行定义一个参数。因为我保存数据时并不需要该自定义的参数，因此在保存数据时再删除该参数。解决方案：自定义一个参数作为索引值，使用该参数替代$index。在拿到数据时，添加行、删除行时给数组添加索引值。
2023-03-10 10:17:09
35
原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图。未选中节点点击工具栏时想要给出提示
当用户未选择节点时，点击文件菜单栏要给出错位提示。
2023-03-03 09:43:08
48
原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图。节点收起时显示子节点的数量
用户收起某节点后要展示出当前节点的子节点数量，当节点展开后不显示子节点数量。
2023-03-02 17:21:31
39
原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图，给节点绑定数据后添加新的图标
需求说明：在给某个节点绑定文件数据后，用户并不能一眼看出哪个节点上绑定了数据，因此需要在绑定文件数据后给节点上加一个图标用于标识。
2023-02-16 14:06:14
440
原创 在vue2的项目中使用思维导图的开源项目重写开发
在vue2的项目中使用思维导图的开源项目重写开发。这个文章是在我搞完这个思维导图工具后又重新整理的，可能在使用过程中的一些问题会被我遗漏。
2023-02-16 11:04:46
93
原创 前端 webpack在打包时借助compression-webpack-plugin插件实现gzip压缩
webpack在打包时借助compression-webpack-plugin插件实现gzip压缩gzip压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。
2023-02-14 13:57:32
77
原创 禁用掉pdf.js中的不需要的功能
禁用掉pdf.js中的不需要的功能1、注释viewer.html中的“下载”按钮。2、注释viewer.js的代码。
2023-02-07 15:58:29
58
原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图，在源码中添加新的命令
最近在搞kityminder-core的思维导图，需要增加一个给节点添加文件的功能，一直在研究源码，发现都是通过执行命令的方式实现的。一直卡在新增命令的步骤，搞了好多天了今天找到了如何在源码里新增命令，怕之后忘记所以现在先来记录一下添加命令的步骤。等忙完了有空我再详细记录一下二次开发中的问题。
2023-01-12 11:26:09
652
原创 vue中使用tinymce富文本编辑器
之前都是用的quill富文本，但是因为要实现添加表格的功能，quill没有tinymce强大，所以改用了tinymce。当时也是百度了一堆的教程可是没有记录下来，现在发现有的细节忘记了，所以这个文章可能会有错误。安装之后，在 node_modules 中找到 tinymce/skins 目录，然后将 skins 目录拷贝到 static 目录下。在刚才创建的static/tinymce文件夹下新建langs文件夹，用来存放下载的中文语言包。当时看了好几个安装教程，具体哪个忘记了，感觉像是照着这个教程。
2022-12-26 17:11:32
1141
原创 vue使用quill富文本框添加表格功能
因为保存的富文本数据是html格式的，接收到后端返回的数据后需要使用dangerouslyPasteHTML方法回显在编辑器中。推荐使用tinymce富文本编辑器。本文只是记录一下quill中的表格功能如何添加，quill的表格功能太简单了。1、将编辑器设置为只读模式：在配置中设置 readOnly值为 true。2、富文本编辑器回显数据。
2022-12-16 17:21:31
1491
1
原创 vue pdf.js访问远程服务器上的文件报错file origin does not match viewer‘s
pdf.js访问远程服务器上的文件报错file origin does not match viewer's找到web/viewer.js文件中下面这两行代码注释掉。
2022-10-11 15:33:11
238
原创 pdf.js 加载文件过程添加loading等待动画
在加载一些大文件时，页面会先出现几秒的空白，给其加一个loading效果2、在viewer.css中添加3、在view.js中添加修改前修改后 4、动画效果文件加载中 文件加载完成后
2022-09-28 10:43:57
384
原创 扫描型PDF转成可搜索可复制的文字型PDF，使用PDF24 OCR 程序报“下载需要的文件时出现一个错误”
解决步骤有一个需求要解决将扫描型的PDF转换成可搜索可复制的PDF文件，网上搜到的大部分软件我都试用了，有的转换出来样式不行，有的要收费，然后找到了一个无广告不收费的强大的PDF转换工具。使用PDF 文本识别工具 ，在线转换文件下载离线版本的PDF24 Creator网页版的可以正常使用，推荐使用网页版的。使用离线版本的PDF24 OCR时出现问题，本文主要记录如何解决该问题。
2022-09-20 16:58:05
1074
1
原创 VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索，在iframe中获取选中文字，监听鼠标事件，右键菜单
VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索，在iframe中获取选中文字，监听鼠标事件，右键菜单
2022-09-16 10:31:47
2794
11
原创 vue-element项目打包后偶尔出现icon乱码，Using / for division is deprecated and will be removed in Dart Sass 2.0.0
vue-element项目打包后上线偶尔出现icon图标乱码，DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.报错
2022-09-05 16:37:36
939
原创 vue关闭eslint检测，解决You may use special comments to disable some warnings.报错
vue关闭eslint检测，解决You may use special comments to disable some warnings.报错
2022-08-23 16:20:00
236
原创 page-break-before\page-break-inside\page-break-after用法
记一下关于page-break-before、page-break-inside、page-break-after的用法，解决html导出pdf时表格被分割
2022-07-11 17:15:55
1404
2
原创 el-table拖动排序，使用Sortable.js，el-table一定要加row-key
使用Sorttable.js实现el-table时，因为没有给el-table添加row-key，拖动排序不生效
2022-06-09 14:44:28
534
原创 git commit 提交代码时报错husky ＞ pre-commit (node v14.17.0)Stashing changes
在网上看到了两篇文章后解决了，写个帖子记录一下。参考文章husky ＞ pre-commit (node v12.18.1) Stashing changes... [started] Stashing changes... [skipped] → No_imkaifan的博客-CSDN博客Git提交代码报错husky 」 pre-commit，git自带钩子函数，导致代码提交失败_yehaocheng520的博客-CSDN博客husky ＞ pre-commit (node v12.18.1)
2022-05-20 17:31:07
1705
原创 el-tabs 标签页判断是否拦截切换，el-tabs页面切换拦截失败
需求 ：在切换tabs前先提示用户是否已保存数据，然后再切换before-leave：切换标签前的属性事件，拦截tabs切换踩坑 1、在tab切换时，还需要获取部分pane的数据。最初是同时使用 tab-click 和 before-leave ，但是会出现还未确认是否跳转，就已经加载 active Pane页面的数据了（先执行了tab-click）。解决方法是将tab-click要实现的功能放到before-leave事件中。2、before-leave的方法需要使用a...
2022-05-12 17:07:24
2790
1
原创 van-dialog 的确认事件无效，需要使用before-close
添加了confirm事件后，点击确认按钮并没有进行验证，而是自动关闭了对话框。此时需要使用before-colse的关闭回调函数：在点击确认按钮时调用done(false）阻止关闭 <van-dialog v-model="featureDialogVisible" title="标题" show-cancel-button :before-close="onBeforeClose" @confirm="onSubmit">
2022-05-10 09:56:41
1546
原创 el-tabs + 导入简单的excel文件
在vue-element-admin中导入excel的基础上，利用el-tabs + el-table显示所有sheet表格数据。只能显示简单的数据格式，不能显示合并的单元格。先记一下；留着自己之后看。component组件<template> <div> <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change=
2022-05-09 13:19:57
354
原创 记录一个利用css中的float布局的S型排序效果
有一个需求是将报告日志显示成下图的样式。根据拿到的list数据，按顺序排列成S型。效果实现 主要利用 float 实现。确定好div的宽度，每行显示5个。奇数行： 向左浮动，先判断是否是最后一个，是的话则不显示箭头，不是的话判断是否是第五个，第五个不显示向右箭头 显示向下箭头偶数行：向右浮动 ，从右向左数，第一个不显示向左的箭头，第五个（并且不是最后一个）显示向下的箭头HTML部分 <el-dialog title="报告日志" :visibl...
2022-05-07 16:18:02
475
1
原创 记录一个查询兼容性的网站，String.replaceAll()兼容性报错
css、js的兼容性查询网站 Can I usereplace()代替replaceAll()
2022-04-21 15:33:48
327
原创 记录一些git有关问题（杂乱记录）
1、OpenSSL SSL_read: Connection was reset, errno 10054 错误解决原文链接OpenSSL SSL_read: Connection was reset, errno 10054_攻城狮杰森的博客-CSDN博客1.邮箱问题查看用户名，邮箱是否与github注册的一致git config user.namegit config user.email修改用户名，邮箱git config --global user.name "xx
2022-04-21 14:54:50
84
原创 记录一些npm 有关的问题(杂乱记录）
1、npm查看与设置镜像源地址1、查看当前镜像源地址npm get registry2、删除镜像地址（会恢复默认地址）npm config delete registry3、设置镜像地址默认源地址 源地址 npm config set registry https://registry.npmjs.org/淘宝镜像地址npm config set registry https://registry.npmmirror.com如果没安装过淘宝镜像源的，则.
2022-04-21 14:54:26
1440
原创 el-table 横向滚动条固定在可视窗口底部
有一个需求,当el-table的宽度超出浏览器宽度时，虽然el_table底部会出现滚动条，但是每次需要先滚动到底部，才能使用el-table的滚动体，很是麻烦。因此当el_table的宽度超出屏幕宽度时，要在可视范围底部添加一个横向的滚动条，在网上找了四篇不同方法，全都试了一遍，四个方法的原文地址以及效果图我都贴出来了，看个人选择了，我自己用的第二个，一个大佬写的。...
2022-04-21 11:07:05
17583
14
使用PDF24 OCR 程序报错时需要手动添加的语言文件包
2023-01-04
两个系统间跳转页面偶尔出现bug
2022-06-10
使用v-print后控制台报错
2022-03-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人