在前端开发中，弹窗是一个常见的需求，而Element UI框架中的el-dialog组件提供了弹窗的基本功能。然而，在实际开发中，我们可能会遇到一些需要定制化的需求，比如需要对弹窗进行二次封装，以便在整个项目中统一管理弹窗的样式和行为。在这篇文章中，我将分享如何使用useDialog Hook来封装 ...
微前端（qiankun）尝鲜(vue)
什么是微前端？ Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. – Micro Frontends 微 ...
vue history 多模块nginx配置
vue-router history模式比hash模式有很多好处，我在这里就不详细说了，主要有一点：当我们用分享的时候，或者把url暴露给别人用的时候，很多时候会经过url编码就会导致hash的#符号被转码，然后导致整个路由错误。 问题当我们使用history模式的时候一般是需要配置nginx的tr ...
vue prerender-spa-plugin 预渲染
在做VUE H5单页面轻应用的时候，如果不优化则进入页面会很长时间的白屏，有很多种优化，我们这里主要讲prerender-spa-plugin预渲染。 原理：prerender-spa-plugin 利用了 Puppeteer 的爬取页面的功能。 Puppeteer 是一个 Chrome官方出品的 ...
制作自己的npm包并排除第三方依赖
在工作中，我们可能会遇到第三方包所提供的功能无法满足我们的需求的时候，或者公司公共组件。我们需要制作自己的npm包。 前提 在npmjs.org注册账户（公司私服则需要运维开账户）。 检查本地npm config registry是否为npmjs.org或者公司私服地址。 本地npm登录npm lo ...
Spring boot JDBC动态数据源 starter
在平时开发过程中，很多内部的项目都是直接访问多个数据库，这样平时一个项目一个数据库就不够用了，spring支持多数据源。现在很流行Spring boot自动配置，我在这里分享一个基于Spring boot starter方式的多数据源（动态自动切换）整合方案。 由于我们需要做一个starter，所以 ...
用muse ui + fabricjs做海报编辑器
功能点添加图片 由于画板上会有很多图片元素，并且我们需要对每个元素设置不同对圆角以及透明度，所以我们需要在添加图片的时候给当前元素生成一个唯一ID来标示它，并且把它的所有配置属性存储。 图片源1.6/*** @param url 图片数据：本地地址、远程地址、base64* @param opti ...
redisson 分布式锁
在很多场景中，我们为了保证数据的最终一致性，需要很多的技术方案来支持，比如分布式事务、分布式锁等。有的时候，我们需要保证一个方法在同一时间内只能被同一个线程执行。在单机环境中，Java中其实提供了很多并发处理相关的API，例如：ReentrantLock与synchronized等，但是这些API在 ...
iView Table 表格合并
在项目开发中，总是有些地方需要把单元格合并的，比如订单列表：同一个订单号，不同的产品，则需要合并订单号等。但是官方目前只支持表头的合并，还未支持单元格的合并，有人在Github上提了Issues,但是官方一直没有解决，so。。。我就自己写了，一个方法，思路是： 获取到Vue中iView到Table ...
Fabricjs 画六边形
fabricjs，就是一个前端画板，canvas的增强版。 使用fabricjs来画六边形和canvas画其实原理是一样的，只是方法不同。 设定变量： start 鼠标按下，开始的事件对象 upObj 在鼠标没有松开的情况下上一次绘画的对象 绑定画板事件mouse:down设置开始事件 1. ...