如题，可能有一些需求（例如使用其他人的组件，不方便修改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>…

SpringBoot打包好的jar文件，使用的logback作为日志系统，运行后，需要根据服务器实际情况，配置自定义的日志文件路径。 例如之前的jar文件是这样运行的： java -Xms256M -Xmx1024M /opt/test/test-0.0.1-SNAPSHOT.jar 默认是会去找打包jar里面的类似logback-spring.xml这样的配置文件。现在的需求就是自定义个外部的logback-spring.xml文件，由这个文件来控制日志的一些配置信息，例如最后日志记录的文件路径等。 我假设要运行…

阿里云播放器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…

在学习和测试SpringCloud的Sentinel组件的时候，需要自己安装一个Sentinel环境，安装一个Docker版本的Sentinel是比较方便的，如果正式环境我觉得也问题不大，下面分享我安装的方法，比较简单。 首先，先决条件是安装docker-ce，详见：https://blog.terrynow.com/2021/12/15/centos-install-latest-docker-ce-simple-steps/ docker pull bladex/sentinel-dashboard 我使用的最…

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; }  

使用Vant做一个Field，点击Field的前面部分，触发catClicked，弹出Picker选择框；另外右侧使用插槽放置了一个按钮，也可以使用触发里面的addCatClicked方法。 代码如下： <van-field :value="cat" @click="catClicked" readonly placeholder="请选择分类" > <template #button> <van-button size="mini" icon="plus" type="info" @…

在设计MySQL表的时候，有时候，为了简化逻辑，在一个字段中，存多个数据我们使用了英文逗号将多个数据都逗号隔开，这也导致了一个问题，在做查询的时候，需要在这个字段下搜索是否含有指定的数据。 例如数据库表中一个字段叫tags，我们多个tag保存的是用逗号隔开的数据，例如一行中还有A,B,C,D,AB，另一行还有D,AB 如果我们直接使用like查询是否还有A，很可能把含有AB的数据行也查出来： select * from t_table where tags like '%A%'; MySQL中提供了一个函数：FIN…