阿里云播放器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 利用…
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;…
Spring中的Service方法如果声明了事务，例如@Transactional(propagation = Propagation.REQUIRED)，那么调用的时候，Spring会自动管理事务，遇到Exception，会rollback回滚，但是可能会遇到这种情况：同一个Service类中的方法，要调用本类中的其他方法（尽管这个方法也声明了事务），会发现调用的那个方法没有开启事务。 Spring开启事务，需要两个条件 首先需要方法声明是public的 声明事务，可以是在Service上加@Transactio…
