- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue3项目中使用了echarts图标，改变窗口大小如何让图表大小跟着改变(自适应)？
原理：窗口尺寸大小只要发生变化，useResizeObserver函数就会调用，然后执行echars中的resize方法，就能够实现。具体参数就不详细讲了。我项目中用到了VueUse中的useResizeObserver（窗口监听尺寸方法）传入ref定义的el元素，在函数中执行echars自带的resize方法即可。然后引入VueUse的useResizeObserver方法。需要在echars组件定义ref拿到它的dom元素。echars的resize方法。
2025-12-19 22:45:45
236
原创 vue3使用transition组件，实现过度动画
离开动画的生效状态。在离开过渡效果被触发时立即添加，在过渡或动画完成之后移除。在元素被插入之前添加，在过渡或动画完成之后移除。动画效果：从透明变成不透明，然后再从不透明变成透明，每次切换页面就能触发动画效果。：进入动画的起始状态。在元素插入之前添加，在元素插入完成后的下一帧移除。：离开动画的结束状态。在一个离开动画被触发后的下一帧被添加 (也就是。：离开动画的起始状态。在离开过渡效果被触发时立即添加，在一帧后被移除。被移除的同时)，在过渡或动画完成之后移除。被移除的同时)，在过渡或动画完成之后移除。
2025-12-19 14:31:45
325
原创 前端vue3项目使用nprogress动画组件，实现页面加载动画
4.使用路由守卫，router.beforeEach全局前置守卫，router.afterEach全局后置守卫。3.定义公共方法，这里将使用nprogress动画组件的方法，start(开始)和done(结束)1.首先在main.ts中引入nprogress.css文件,你项目应该时main.js。如果样式不行，可以自己进行更改，在app.vue里定义它的样式即可。在项目中使用了nprogress动画组件，简单记录一下。引入定义的公共方法，并进行使用，开启loading。2.引入nprogress。
2025-12-13 16:55:11
330
原创 使用vue3结合requestAnimationFrame计算网页的帧数FPS
使用vue3结合requestAnimationFrame计算网页的帧数FPS
2024-01-26 17:55:28
1053
1
原创 SQL优化
字段是int，用string进行查询时，mysql会自动转化，可以走索引，如：select * from user where id = '1'；优化的方法如下：可以取前一页的最大行数的id，然后根据这个最大的id来限制下一页的起点。执行子查询时，需要创建临时表，查询完毕后，需要再删除这些临时表，有一些额外的性能消耗。关键字后，可以获取排重后的数据，排重的过程需要遍历、排序和比较，它更耗时。当连接查询有where条件时，带where条件的表是驱动表，否则是被驱动表。然后把它作为条件，去跟右边的语句匹配。
2023-12-17 17:08:11
163
原创 springboot配置文件bootstrap(yml,properties)和application(yml,properties)说明
springboot配置文件bootstrap(yml,properties)和application(yml,properties)说明
2023-12-14 21:42:57
922
原创 springboot整合shiro启动报 No SecurityManager accessible to the calling code...错误
springboot整合shiro启动报 No SecurityManager accessible to the calling code...错误
2023-12-13 20:03:47
1730
4
原创 报Invalid value type for attribute ‘factoryBeanObjectType‘: java.lang.String错误
报Invalid value type for attribute 'factoryBeanObjectType': java.lang.String错误
2023-12-10 20:45:09
4749
2
原创 This application has no explicit mapping for /error, so you are seeing this as a fallback.异常解决
This application has no explicit mapping for /error, so you are seeing this as a fallback.异常解决
2023-11-17 15:24:55
4277
1
原创 java项目工具类分享：文件上传、密码md5加密、jwt-token生成、cors跨域
java项目工具类分享：文件上传、密码md5加密、jwt-token生成、cors跨域
2023-11-16 22:34:14
375
1
原创 java(springboot)项目返回前端json格式数据封装
Serializable是一种接口，用于实现对象的序列化和反序列化。序列化是指将对象转换成字节序列的过程，用于存储对象的状态或传输对象。注意看区别，方法名相同，但参数列表不同，这里就构成了重载了。在类中实现 Serializable 接口，主要用于序列化，他没有要实现的接口，只是为了声明当前这个类被序列化了。我在controller层返回这个自己定义的BaseEntity类型，只需把前端需要的值传入进去就行了。编写 调用成功的静态方法success，和调用失败的静态方法error。
2023-11-15 19:21:33
418
原创 vue2前端使用axios发起post请求，后端(springboot)拿不到值解决办法
vue2前端使用axios发起post请求，后端(springboot)拿不到值解决办法
2023-11-09 21:00:22
5491
1
原创 MySQL数据库创建省级和城市表
102县级单位（38个市辖区、24个县级市、37个县、2个自治县、1个林区），共有1220个乡级单位（277个街道、733个镇、210个乡）。-- 20广东省（截至2005年12月31日，广东省辖：21个地级市，54个市辖区、23个县级市、41个县、3个自治县，429个街道办事处、1145个镇、4个乡、7个民族乡。('黔西南布依族苗族自治州',23),('红河哈尼族彝族自治州',25),('德宏傣族景颇族自治州',25),('文山壮族苗族自治州',25),('西双版纳傣族自治州',25),
2023-11-07 12:55:53
660
原创 java-Spring+SpringMVC+MyBatis整合后端实现分页查询
java-Spring+SpringMVC+MyBatis整合后端实现分页查询
2023-10-30 16:26:10
378
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人