用户7342240040526

bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. 因为公司业务的需要因而要在项目中使用到bpmn.js,但是由于bpmn.js的开发者是国外友人, 因此国内对这方面的教材很少, 也没有详细的文档. 所以很多使用方式很多坑都得自己去找…

开发中需要使用到react图片懒加载功能，现在的线上资源关于react图片懒加载的插件并不能达到自己预期的功能。于是自己封装了一个图片懒加载的组件

js和vue拖拽元素。基于vue框架。 pc端可以稍微改改为原生js，但是移动端不支持。 移动端使用了 Draggable vue的插件来二次封装。

Vue的实现图片懒加载和预览图片。 基于vue-lazyload图片懒加载进行了二次封装。 基于 v-viewer来查看和预览大图

禁止右键和调试工具。 在某些项目下需要禁用F12和其他能打开控制台的指令。 这里设置之后在正常开发环境没有影响，打包后会进行一部分打开控制台的限制（不能完全禁止）

web网站所有元素变灰色。 有时候一些特定的日期，我们需要把网址变成灰白，现在一些简单的css代码即可实现。

项目中经常需要使用自定义样式的Audio。 这里基于vue2实现了自定义样式的audio元素。 可以拖拽控制进度条，播放和暂停等。

react二次封装history路由。 一般我们在用reactHooks的时候会使用 useHistory，但是在ts文件（非函数组件中不能使用）。 封装之后在非组件的ts中也可以直接使用路由跳转。

react简单2步，封装鉴权路由。 众所周知，react的路由组件没有鉴权功能。 这里只需要简单的20行代码，就可以做到鉴权。