大体实现了幻灯片新增、删除、切换，支持矩形、箭头、文字、统计图、表格、图片多媒体、公式等类型的新增、删除、编辑操作；实现了基本的动画系统、历史记录管理器及属性配置模块。

简介 websocket在前端开发中，是一个必须掌握的技术！你可以不用，但必须掌握！ 前几天，就遇到这样一个需求，要求界面的数据通过websocket实时推送，并且必须支持断网重连、自动心跳！ web

消息通知竖向无缝轮播组件的实现！另类的无缝轮播实现方式！！！最近有个需求需要做一个无缝轮播的消息通知，并且需要抽离成通用组件，记录下实现这个组件的历程。

背景 最近产品提了个需求，要实现往画布拖拽图片、svg，在同类组件上松开鼠标时进行替换操作，反之进行新增。 最终效果如下： 功能分析 要实现本功能，可以简单拆解成以下几点： 要拖拽元素区域绑定鼠标事件

React KeepAlive 实现，不依赖第三方库，支持React18，大家好！打工人打工魂，我是阿祎，是一个前端开发经验3年+的菜菜子打工人👷🏻‍♂️，略微懂些后端和运维部署，React开发框

之前使用纯 CSS 实现了一个树形结构，效果如下 其中，展开收起是用到了原生标签details和summary，有兴趣的可以回顾之前这篇文章 还有一点，树形结构是逐层缩进的，是使用内边距实现的，但是这

Fabric.js本身并没有提供鼠标右键的事件，我查阅了文档，发现了一些小线索。于是我用相关api组合出一套右键菜单~

编辑器项目已经开源，600+ star，fabric.js的进阶用法，截图效果、实现思路与代码均在文章中。

Stacks(栈) Set Queue(队列) PriorityQueue(优先队列) Binary Search Tree(二叉搜索树) ...