- 博客(20)
- 收藏
- 关注
RSS订阅原创 svg 画线
最近接触了一个给直播视频画线的需求，第一个想到的是用 canvas 实现，但是 canvas 好像添加position 还是不会跟视频重叠，依旧是上下分布，所以用了 svg 标签。
2024-03-26 15:59:18
380
原创 mapbox 根据zoom（视角高度）控制图层显隐
zoom 大于10时，opacity 为 1 显示；小于10时 opacity 为 0 隐藏。
2024-03-12 20:08:07
671
1
原创 前端 websocket
需要注意的一点，前后端要做一个约定，前端发送消息（如state），后端返回（online），前端加个定时发送，以判断 websocket 的连接状态。前端只需创建连接即可。
2024-03-09 16:47:02
350
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
878
原创 前端nginx部署 页面刷新404问题
nginx部署前端发现问题，第一次可以正常访问页面，刷新浏览器会直接404，必须cv前端地址重新访问或者重开浏览器标签。
2024-03-05 16:19:17
662
原创 接口访问服务端文件（流文件）
PS：HttpServletResponse 需要引入 jakarta 里的！新增 Controller。可直接获取文件流下载文件。
2024-03-04 21:37:11
375
1
原创 元素在容器内拖拽移动
2. 鼠标按下时 要加上 e.preventDefault() 阻止冒泡，当元素为图片时，不加 e.preventDefault() 会造成鼠标松开时未移除元素的移动事件 mousemove。首先是鼠标按下事件，鼠标按下之后，全局添加监听事件，监听鼠标的移动和鼠标的松开事件。下面是全部代码（demo只做了上和左不能移出容器的处理，下和右同理）之前做过元素的拖拽及数据传输，最近碰到一个在容器内拖拽移动的需求。1. 元素距离容器的距离不能为负值（若未负值则元素会移出容器外）鼠标松开时移除监听事件。
2024-02-26 19:57:40
493
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
1034
原创 中文状态下，输入框input事件多次触发的解决方案
将input事件改成compositionend事件即@compositionend=“inputChange”
2022-04-26 10:00:48
1685
原创 微信小程序遮盖层滑动穿透
当页面有遮盖层时 手指在遮盖层滑动 会影响当前页面的整体滑动解决办法：在遮盖层加上catchtouchmove为true的属性<template> <view :catchtouchmove="true"> <!-- 遮盖层 --> </view></template>...
2021-08-18 10:11:47
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人