卡拉云博客

`Vue` 是基于响应式的，自动挡操作，当数据发生改变，与之相对应的视图也会刷新。但开发过程中，我们有时候会遇到一些额外的状况，例如动态赋值后，对应的数据发生了变换，但 `DOM` 却没有及时更新，因...

Echarts 折线图是图表中最常用的显示形式之一。使用 Echarts 做出基本的折线图很简单，但要是想把多组数据放在一张图表中，展示的漂亮又直观就不容易了。本文将带领大家从最基本的折线图，一步步完...

虽然 Vue 内置了轮播图功能，但也只是最基本的单图轮播。轮播图看似功能简单，要是真深入进去写，你会发现到处是万丈深渊。市面上好用的 Vue 轮播图组件并不多，本文挑选了性能最佳和最有特色的 5 款 ...

Video.js 是最强大的网页嵌入式 HTML 5 视频播放器的组件库之一，也是大多数人首选的网页视频播放解决方案。复杂的网页视频渲染，在引入 Video.js 后，轻松解决。本教程手把手教你搭建一...

ECharts 饼图中的每个扇形颜色其实都可以自定义或者随机显示颜色。比如 X 轴是各销售渠道名，那么你可以需要使用全局统一的识别色彩，那么就需要指定每个扇面的颜色。本文讲解 4 种配置修改 ECha...

Vue Loading 加载动画组件 (Vue-loader) 看起来很简单不重要，实际上它是保证用户留存的关键一环。选择好 Loading 加载动画，用户留存率翻倍。本文介绍 7 种不同的加载动画 ...

简单的表格直接用原生 HTML 就好，但如果要在 React 中实现一个功能丰富的表格，其实是非常不容易的。选好一个表格库可以大大地简化我们的开发工作，这篇文章里我们就来详细看一看 React 里最好...

Vue ECharts 柱状图中的每根柱子颜色其实都可以自定义或者随机颜色的。比如 X 坐标是各团队名，那么你可以根据各团队识别色，指定显示柱子颜色。又或者我们只是需要柱状图中，不论有多少数据，所有柱...

本文我们介绍 React 下最好的几款后台系统，整理优缺点，方便你挑选。一个成熟好用的后台管理系统对于公司运营效率有极大的影响，选对了才能少加班...

Echarts 是国内图表组件占有率最高的第三方库，在使用中我们经常遇到 X 轴标签文字过长导致显示不全或 X 轴标签刻度间隔不够的问题。本文详细讲解 4 种标签超长显示问题的解决方案，轻松解决所有场...

Vue 拖拽组件库（drag-and-drop）组件在使用 Vue 框架开发中非常常见的需求，做个内容行排序，拖拽小组件到网页上这类都需要用到拖拽组件。本文记录了我自己用过的 6 款 Vue 拖拽组件...

Vue 弹窗是我们日常开发中经常使用的组件，它可以提供活动引导、提示通知、获取信息等，能便利与用户间的交互。原生 `JavaScript` 提供了 `alert、prompt、confirm` 等方法...

Vue 3 发布已经有一段时间了，就在刚刚过去的一年，各大组件库、框架纷纷对 Vue 3 做了优化和支持。整个前端从谨慎使用 Vue 3 转向了开始拥抱 Vue 3。特别是年初年末几家大厂陆续开源或新...

AppSmith 是印度一家创业公司开发的低代码开发工具，它的原型是另一家名叫 Retool 的美国的创业公司。AppSmith 从 2019 年开始开发，到现在已经发行了 1.x 版本，也就是处于正...

React Draggable 是 react 生态中，最好用的拖拽实现库之一。如果你的应用中需要实现拖拽功能，可以尝试用 react-draggable，它可以满足多数情况下的拖拽需求，比如一个弹出...