nzwl2020

在现在开发的项目中, ECharts 已成为不可或缺的可视化工具，通常我们会将 ECharts 封装为组件以便重复使用，但随着项目规模扩大，图表的使用频率增加，代码重复和维...

作为一名前端er，数据可视化是日常工作中不可或缺的一部分。ECharts 凭借其强大的功能和丰富的图表类型，一直是我的首选。 最近，我尝试用 Vue3 结合 ECharts...

关键点在于获取当前实例。按需引入文件引入main.js，通过app.config.globalproperties挂载到全局，并通过getCurrentInstance得到...

因为 ECharts 的使用场景及其广阔，并且定制化的场景比较多，所以就不封装可以复用的组件了，在我看来，echarts封装更好用就行了...

项目中经常用到echarts，不做封装直接拿来使用也行，但不可避免要写很多重复的配置代码，封装稍不注意又会过度封装，丢失了扩展性和可读性。始终没有找到一个好的实践，偶然看到...

前言 在数据可视化领域，ECharts无疑是前端开发者的首选工具之一。随着Vue3和TypeScript的普及，如何优雅地将ECharts集成到现代前端项目中成为了一个值得...

如果需要复杂的图表样式，echarts 自带的 series 类型无法满足，那么就可以使用 custom 类型，这时就需要通过 canvas 手动绘制图表的形状了。...

解决办法 1. xAxis.axisLabel 属性 如果x轴的文字如果太长会受到遮挡，这个时候可以用grid属性解决。 解决方法 2. 调用formatter文字竖直显示...

没有废话，直接上（链接）代码。爬坑无数，干货满满 开始操作😏 vue3项目默认在vite.config.ts文件中进行配置/自定义的vite文件 guthub源代码地址：...

在 Vue 3 中，toRaw 是一个函数，用于获取被代理的原始（非响应式）对象。这个函数可以用来访问被响应式对象所包装的原始数据，而不是获取到的代理对象。...

背景 原生的 indexeddb 写法很复杂麻烦，所以选择一个类似 localStorage 的写法的封装库很有必要。 indexeddb 阮一峰的教程：https://w...

针对 Ant Design Vue 和 Element Plus 表格在类型提示、滚动加载以及复杂场景性能上的不足，我开发并开源了高性能虚拟表格组件 VTable。组件默认...

vue 的响应性的实现，在 @vue/reactivity 包下，对应的源码目录为 packages/reactivity。ref 比 reactive 的实现简单，且不需...

Vue3 中的 v-memo 是一种高效的优化组件重渲染的指令。它可以阻止组件元素在没有必要的情况下进行重新渲染，从而提高应用程序的性能。...

Vue3 为我们提供了几项开箱即用的重大性能改进，但也引入了一些额外的手动功能，可以帮助提高我们的应用性能。 在这节课中，我们介绍一下，在 Vue 3.2 中引入新指令 v...

最近在看卡颂大佬的《React 设计原理》，看了第一章，就有一种醍醐灌顶的感觉，于是决定记录分享一下这一章的内容。...

深入解读CSS3硬件加速（GPU加速）进程。进一步加深对浏览器渲染的知识广度，提高页面性能，促进开发...

在 Vue.js 中，‌计算属性（Computed Properties） ‌ 的核心设计是‌同步‌的，这是由 Vue 的响应式系统依赖追踪机制决定的。以下是详细解释和背后...

本文以 DataWind 数据大屏 产品为例，为您揭示如何建设令人叹为观止的数据大屏。主题配色，装饰图元，动画，扩展自定义...

我们会经常遇到定时调用，在使用vue开发时我们需要在组件卸载时清除定时器，在实现播放器功能时需要暂停和唤醒定时器。今天要学习的这个函数帮我们把清除、暂停、唤醒都实现了，我们...