远方除了遥远一无所有

摘要： 背景 有的时候后端返回文件，文件是属于stream类型（二进制格式），我们获取到二进制格式的文件后可能是需要下载，也直接在页面上预览等等。 代码 <template> <div class="app"> <iframe :src="iframeSrc" scrolling="auto" style= 阅读全文

摘要： 背景 有的时候我们需要在前端页面上预览某些文档，文档的格式比如：word、ppt、pdf、图片等等 实现方案 可以使用@zuiyouliao/vue-file-viewer第三方库，官方地址 方式1：通过组件方式引入 优点：word/图片可以识别，方便快捷。 缺点:pdf/pptx文件无法识别。 安 阅读全文

摘要： 文章链接：https://blog.csdn.net/wybaby168/article/details/122842866 https://gitee.com/ye-jizeng/vue-office https://home.me7.cn/file-viewer-doc/index.html#/ 阅读全文

摘要： https://huaban.com/pins/5678201151 https://huaban.com/pins/3863156349 https://huaban.com/pins/3717996761 https://fantastic-admin.github.io/basic-examp 阅读全文

摘要： 背景 有的时候后端提供的接口对相同的IP进行限制，在某个时间内不能发送超过X条的请求，一旦超过指定的请求数会导致后续请求接口会出现异常。 效果 需求 比如：在1s内最多同时发送2个请求，多出来的请求在后续的1s或者后续的Ns中发起 代码 <template> <div class="app"> <e 阅读全文

摘要： 场景 有的时候我们需要根据后端提供的数据，然后结合word模版来生成word。我们可以使用第三方库docxtemplater 效果 docxtemplater库说明 原理 它通过在word模版中使用特殊的标记（形如:{xxx}、{%yyy}）的标记进行占位，到时会把数据填充到对应的位置上。 依赖说明 阅读全文

摘要： 问题 前面自定义节点的样式坐标位置不对，我们希望自定义节点的坐标和rect元素的位置是一样的 效果图 代码 <template> <div class="app"> <div ref="myholder" id="paper"></div> </div> </template> <script> i 阅读全文

摘要： 背景 有的时候我们本地开发的时候使用的px为单位，但是我们想要使用vw单位，这样可以在不同的屏幕下自动伸缩元素的大小进而达到自适应 解决方案 使用postcss-px-to-viewport第三方插件。 原理：它主要用于将 CSS 文件中的 px 单位转换为 vw/vh 单位，以便实现响应式布局。然 阅读全文

摘要： 效果图 自定义路径设计 本示例假设当前节点和其他节点不在同一纵坐标的情况下 代码 <template> <div class="app"> <div ref="myholder" id="paper"></div> </div> </template> <script> import * as jo 阅读全文

摘要： 效果图 代码 <template> <div class="app"> <div ref="myholder" id="paper"></div> </div> </template> <script> import * as joint from '@joint/core' import $ fr 阅读全文