在学习和测试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…

项目中使用了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 利用…

Hibernate下的程序，可能有很多实体类，每个实体类的相关基础的增删改查操作，按照一般的做法，都是要分别写Dao方法，然后实现增删改查的操作（例如sessionFactory.getCurrentSession().get/save/delete等等），我们可以看到这些操作都是很类似的，有没有什么办法可以把这些抽取出来重构下，减少重复操作，提高效率。 利用Java的泛型，将实体类提出出一个公共的BaseEntity.java，后续具体的实体类都extends这个BaseEntity。 定义BaseDao，这时i…

Html里的元素将其旋转一定的角度，可以利用CSS的transform:rotate来实现，例如： .some-div { transform:rotate(-30deg); } 其中-30deg说明逆时针旋转30°，如果顺时针的角度，就是正数，根据自己的实际需求做相应的调整。

使用hibernate的项目，很多时候，用HQL语言查出来的对应的是数据库实体类；另外一些情况，需要查出来对应一个普通的类（或者现在流行的说法教DTO类），就是普通的SQL查询（NativeQuery）对应出来的类，很多现在用MyBatis的都有这种类似的需求。 例如一个StudentDto.java @Data public class StudentDto { private Long id; private Integer age; private String name; } 这里我们已经没有给这个类加@E…

我们使用到给元素设置成display:inline-block; 例如用于同一行摆放多个元素，发现一个问题，他们之间有空隙，如下所示代码： <div style="padding: 0px;margin:0px;"> <div style="display:inline-block;background:red;width:50px;height:50px;"></div> <div style="display:inline-block;background:green;…