项目中使用了quill editor做富文本编辑器，优点是比较简捷，界面也美观，集成起来也很方便，官网地址：https://quilljs.com/ （vue下整合的project: https://github.com/surmon-china/vue-quill-editor）中文文档地址：https://kang-bing-kui.gitbook.io/quill/wen-dang-document/quickstart 不过有个问题，工具栏是英文的，客户希望全部汉化，如图所示： 了解了一番，可以利用css来…
今天升级了Spring项目的SpringBoot版本（2.5.x->2.7.x）再次启动后，console日志打印出红色的： 另外发现除了log.error能显示外，log.warn log.info都无法显示出来了。 我的SpringBoot项目时候的是log4j作为日志系统的，如何配置详见：https://blog.terrynow.com/2021/07/27/springboot-config-log4j-pattern-and-split/，之前引用的是： <dependency> &l…
如题，可能有一些需求（例如使用其他人的组件，不方便修改JS代码等情况），需要让CSS来控制某些超链接无法点击，例如，有以下Html代码： <a class="baidu-link" href="https://www.baidu.com">Baidu.com</a> 要使Baidu.com无法点击，可以可以给a标签加pointer-events: none; 代码如下： .baidu-link { pointer-events: none; }
在用Javascript调出浏览器打印页面（window.print()函数）或者其他打印工具类库（例如Print.js PrintArea, 对打印页面的一些有用和便捷封装，总体都是最后调用的window.print()） 在这些使用中，发现一个问题，网页区域有背景颜色的时候，打印的时候并不出现背景颜色，例如： <div stlyle="background:red;">测试</div> 经过一番调查，找到解决方案，在此记录下。 只要给需要打印的元素CSS加如下两个属性便可： #print…
本篇记录下SpringBoot中集成RabbitMQ，并发送消息的步骤，简单几步，即可上手。 SpringBoot是兼容mq的，spring-boot-starter里面就有mq的集成，修改pom，增加如下dependency即可。 pom.xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-amqp</artifactId>…
阿里云播放器Alipalayer官方的展示和配置详见：https://player.alicdn.com/aliplayer/presentation/index.html 官方的展示使用的并不是vue的写法，这边整理了了一下vue的写法，如果是配置方面的，可以把配置的代码复制过来直接时候，另外也考虑到了插件组件的使用，也是集成进去了。 示例中使用了2.9.20版本的js和css，使用了ali的CDN引用的，组件使用的是1.0.8的版本，这个是没有CDN的，需要直接从github上下载 https://github…
CSS给div设置透明度的方式有多种，根据自己的实际情况做选择 opacity取值是[0,1]之前的小数都可以，直接使用opacity: 0.5，意思是透明度50%，不过这种方式有个问题，就是整个div全部透明了，且div里面的内容（包括文字）也会产生透明： .my-div { opacity: 0.5; } 如果想要让div里面的内容不透明，可以使用这种方式: RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带…
利用Javascript需要检测给定的变量是否是二维数组。 思路是这样：可以取出给定变量的下标0的位置，来检测是否是数组即可（利用constructor === Array来判断）。 代码如下： // 判断给定arr是否是二维数组 is2dArray(arr) { if(!arr||arr.length ===0){ return false; } // console.log(arr) return arr[0]?arr[0].constructor === Array: false; }
在设计MySQL表的时候，有时候，为了简化逻辑，在一个字段中，存多个数据我们使用了英文逗号将多个数据都逗号隔开，这也导致了一个问题，在做查询的时候，需要在这个字段下搜索是否含有指定的数据。 例如数据库表中一个字段叫tags，我们多个tag保存的是用逗号隔开的数据，例如一行中还有A,B,C,D,AB，另一行还有D,AB 如果我们直接使用like查询是否还有A，很可能把含有AB的数据行也查出来： select * from t_table where tags like '%A%'; MySQL中提供了一个函数：FIN…
项目中使用了iView(View UI)，时候了表格，https://www.iviewui.com/components/table，有个需求，就是表格中的内容，需要排序，初步看了iview的文档和例子，是没有提到排序功能的。 其实文档有说到： Table props： draggable 3.3.0 是否开启拖拽调整行顺序，需配合 @on-drag-drop 事件使用 Table events： on-drag-drop 3.3.0 拖拽排序松开时触发，返回置换的两行数据索引 index1, index2 利用…
