webHYT

摘要： 1、背景 vite-plugin-svg-icons 是一个用于 Vite 构建工具的插件，它可以帮助开发者轻松地在 Vue 项目中使用 SVG 图标。该插件的主要功能包括： SVG 图标自动导入：将指定目录下的 SVG 图标自动导入为 Vue 组件 性能优化：通过预加载和缓存机制提高图标加载性能 阅读全文

摘要： 1、背景 Markdown 是一种轻量级的标记语言，可以用一些简单语法来表达一些富文本内容。大部分大模型返回的格式是markdown格式，本文介绍一下大模型返回结果的展示 2、v-md-editor 本文中使用的是v-md-editor插件展示，大模型返回结果展示、包含打字机竖线展示，创建MdPre 阅读全文

摘要： 1、背景 项目做的文档的采编结果展示，部分文档中会包含数据公式，后端返回的为采编后的html片段，用$$符号或者$符号包裹数学公式。 2、LaTex 、KaTex、MathJax LaTeX 早在1980就已经开始使用了，是一种流行的排版系统，广泛用于学术界、出版业和科技领域。它通过一系列的命令和标 阅读全文

摘要： 1、问题背景 Vue 内置的 v-html 指令可以渲染原始 HTML，但这会带来巨大的安全风险（XSS 攻击）。如果直接将用户输入或来自不可信来源的 HTML 字符串用 v-html 渲染，很容易导致跨站脚本攻击。 2、解决方案 vue-dompurify-html 是一个专为 Vue.js 项目 阅读全文

摘要： EasyOFD.js——一个在web端展示ofd文件的控件，该控件基于CANVAS绘制。官网提供的事例，不适合用于多页ofd文件的展示，本文基于EAYSOFD实现放大、缩小、页面跳转以及多页滚动等功能 1、安装EAYSOFD依赖和EASYOFD组件 //依赖 npm i jszip x2js jb2 阅读全文

摘要： 前端路径包含汉字，解压后乱码，部署后找不到路径 使用下面命令进行解压 unzip -O CP936 压缩文件名.zip 阅读全文

摘要： css代码： .circle { display: inline-block; border-radius: 50%; min-width: 20px; min-height: 20px; padding: 5px; background: red; color: white; text-align 阅读全文

摘要： 左侧为导航栏，点击内容滚动到指定位置，监听滚动条，左侧锚点导航高亮 效果图如下： 组件封装PointTags：使用el-tabs实现左侧导航 <template> <div class="point-wrap"> <el-tabs tab-position="left" v-model="activ 阅读全文

摘要： 在elementUI和iview组件库中，都有对应参数设置，当内容过长被隐藏时显示 tooltip。但是当表格的一个单元格的内容过于复杂，需要自定义时，通常官网给出的配置参数会失去效果。 入上图所示，可以使用组件库提供的 tooltip组件+ mouseover 事件实现，对应效果，代码如下 <!- 阅读全文

摘要： 在vue中多个组件中都使用window.onresize=()=>{}，会导致前边赋值的方法被覆盖掉 改成 window.removeEventListener('resize', ()=>{}) 可生效 methods: { myFunction() { ... } }, mounted(){ / 阅读全文