React
文章平均质量分 67
szx的开发笔记
精通Java,JavaScript,Python,C,C++,C#,GO,Vue,React,CSS等单词的拼写
展开
-
React + SpringBoot实现图片预览和视频在线播放,其中视频实现切片保存和分段播放
实现播放视频的需求时,往往是前端直接加载一个mp4文件,这样做法在遇到视频文件较大时,容易造成卡顿,不能及时加载出来。播放一点加载一点,这样同一时间内只会加载一小部分的视频,不容易出现播放卡顿的问题。当点击视频时,前端会拿到当前的文件ID请求上面定义好的接口,此时 fielId 肯定不是以 ts 结尾,所以会根据这个 fileId 查询数据库中保存的这条记录,然后调用。文件夹中对视频进行了分片处理,每一片都是以文件ID开头,方便加载分片时找到分片对应的位置。对视频切片使用的是 ffmpeg,可查看我的。原创 2024-06-08 12:21:40 · 1196 阅读 · 0 评论 -
Ant Design Pro 实现动态菜单
当我们使用了动态返回的菜单时,图标就不出现了,这时需要手动映射icon图标,可参考。中不存在的路由信息,页面将会无法访问,具体问题可参考(最终实现的效果,先给管理员和普通和用户分配不同的菜单。前提说明:实现动态路由时,所有的路由都必须提前在。的 layout 方法,在配置中添加。切换登录不同角色的用户,会显示不同的菜单。实现过程中遇到的问题以及解决方法。接口返回的data菜单格式和。这里二级菜单的图标没有,官方是。中注册好,如果动态返回了。属性即可实现动态菜单。原创 2024-05-21 17:22:22 · 588 阅读 · 0 评论 -
React函数式组件的父子方法互相调用,父组件调用子组件方法,子组件调用父组件方法
子组件需要使用 forwardRef 函数包裹,然后使用 useImperativeHandle 暴露属性和方法。编写子组件 Child。原创 2024-05-18 21:57:13 · 419 阅读 · 0 评论