常用echarts表的一些使用记录(vue项目中） 「时光不负，创作不停，本文正在参加2021年终总结征文大赛」 一 安装并引入 1. main.js 中全局引入 在vue模板中的写法

在业务中列表拖拽排序是比较常见的需求，常见的JS拖拽库有Sortable.js，Vue.Draggable等，大多数同学遇到这种需求也是更多的求助于这些JS库，其实，使用HTML原生的拖放事件来实现拖拽排序并不复杂，结合Vue的transition-group,还能快速的给排序…

工作中用到video标签做视频播放器，一开始用 video.js 插件代替，如果只用这个插件进行简单的播放视频，是不是有点浪费，而且这个插件用 webpack 打包后 vendor.js 会很大，所以本文实现一个基于HTML5标签video的自定义视频播放器。其中实现了播放暂停…

vue-cropper官网https://github.com/xyxiao001/vue-cropper安装vue-croppernpminstallvue-cropper--save

公司项目做一个更换logo的功能，要求可以自定义裁剪图片，vueCopper可以实现，直接拿过来用，下面记录一下使用过程中的问题。

使用Cropper来实现图片的裁剪 上传图片 对图片的裁剪以及调整（旋转、缩放）、 实时预览 将裁剪后的数据保存为blob发送至后端。

效果如上：安装：npminstallvue-cropper-Smain.js里面使用组件内使用需要使用外层容器包裹并设置宽高(class="cropper"需设置高度)更多配置项和方法可查看GitHu

若原图为jpg格式的图片裁剪生成的新图片可能尺寸会偏大，需要注意下。

两个日期控件：javascript代码