- 博客(51)
- 收藏
- 关注
RSS订阅原创 axios使用 CancelToken / AbortController 方法进行取消请求
/ api/index.js 文件// 不需要主动取消请求写法// data// })// }// 需要主动取消请求写法data,});},// 这里有个注意点，请求方式必须是小写，不论请求本身是怎么写的${JSONstringify// api/index.js 文件 import service , {
2025-12-07 16:00:00
302
原创 基于node操作数据库进行删查改写 || express(二)
/ 导入 mysql 模块// 建立与 MySQL 数据库的连接关系host: '127.0.0.1', // 数据库的 IP 地址user: 'root', // 登录数据库的账号password: 'root', // 登录数据库的密码database: 'my_users' // 指定要操作哪个数据库})// 处理跨域中间件// 处理JSON表单格式中间件// 处理application/x-www-form-urlencoded表单格式的中间件// 错误级别中间件。
2025-10-14 20:00:00
410
原创 在Vue项目中渲染SVG图，并做简单的操作等(附拖拽指令/放大缩小功能)
SVG 有如下特点：SVG 绘制的是矢量图，因此对图像进行放大不会失真。基于 XML，可以为每个元素添加 JavaScript 事件处理器。每个图形均视为对象，更改对象的属性，图形也会改变。**SVG 画布的预定义元素里，有六种基本图形跟一种比较特殊，也是功能最强的元素：六种基本图形：矩形。
2025-10-13 18:45:00
935
原创 基于node对客户端传递数据进行加密储存并返回token || express(三)
下载与两个包// 一定要在接口之前配置解析 Token 的中间件// 导入生成 Token 的包##1.2 定义token密匙/不加权限的接口// unless 定义的都是不加权限的接口 会忽略开头为api 或者 user的接口 除此两种都需在请求头携带tokenapp.use(expressJWT({ secret: '服务端私有密匙(自己定义)', algorithms: ['HS256'] }).unless({})// 定义错误级别的中间件// 身份认证失败后的错误。
2025-10-12 19:15:00
317
原创 echarts不根据传入参数，自定义 legend 的内容（视觉映射）
【代码】echarts不根据传入参数，自定义 legend 的内容（视觉映射）
2025-10-10 20:00:00
163
原创 使用iframe实现一页展示两个界面，点击左边界面改变右边界面页面（附点击后右侧页面无变化解决办法）
1.2 接下来准备下一两个界面功能此时界面已经准备好了（子界面的样式结构就不写了，有兴趣可以到文章底部看项目源码）但此时重大的问题就出现了，点击切换项目时会发现右侧界面完全没有变化，但本地存储的值已经发生了变化，根据代码的写法，此时的写法是完全支持切换的，当一脸迷茫的时候刷新下界面就发现右边界面变成了想要的效果，所以，针对问题解决就是点击后需要刷新一下界面。2 . 解决点击左侧界面后右侧界面不更新问题2.1 使用iframe向父级界面传参进行界面刷新此时会使用到传参跟刷新界面两种方法
2025-10-10 19:45:00
756
原创 使用node搭建本地服务运行并测试打包好的项目文件或demo||基于express
【代码】使用node搭建本地服务运行并测试打包好的项目文件或demo||基于express。
2025-10-10 19:45:00
201
原创 树级结构转平级结构---平级结构转树级结构---根据最后一级标识查完整层级
首先，如果绑定值只有最后一级的标识的话是可以正常回显完整层级路径的，但如果点开级联选择器下拉框会发现没有高亮指出到底最后一级是哪个，如图： 正确展示示意图：默认绑定值是,经过方法的查询后就变成的下边的数据，展示形式也正确。3.2 实现代码方案二上述方法可以有点点复杂，上稍微简单点的
2025-10-10 19:45:00
406
原创 Vue中使用wangeditor富文本编辑器，生成的图片数据支持v-html解析后点击图片跳转超链接
1.2 引入并配置富文本编辑器（以下是以组件形式书写）配置服务器端地址，此处请自行填写(上传图片接口地址)【注意】和 两者不能同时使用！！！【注意】使用弹窗组件时，在关闭弹窗事件中切勿直接清掉富文本绑定的值，这样写的话会导致点击编辑第一次查看富文本是正确的，取消再进来值就没了，刷新下界面，值又有了，自己可以在富文本子组件区域打印这个值。子组件有提到与两个事件函数，需父组件在合适的时机自行触发，使用与即可在父组件事件中触发，具体原因是因为如果插入了图片关闭表单弹窗并不能重置掉字段（即使使用了e
2025-10-10 19:30:00
1419
原创 开发中的移动端项目在真机上观测效果
虽然浏览器自带的手机模拟器香滴很，但手机品牌跟型号也是真滴多，兼容性适配性一直都是头疼的问题，但我觉得最大的问题就是那些不起眼的样式，一般我们都用375的界面进行适配，但手机屏幕大小不一等等因素，可能手机模拟器满足不了我们的需求。不要说不可能，因为我就碰见过，图片在模拟器好好的，到了测试那就说图片被拉伸了，失真了什么有点歪啥的。#####1. 使电脑跟手机建立在一个链接：打开手机热点，让电脑连接上即可。#####3. 运行项目在本地跑起来，拼接地址真机观测。#####2. 打开电脑的命令行工具(
2025-10-10 19:30:00
205
原创 将SVG格式图片转换成字体图标，并使用链接方式访问（支持个性化图标样式改变）
【代码】将SVG格式图片转换成字体图标，并使用链接方式访问（支持个性化图标样式改变）
2025-10-10 19:15:00
257
原创 第一步：基于node创建一个Nest.js项目
Nest 是一个用于构建高效，可扩展的Node.js服务器端应用程序的框架。它使用渐进式 JavaScript，内置并完全支持TypeScript（但仍然允许开发人员使用纯 JavaScript 编写代码）并结合了 OOP（面向对象编程），FP（函数式编程）和 FRP（函数式响应编程）的元素。在底层，Nest使用强大的 HTTP Server 框架，如 Express（默认）和 Fastify。Nest 在这些框架之上提供了一定程度的抽象，同时也将其 API 直接暴露给开发人员。
2025-10-09 20:00:00
921
原创 第三步：加入Swagger文档
/ Swagger 文档 https://docs.nestjs.cn/9/recipes?id=swagger// Swagger 文档配置.setTitle('Cats example') // 标题.setDescription('The cats API description') // 描述.setVersion('1.0') // 版本号.addTag('cats') // 标签.build();// 接口文档访问路径 127.0.0.1:32000/api接着访问。
2025-10-09 19:15:00
380
原创 el-table 合并表头 -- 合并单元格 -- 表尾合计 -- 修改/拆分合并单元格 -- 动态单元格合并 -- 动态合并单元格
【代码】el-table 合并表头 -- 合并单元格 -- 表尾合计 -- 修改/拆分合并单元格 -- 动态单元格合并 -- 动态合并单元格。
2025-10-09 19:00:00
1851
原创 第二步：创建写接口的模块，建立moogodb数据库连接，写添加与查询接口
【代码】第二步：创建写接口的模块，建立moogodb数据库连接，写添加与查询接口。
2025-10-09 17:30:00
877
原创 第五步：解决跨域问题，返回 token，校验token, 并定义将接收的参数全局存储的方法
【代码】第五步：解决跨域问题，返回 token，校验token, 并定义将接收的参数全局存储的方法。
2025-10-08 20:40:28
306
原创 Vue将内容生成为二维码，并将所有二维码下载为图片，同时支持批量下载（下载为ZIP），含解决一次性生成过多时页面崩溃解决办法
【代码】Vue将内容生成为二维码，并将所有二维码下载为图片，同时支持批量下载（下载为ZIP）
2025-08-27 21:46:16
533
原创 Vue2 / Vue3 使用自定义配置，实现打印+生成PDF的带水印文件
此方法是调用打印机方法，需要自己选择导出为PDF。被导出的PDF转为Docx后，内容支持修改。被打印页面最外层容器禁止使用 overflow 属性。涉及 echarts 时，使用 getDataURL() 方法将 echarts 转换为图片展示。使用此方法需要额外写一份被打印页面的内容。水印的文字长度需满足 can.width =??;的长度，比如水印长度文字长度为 320，则can.width = 320;
2025-05-24 13:45:00
1150
原创 Vue 实现页面背景加水印，图片添加水印
如果对 node.js 感兴趣，又想使用相当于 Vue 级别的 node.js 框架那么可以访问以下链接了解下 Nest.js，本文的自定义上传就是用的 Nest.js 写的 node 服务去实现的，默认上传直接使用的 Element-ui 的示例地址。Nest.js 中文文档Nest.js 项目源码Nest.js 开发文档 - 与项目源码对应的文档moogodb 数据库下载与基础语法文章<template><script>data () {return {},
2025-01-13 09:34:57
1636
原创 基于Vue + Three.js实现预览3D模型文件（glb，gltf 等后缀文件）
【代码】基于Vue + Three.js实现预览3D模型文件（glb，gltf 等后缀文件）
2024-11-28 14:02:20
1774
原创 有 || 无父子id关联关系的树形结构数据，根据最后一级的id查完整结构
template></div><script>data () {return {options: [label: "指南",label: "设计原则",label: "一致",},label: "反馈",},label: "效率",},label: "可控",},],},label: "导航",label: "侧向导航",},label: "顶部导航",},],},],},],},},},methods: {// 循环找到完整层级。
2024-09-05 15:21:03
350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人