本文介绍了一个功能强大的HLS流媒体测试工具开发过程。该工具基于hls.js和Video.js构建，具有多项实用功能：1）支持播放任意HLS链接；2）实时日志输出；3）码流信息展示；4）清晰度切换和倍速播放；5）历史记录功能。文章详细讲解了如何通过手动集成hls.js与Video.js实现核心播放功能，并重点介绍了码流信息解析、日志系统实现以及自定义清晰度切换按钮等关键技术点。最终呈现的工具界面简

实现思路，使用canvas绘制图像，然后使用动画帧刷新页面。

8个非常实用的Vue自定义指令！快收藏起来

今天在vue2的项目中使用element中的组件，因为没有使用form所以max和maxlength属性没有生效，下面是解决办法。使用oninput方法可以控制value值的显示然后来解决值的显示问题。

【代码】vue3中实现监听dom。

今天在vue2的项目中使用element中的组件，因为没有使用form所以max和maxlength属性没有生效，下面是解决办法。使用oninput方法可以控制value值的显示然后来解决值的显示问题。

项目中遇到菜单名长度超出，又不想更改宽度，可以通过截取title然后加上'...'和title来实现tooltip提示功能来达到优化，若依的菜单名是layout/components/Sidebar/Item文件设置的下面是修改后的代码。