- 博客(29)
- 收藏
- 关注
RSS订阅原创 页面性能提升
不要直接加载较为复杂的元素，如视频等，先用静态资源代替，用户点击时或隔几秒（页面元素加载完毕后）再加载。图片大小，图片太大影响页面渲染速度会降低用户体验（上传前压缩图片并转化成webp格式）属性（占位防止抖动，加载完成前显示模糊占位图）
2025-02-07 14:40:40
237
原创 springboot 返回时间格式
在application配置文件中加上相关配置。正常查询数据库返回的时间格式会出现乱码的情况。重新运行项目 返回结果如下。
2024-07-31 10:08:01
365
原创 mybatis-plus selectPage获取到数据但是total为0
config目录下新建mybatisConfig.java。查数据库返回数据，但是total显示为0。这里即可获取正常的total。这里需要设置分页拦截器。
2024-07-30 17:48:18
1279
原创 解决跨域问题
java做跨域访问配置（前端面试题基本会问碰到跨域怎么处理，但是个人做这些年项目，从来没有遇到让前端解决跨域的情况；我们是做项目的，肯定是前后端配合，不是来这搞网络攻防的...）简单写了个前端项目，发现通过浏览器访问之前写的java项目会报跨域问题。什么是跨域以及为什么会跨域这里就不做过多赘述了，直接上解决方法。在config目录下新建CorsConfig.java。这里就可以正常获取数据了。
2024-07-30 17:41:30
212
原创 swagger3 传参格式
将注解换成 @ModelAttribute @ParameterObject 即可看到表单式的swagger。@RequestBody 为json格式 swagger页面长这样。
2024-07-30 17:30:07
452
原创 引入mybatis-plus 通过代码生成器生成代码
至此，执行代码生成器 输入表名 会自动生成 controller、entity、mapper、mapper.xml、service、serviceImpl文件。代码生成器不设置模板会自动使用freemarker默认模板 我这里自定义了几个模板 位置在resources下的templates目录下。在application.yml文件中添加数据库相关。有需求的可自行修改模板，快速构建自己的业务代码。至此可通过mapper直接操作数据库。freemarker默认模板位置在。
2024-07-30 17:19:04
617
原创 svg 画线
最近接触了一个给直播视频画线的需求，第一个想到的是用 canvas 实现，但是 canvas 好像添加position 还是不会跟视频重叠，依旧是上下分布，所以用了 svg 标签。
2024-03-26 15:59:18
1139
原创 mapbox 根据zoom（视角高度）控制图层显隐
zoom 大于10时，opacity 为 1 显示；小于10时 opacity 为 0 隐藏。
2024-03-12 20:08:07
1178
1
原创 前端 websocket
需要注意的一点，前后端要做一个约定，前端发送消息（如state），后端返回（online），前端加个定时发送，以判断 websocket 的连接状态。前端只需创建连接即可。
2024-03-09 16:47:02
432
2
原创 nuxt3 设置 ip 端口号，局域网访问
nuxt3 启动的项目，不进行配置的情况下，只能通过 localhost 进行访问，同局域网想要访问同事的页面会报错（本机通过 ip 访问也访问不了），百度说是 nuxt 需要配置 ip 才可以进行访问。发现根目录的 nuxt.config.ts 可以设置 devServer ，devServer 对象里可以配置 host 、https 、loadingTemplate（加载页面）、port 及 url。只需在 nuxt.config.ts 配置文件中加入相关代码即可通过 ip 进行访问。
2024-03-06 10:53:24
2379
原创 前端nginx部署 页面刷新404问题
nginx部署前端发现问题，第一次可以正常访问页面，刷新浏览器会直接404，必须cv前端地址重新访问或者重开浏览器标签。
2024-03-05 16:19:17
1198
原创 接口访问服务端文件（流文件）
PS：HttpServletResponse 需要引入 jakarta 里的！新增 Controller。可直接获取文件流下载文件。
2024-03-04 21:37:11
486
1
原创 元素在容器内拖拽移动
2. 鼠标按下时 要加上 e.preventDefault() 阻止冒泡，当元素为图片时，不加 e.preventDefault() 会造成鼠标松开时未移除元素的移动事件 mousemove。首先是鼠标按下事件，鼠标按下之后，全局添加监听事件，监听鼠标的移动和鼠标的松开事件。下面是全部代码（demo只做了上和左不能移出容器的处理，下和右同理）之前做过元素的拖拽及数据传输，最近碰到一个在容器内拖拽移动的需求。1. 元素距离容器的距离不能为负值（若未负值则元素会移出容器外）鼠标松开时移除监听事件。
2024-02-26 19:57:40
647
1
原创 关于antd vue 日期选择器 禁用日期的坑
日期选择器标签加上:disabled-date="dateDisabled"dateDisabled(val) { // 这里val指日期选择组件可接受的禁用日期 默认传入的是当前日期 并不是日期选择期现在选中的日期 // return 一个禁用的日期点或范围 // example： // 下面两个日期格式为字符串无效 const startTime = moment('2022-05-20') const endTime = moment
2022-05-20 10:51:21
1284
原创 中文状态下，输入框input事件多次触发的解决方案
将input事件改成compositionend事件即@compositionend=“inputChange”
2022-04-26 10:00:48
1987
原创 微信小程序遮盖层滑动穿透
当页面有遮盖层时 手指在遮盖层滑动 会影响当前页面的整体滑动解决办法：在遮盖层加上catchtouchmove为true的属性<template> <view :catchtouchmove="true"> <!-- 遮盖层 --> </view></template>...
2021-08-18 10:11:47
246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人