有时我们会遇到一些业务场景，要展示的列表很长，且不能使用分页的方式，如果一次性把数据全部渲染到页面，浏览器将变得非常卡顿，因为渲染 dom 需要耗费大量时间。虚拟列表 就是对长列表的一种优化方式，通过只渲染可视区域数据，大大提高渲染性能。

最近用户提出了一个新的需求，老师可以批改学生的图片作业，需要对图片进行旋转、缩放、裁剪、涂鸦、标注、添加文本等。乍一听，又要掉不少头发。有没有功能强大的插件实现以上功能，让我有更多的时间去阻止女票双十一剁手呢？答案当然是有的。

高效实现需求，避免重复造轮子。今天给大家分享的是，如何在最短的时候内实现右键菜单。方法也很简单，一个插件就可以搞定，话不多说，上效果图：效果图安装 {代码...} 或 {代码...} 使用 {代码...} 代码实现以element-ui图标为例实现右键菜单，图标会为被渲染为<i class="icon"></i>，代码如下： {代码...}...

高效实现需求的方法，就是避免重复造轮子。图片裁剪的插件也不少，这里我选择 vue-cropper，原因是功能强大、简单易上手。话不多说，上效果图：

校外培训迎来下岗潮，教育行业的小伙伴，大家过的还好吗？不过话说回来，技术过硬，你在哪里都是最靓的仔。今天就给大家补充一点弹药，如何在富文本中插入表情，word文档，及数学公式。

vue.draggable 一个神奇的组件，快速实现列表拖拽，让你有更多的时候去划水。vue.draggable 是一款基于sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、兼容vue2过渡动画、支持撤销操作，总之vue.draggable是一款非常优秀的拖拽组件。以下是基础用法：