tooltip是一个非常常见的交互，一般用于补充文案说明。比如下面这种（蓝色边框表示屏幕边缘） 通常tooltip都会有一个固定的方向，比如top表示垂直居中向上。 但是，如果提示文案比较多，提示区域

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽

一、需求背景 此需求涉及到两个项目，在 MA 项目 中需要复用 Push 项目 中的《高级设置模块》，Push 项目该模块已经开发完成上线，MA 项目正在开发中，需要复用该模块。 一开始的想法是，把这

✨ Next.js Tailwind 博客模板 在线演示 | English Docs 下一代高性能、SEO友好的博客解决方案 ⭐ 如果这个项目对你有帮助，请给我们一个星星，这是对我们最大的鼓励！ 🎯

一、CSS 实现方案 1. 基础代码（兼容 WebKit/Blink 内核浏览器） 2. 兼容 Firefox 3. 完整 HTML 示例 4.全局的滚动条 二、兼容性说明 浏览器/特性 兼容性 ::

背景 最近在做业务的时候遇到了一个需要前端抽帧的需求，小小的研究了一下便记录了下来，以便复盘。 大概的需求呢就是说从页面A跳转到页面B后给你视频的url和一些时间节点，我们要抽取这个视频在这些时间节点

在视频编辑器中，时间轴刻度尺是一个非常重要的组件，它能直观地展示视频的时间位置。今天我们来详细讲解一下时间轴刻度尺的实现原理。 核心实现 1. Canvas绘制基础 时间轴刻度尺使用Canvas实现，

视频剪辑类工具常常需要这个样一个组件，如何用vue实现一个？ 实现 resize 上面每一个小块我们称之为item ，item 左右各有一个holder ，item 在其父容器中是绝对定位(posit

最近出于个人兴趣，正在开发一个这样的视频剪辑器，等开发得差不多了，可能会开源出来。今天主要讲一讲下面轨道中的视频预览是如何实现的。 方案 获取视频时长，计算出轨道中的表示视频的这一个Item应该画多长