- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端实现列表无缝自动滚动效果（div列表+table表格）
本文介绍了一种实现无限平滑向上滚动列表的方法。核心原理是通过CSS动画将双倍内容循环移动，利用两份相同数据实现视觉连续性。HTML中复制数据并设置不同key，CSS使用@keyframes实现translateY(-50%)的无限滚动动画，JS动态计算动画时长并控制暂停/恢复。该方法避免了传统JS重置导致的闪烁问题，同时支持鼠标悬停暂停、移出继续的交互。还提供了动态速度计算和内容高度适配等拓展方案，适用于大屏数据展示场景。
2025-11-06 16:02:11
874
原创 Vue2 + Quill 富文本中，初次渲染点击某个触发聚焦事件后立即触发失焦事件问题解决
Quill 1.3.7 在vue2内使用 封装组件后 在页面调用 采用循环的方式渲染时，初次渲染点击某个触发聚焦事件后立即触发失焦事件
2025-08-28 10:45:03
252
原创 在 Vue2 + Quill 富文本中优雅插入 ECharts 图表与表格（含编辑弹窗）
文章摘要： 本文介绍了在富文本编辑器中实现可编辑ECharts图表和表格的技术方案。通过自定义BlockEmbed Blot封装区块，解决了HTML插入导致的光标异常、数据丢失等问题。方案支持多编辑器共存，提供悬浮编辑按钮，实时回写数据并处理删除操作。关键点包括：1）使用BlockEmbed确保整体操作；2）通过DOM属性绑定数据；3）统一事件管理；4）精准定位插入。实现采用Quill+Element-UI，包含图表/表格弹窗编辑功能，支持动态调整行列、数据类型切换等交互，最终达成富文本内可视化数据组件的稳
2025-08-25 17:21:53
1308
原创 使用 Element Plus 中的 el-tree 实现右键点击节点弹出菜单并执行不同操作
使用 Element Plus 中的 el-tree 实现右键点击节点弹出菜单并执行不同操作
2024-10-16 11:03:12
2425
2
原创 element ui 中在el-table内，当内容超过多少行时，显示el-tooltip
element ui 中在el-table内，当内容超过两行时，文字显示省略号，鼠标划入显示el-tooltip，移出隐藏
2023-06-15 11:51:53
2164
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人