- 博客(8)
- 收藏
- 关注
RSS订阅原创 React函数组件+ts+react-konva（在视频上绘制矩形选框）
文章摘要：该代码实现了一个基于React和Konva的视频标注工具，支持在视频上绘制、调整和删除矩形区域。主要功能包括：1) 上传视频并自动适配画布尺寸；2) 通过鼠标交互绘制最多3个矩形区域；3) 支持对已绘制区域进行移动、缩放等操作；4) 提供撤销、清除和视频播放控制功能。使用react-konva库处理图形绘制，antd提供UI组件，实现了完整的视频标注交互流程。
2025-10-28 18:16:11
133
原创 【JavaScript基础】异步
JavaScript会将异步任务交给宿主环境（浏览器或Node.js）来处理，待异步任务完成后，将其回调函数放入任务队列中并通知主线程，等待执行，等主线程上的任务执行完后，就会调取最早通知自己的回调函数，使其进入主线程中执行。如果异步任务失败，调用reject函数将promise状态变为rejected，此时会触发promise实例的then方法中的第二个参数（失败回调函数），对失败的返回结果进行处理，或promise实例的catch方法捕获错误；但如果遇到执行时间长的任务，就会阻塞后续排队的任务执行。
2025-03-07 18:34:26
989
原创 【JavaScript基础】数据类型、语句、DOM、BOM...
常见的BOM对象：Window（浏览器窗口）、Navigator（浏览器信息）、Location（浏览器地址栏信息）、History（浏览器的历史记录）、Screen（用户屏幕信息）浏览器是是按自上向下的顺序加载页面的，如果将script标签写在上方（例如head标签中），可能出现代码执行时，页面未加载或已加载但还未加载到所需DOM对象的现象。操作一个变量时，首先会在自身作用域中寻找，有就直接使用（就近原则），没有往上一级作用域中寻找，直到找到全局作用域；伪数组：包含length属性的对象或可迭代的对象；
2025-02-21 18:59:19
660
原创 【前端浏览器篇】组成、渲染过程、TCP连接...
浏览器chromeEdgeSafariIE内核BlinkChromiumWebkitTridenBlinkBlink。
2024-12-31 18:58:25
901
原创 react antd Input组件 输入/粘贴内容时识别换行
2.在当前input中粘贴，当粘贴内容中包含换行回车时，添加新input元素，将多行文本拆入成单行数据，并依次放入input中。1.在当前input输入时，回车时识别换行，添加新元素，并自动聚焦下一个input。例如：在第一个输入框中输入内容1 后敲回车，添加新的一行，并聚焦到新行的输入框中。在react (class组件)，使用antd组件库中的Input时，实现。例如：在第一个输入框中粘贴下面内容。
2024-05-15 16:26:07
1079
原创 React Class组件使用Antd中Resizable实现Table拖拽调节
2.封装公共组件ResizeableTable组件（ResizeableTable.js）使用react-resizable，可封装了一个ResizeableTable公共组件。（可适用于展示列动态变化和可拖拽调节表格，例如下图形式的表格）引入ResizeableTable.js。使用ResizeableTable组件。3.使用封装公共组件。
2024-05-11 17:06:12
740
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人