2024-04-23umijs : https://www.npmjs.com/package/@umijs/openapi拿到后端swAGGer文档的地址在 package.json 的 script 中添加 api: “openapi”: “ts-node openapi.config.ts”,生成api执行之后会生成包含了后端所有接口的请求、实体类类型的ts文件不过因为他是基于umi框架的，使用的是他们封装的axios，我们需要手动修改成自己封装的axio_@umijs/openapi

https://www.qianduange.cn//article/5842.html 分类：前端知识

2024-04-20平时在和后端对接时，总是要把后端swAGGer声明好的类型在ts中再实现一遍，写一堆interface；今天推荐一个库，可以根据swAGGer文档，直接生成typescript 或 javascript代码，并且有良好的代码提示。由于也自动生成了相应的declare文件，所以就算是js也会有很好的代码提示。_swAGGer-to-ts

https://www.qianduange.cn//article/5473.html 分类：前端知识

2024-04-15页面功能 可实现模块的放大缩小以及位置的更换 同时echarts会跟着父元素大小而变化，有兴趣者自己研究吧 代码放在下面了 直接cv就好 不难 但是有些细节要注意 比如drAGGable需要绑定唯一的key值否则改变元素样式时会出问题 以及echarts跟随父盒子自适应需要在echarts中配置grid属性并结合window的监听事件去实现。在使用drAGGable的时候遇到了一些问题 好在最终解决了 记录下希望能帮助到有缘人。_vue3中使用 vuedrAGGableresizable拖拽变大变小更改px

https://www.qianduange.cn//article/5005.html 分类：前端知识

2024-04-07允许使用鼠标移动元素。如需了解更多有关 drAGGable 交互的细节，请查看 API 文档。_jquery drAGGable

https://www.qianduange.cn//article/4560.html 分类：前端知识

2024-03-24解决java springboot框架中No mapping for GET /swAGGer-ui.html报错问题_no mapping for get /swAGGer-ui/index.html

https://www.qianduange.cn//article/4071.html 分类：前端知识

2024-03-06快速查找swAGGer接口的插件_通过搜索引擎查找公司swAGGer资产

https://www.qianduange.cn//article/3347.html 分类：前端知识

2024-02-26拖拽事件（待更新）前言(各个浏览器的兼容性)1.兼容性如下图：一、相关的五个事件api如下：拖拽流程说明：1.dragstart事件2.dragenter事件3.dragover事件4.drop事件(必须要dragover事件触发)5.dragend事件MDN详细说明：链接如下如下图所示：二、相关的属性1.drAGGable(让元素可拖拽)drAGGable解释说明：使用代码如下：如下图所示：2.dataTransfer(对应的拖拽媒介)解释说明（通用方法）：_dragstart

https://www.qianduange.cn//article/2745.html 分类：前端知识

2024-02-20在上面的示例中，我们使用v-for指令将items数组中的每个元素渲染为一个可拖动的div元素，并在dragstart事件处理程序中设置要传递的数据类型和值。我们还在放置区域的div元素上设置了dragover和drop事件处理程序，以便在元素拖动到目标区域时触发，并在drop事件处理程序中获取传递的数据类型和值，并根据这些数据更新items数组，从而实现拖放和携带数据的功能。这样，当拖动元素被放置到目标区域时，它将被移动到该区域并从原位置删除，并且可以通过getData方法获取传递的数据。_js drAGGable、 data-item实现元素拖拽

https://www.qianduange.cn//article/2342.html 分类：前端知识

2024-02-191、vue3 vuedrAGGable报错TypeError: Cannot read properties of undefined (reading ‘updated’)：这个一般是因为插件使用语法有问题，vue3版本的插件使用时，v-for不能。2、报错 drAGGable element must have an item slot：这报错也是因为没有写item插槽，按照上面的语法写了插槽后，这报错就能解决。上面示例中div上面的元素已经注释，仍会出错。以上是插件最简几行代码，这四行不能缺失。_item slot must have only one child

https://www.qianduange.cn//article/2287.html 分类：前端知识

2024-02-11【代码】vue3 拖拽插件 Vue3DrAGGableResizable。_vue3drAGGableresizable

https://www.qianduange.cn//article/1733.html 分类：前端知识