半码精选
-
使用vite-plugin-require-transform解决Vue3中require报错的问题
问题 在Vue3开发过程中的三方库存在使用require方式进行包的引入，这时候项目运行过程中出现报错问题： 当前使用Vite做为开发构建工具，而Vite默认不支持使用requir…
-
【一周一荐】| bpmn.js一个基于Bpmn 2.0的前端工作流展示和绘制工具
bpmn.js是由开源工作流引擎camunda内部组织BPMN.IO组织开发的一款基于BPMN 2.0的工作流展示、编辑的web端工具库。由于工作流引擎activiti、flowa…
-
CSS设置文本溢出显示省略号
开发过程中，当文本显示返回不能完全显示文本信息，往往为了样式的美观，我们需要将不能显示的部分文本进行隐藏，通过三个省略号的方式进行展示，本文介绍如何通过CSS设置样式的文本省略显示…
-
使用bpmn-js 配置颜色
本篇文章介绍如何使用bpmn-js给图例配置颜色。该示例展示了如何向BPMN图添加颜色的多种不同方法。 通过层叠设置颜色 这种方式比较简单，直接通过设置图片的CSS层叠样式就可实现…
-
html去除列表样式
我们在Html中通常使用ul和li实现列表功能。但是默认的li列表功能左侧会有一个小圆圈，但大场景对于列表会有额外的要求，如后台管理系统的菜单列表。本篇文章我们通过一个示例来学习下…
-
Bpmn-js 属性控制
我们可以通过bpmn-js来访问对应的BPMN图例的属性信息。对应的流程图中的每个图例元素（如开始、结束、中间/边界事件等都通过businessObject属性存储对基础BPMN元…
-
Bpmn-js自定义Palette
Bpmn-js作为一个流程编辑器，常规的我们可以将其划分为几个功能区域，每个区域对应的负责不同的功能实现，bpmn-js的设计给我们留下了大量的留白和可扩展区域，其每一部分都可进行…
-
一周一荐 | vite-plugin-pwa 离线安装Vite应用
渐进式Web应用（PWA）通过结合 Web 和移动应用的特点，为用户带来更加流畅和快速的体验。且PWA支持离线访问能力（访问静态资源本地缓存），极大提高了用户交…
-
bpmn-js 事件总线处理
bpmn-js中使用EventBus作为事件的处理句柄，EventBus的使用和我们常规使用的事件总线没啥大的区别，其源码位于：/diagram-js/lib/core/Event…
-
一些你可能不知道的跨浏览器DevTools功能
DevTools很像浏览器本身——并非一个浏览器的DevTools中的所有功能都与另一个浏览器中的DevTools相同或受支持。但有相当多的DevTools功能是可互操作的，甚至是…
-
【一周一荐】| 推荐一款Vite中加载svg的小工具
最近开发中使用到一个好玩的Vite三方小插件vite-plugin-svg-icons很实用，可以辅助我们开发过程中快速加载svg小图标。其原理是在Vite编译器的时候通过一次性的…
-
【开发一个Vue3组件】 | 如何创建一个本地库项目
开发过程中需要开发一个内部的组件库来实现某些业务功能，遵循Vue3的开发习惯，我这里再当前项目创建packages包专门用来存放本地的组件库文件，本文主要是记录下整个组件库环境的搭…
-
聊一聊bpmn-js中的Viewer和Modeler
通过之前对于bpmn-js的学习，可以完成一个基础的Bpmn编辑器(或者叫建模器)的显示和简单绘制，若需要做更多工作还需加强对其的内部实现的了解。通过使用我们可以知道bpmn-js…
-
推荐前端一个轻量级别的依赖注入库：didi
最近在用bpmn-js来进行flowable流程图的开发工作，不可避免地希望对其运行机制做一个大致的了解，在使用bpmn-js的过程中，bpmn-js基于diagram-js实现的…
-
聊一聊bpmn-js中的Palette
bpmn-js中使用Modeler进行流程图的建模，而Palette则是其内部创建的提供左侧工具栏的插件。插件使用didi实现的依赖注入，其创建使用参考上一篇文章：推荐前端一个轻量…
