/** * 根据传入的文本计算宽度 * @description 计算文本宽度，可选择平均宽度或最大宽度模式，保留两位小数 * @param texts 文本数组 例如 ['文本1', '文本2', '文本3'] * @param font 文本信息 例如

npm i --legacy-peer-deps ```<!--autointro-->

原理 ‌核心原理是利用 requestAnimationFrame 来逐帧更新一个计数器 count，然后通过返回的函数来判断当前是否已经达到了指定的帧数。 Defer属性的使用场景和效果 这个 Hook 可以用于延迟加载某些资源或组件，直到页面已经渲染了一定数量的帧。这样可以避免在页面初始加载

实现原理 通过浏览器自带API( requestIdleCallback 用于在浏览器空闲时执行低优先级的任务，从而避免阻塞主线程，提升页面的性能和响应速度。 该API允许开发者在浏览器空闲时期插入一个函数，这个函数将在事件循环空闲时被调用，主要用于执行一些不需要立即完成的工作，如日志记录、数据

Echarts封装 <template> <div ref="chartRef" class="echarts-container"></div> </template> <script> import * as echarts f