实现主题色切换，通过使用CSS变量和JavaScript结合，以及全局状态管理，实现了在页面中动态切换主题色，并解决了echarts图表中主题色不更新的问题。

万字长文讲述基于 Vue + Vite + Element-Plus + TypeScript 从0到1搭建真实企业级后台管理系统前端模板，配套Java 、Node 后端源码。

wavesurfer.js是基于Web Audio API 和HTML5 Canvas实现的一个可定制化的音频波形可视化组件，在需要音频波形展示及音频波形交互的场景有广泛的应用。

一、效果 将一段声频以波形展示在页面上，支持播放/暂停、重放、停止、点击跳转播放 2. 支持渲染区域，支持用户手动选择区域和删除区域，支持拖动区域和调整区域大小；当操作区域时，最好能实时循环播放区域

应用场景 取消请求在前端有时候会用到，以下是两个工作中可能会用到的场景 tab切换时刷新某个列表数据，如果他们共用一个变量存储数据列表，当请求有延时，可能会导致两个tab数据错乱； 导出文件或下载文件

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

v-drag 需求：鼠标拖动元素 思路： 元素偏移量 = 鼠标滑动后的坐标 - 鼠标初始点击元素时的坐标 + 初始点击时元素距离可视区域的top、left 将可视区域作为边界，限制在可视区域里面拖拽

本文整理了 Vue3 的8种组件通信和 Vue2 的12种组件通信写法，希望对你有一点点帮助，奥力给

前言 移动端网页的日常开发中,偶尔会包含一些渲染长列表的场景.比如某旅游网站需要完全展示出全国的城市列表,再有将所有通讯录的姓名按照A,B,C...首字母依次排序展示. 长列表的数量一般在几百条范围内