自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 elementPlus表格动态合并单元格方法

3.使用element的合并单元格的方法:span-method="objectSpanMethod",新建use-span-method.js文件,内容如下。1.要实现如下效果,如图,但是后端返回的数据是不确定的,需要自己根据id 去分组。2.假如这是后端返回的数据结构,title相同的则应该合并为一组。

2024-07-12 15:00:33 485

原创 vue 根据数据源构造树型结构数据

1.后端返回的数据是一个一维数组,需要前端根据id 和父id 的关系自己构建树形结构,这是源数据。3.新建 utils/tree.ts文件,代码如下。2.需要转换成目标格式的数据,如下。

2024-07-12 14:43:50 330

原创 uniapp + vue3.0 + ts 如何绑定全局自定义事件

1.首先在src目录下面新建一个types声明类型的文件夹,再新建一个global.d.ts文件,如图。3.在tsconfig.json文件添加 .d.ts后缀的类型,一般自带的都有。注意:新添加全局的方法时,要在声明文件里面一起添加。2.global.d.ts文件内容如下。6.最后在main.ts里面引入。4.新建一个utils文件。5.utils.ts代码。

2024-07-04 17:46:59 549

原创 消除图片默认下边距

图片有一个默认的下边距,如图(仔细看) 加一行属性消除边距。

2024-07-04 17:30:26 209

原创 Vue2 高德地图选点(带搜索)

此组件封装依赖element ui 的弹窗组件,和input输入框组件。2.去高德地图开放平台注册key,和安全密钥。1.下载高德地图的插件。

2024-04-25 17:22:17 1126 2

原创 uniapp 使用命令行创建项目及使用命令行打包H5 以及使用HBuilder X创建的老项目升级为可使用命令行打包的项目

13.再运行,终于不报错了,但是 ,项目中使用的 uni-simple-router和uni-read-pages来封装的路由器拦截失效了 纠其原因, uni-simple-router在vue-cli版本中 需要添加额外的配置项。这个bug是真坑~ 小小吐槽一下。9.老项目里的vue.config.js要拿出来 放到根目录下面来,老项目安装的一下依赖 需要在新项目重新安装,复制老项目下的package.json的依赖到新项目下 的package.json里,然后重新执行npm install。

2023-07-06 18:17:05 11726 3

原创 sass扩展与@mixin混入的用法

css 混入与扩展的用法

2023-06-23 12:10:40 276 1

原创 vue事件总线怎么使用(子组件与子组件之间的通信)

总结:Vue事件总线可以用于父子组件之间、兄弟组件之间、跨级组件之间等场景的通信。但由于它是全局对象,所以在复杂的应用中可能会导致事件冲突或难以追踪问题。因此,在使用事件总线时,建议仅在必要情况下使用,并且注意事件命名和解绑。Vue事件总线是一种通信机制,它允许在Vue组件之间进行事件传递和处理。1.在main.js注册。

2023-04-25 15:35:39 365

原创 前端渲染svg文件

2.用window自带的方法转成base64 然后再渲染到页面 svgFileData就是后端返回的文件数据。3.拼接前缀data:image/svg+xml;1.后端返回这样的svg文件 ,该如何在页面中渲染呢?5.完整demo请参考。4.直接在页面上使用。

2023-04-19 10:34:40 895

原创 利用canvas生成随机图形验证码

【代码】利用canvas生成随机图形验证码。

2023-04-07 11:48:47 232

原创 echarts环形饼状图标题动态 根据鼠标选中展示相应文字

【代码】echarts环形饼状图标题根据鼠标选中展示相应文字。

2023-04-06 11:29:51 1941

原创 vue执行栈溢出 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me

npm run dev 项目已经成功启动 但是 只要一改代码,重新编译 项目就挂掉了 报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 原因:前端项目非常的庞大,webpack 编译时就会占用很多的系统资源,如果超出了V8对 Node 默认的内存限制大小就会出现内存溢出问题试了很多方法 均没有解决1.

2023-03-21 18:00:47 1254

原创 利用回调函数传自定义参数

vue 利用回调函数传自定义参数

2023-03-06 11:15:58 365

原创 VSCode 快捷键生成 vue模板文件

vscode快捷生成 vue模板文件

2023-02-24 16:37:13 1236

原创 nvm 版本控制保姆级教学

nvm的简介、安装、使用

2023-02-09 13:39:08 533 1

原创 uniapp一键翻卡牌 小程序appH5都支持

使用递归,依次翻开卡牌,使用uniapp支持H5,小程序,app,开箱即用

2022-07-25 16:37:37 1550

原创 uniapp 使用ras加密密码传输

uniapp 使用ras非对称性加密 传输

2022-07-12 17:55:16 981 4

原创 uniapp解决刷新后地址栏参数丢失问题

解决刷新后地址栏参数丢失问题

2022-07-11 22:31:33 2074 7

原创 uniapp整包更新和热更新

uniapp整包更新和热更新

2022-07-11 21:41:54 471

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除