violet

web开发使用RSA加密进行传输

java

目前代码片段仅用于密码的加密后端spirntboot部分// RsaUtils.javapackage com.carolin_violet.travel_system.utils;import org.apache.commons.codec.binary.Base64;import org.ju

js检测键盘输入字符串中任意三个是否连续

js

思路：先将字符串转为全是小写，然后匹配对应的坐标点，之后将坐标点连线判断是否连续/** * 判断字符串是否键盘三连（横着、竖着） * @param {String} str * @returns boolean 是否满足键盘3连键 */function checkKeyboardContinuous

微前端qiankun框架iconfont图标样式冲突问题

微前端

主要问题：主应用加载了子应用后主应用的部分iconfont图标变成了白色圆形，失去了原来的效果解决方案如下图：在子应用的图标库加一些前缀，将默认前缀改成自定义能区分的前缀思考：可能还是整体项目的样式隔离没有处理好，qiankun目前的样式隔离有两种方法，一种是strictStyleIsolation

微前端qiankun框架路由切换问题

微前端

主要问题：主应用切换到子应用的路由后，在子应用里进入子路由再回退到上一个子应用的路由中，出现白屏并且url后面是undefined环境：主应用为使用webpack构建的vue2项目，子应用为使用vite构建的vue3项目解决方法 : qiankun框架注册子应用有两种方法，下图分别为这两种方法，用

输入框字体在不设置type="password"的情况下将字体设置为小黑点样式

css&js

由于输入框设置了type=“password”，在新建用户时输入账号密码的时候会自动提示浏览器记录历史账户，为了取消这种效果就需要将input输入框的type="password"取消掉，但是在取消了这个属性之后我们还需要将输入框的字体样式改为小黑点使用text-security

关于element的校验问题

element

一般校验都是对象里面都是基本的数据类型即不再是对象了，但是当对象还包含的不同的对象那普通的配置校验项就不那么好用了，这时就得用上自定义的校验规则了当校验对象只有一层时基本不会有太大的问题，但是当对象不止一层而校验的字段在第二层里那就得用上自定义的校验函数了可以看到传入value打印的也是commod

关于vue的样式穿透问题

vue

发现这个主要是因为业务需要修改elementui的样式时我的css不生效首先写了个测试页面发现能修改样式，(element的el-input是封装过的，所以要修改input的样式需要在F12调试页面找到相应的标签)，但是组件style没有加scoped容易影响全局样式，所以一般组件我们都需要加上sc

vue2使用tinymce富文本编辑器

vue

先下载相关依赖npm install @tinymce/tinymce-vue@3.0.1 -Snpm install tinymce@5.1.0 -S将node_modules文件夹下的tinymce文件夹复制到public文件夹下,并下载相应的汉化包,public文件目录如下：新建一个vue组建