VUE项目中，可能需要用到监听路由变化的场景，例如：在Header组件中，需要根据当前的路由，来动态改成Header中的图片或者其他内容。 我们知道vue中使用watch来监听data内容的变化，要如何监听route的变化呢？代码如下 watch: { $route (newRoute) { var path = newRoute.path; if(path === '/login') { this.backgroundImg = require('../assets/home_bg2.jpg'); } else …
如题，使用iView的Input输入框（或i-input）嵌套在<table></table>标签中会产生一个间隙问题，如图（前缀和后缀都会举例输入框有个空隙）： 代码如下： <table> <tr> <td> <i-input v-model="cg.mt_sh" type="tel" style="width: 250px;" :maxlength="50"> <span slot="prepend">国家级</span&…
很早之前写异步任务，可能就是直接使用Thread类来操作，例如： new Thread() { @Override public void run() { // 要执行的异步操作 } }.start(); // 或者这样： new Thread(() -> { // 要执行的异步操作 }).start(); 后来慢慢改进成：java.util.concurrent.Executor 在SpringBoot下，可以更加优雅的实现这些操作 首先开启异步的配置，只要增加@EnableAsync注解就可以了 @Ena…
例如在做一些图片处理的时候，img标签需要加载src为data base64的图片格式，有时候也需要把url（例如https://www.example.com/test.jpg）转成base64的data。 类似这样子的格式：<img src="data:image/jpg;base64,abc123..." /> 工具方法和使用示例如下： // 把imageUrl转成base64的Data function imageUrlToBase64Data(url, callback) { var xhr …
如题，写完代码本地提交后（还没有push到远程git仓库），发现有问题，想撤回提交的内容。 如果已经push了，想要撤回，可以参考：https://blog.terrynow.com/2021/11/16/git-revert-remote-repository-to-a-specific-commit-state/ 操作方式如下： git reset --soft HEAD^ # 或者~1表示撤销最近的一次，如果最近2次就是~2 git reset --soft HEAD~1 这样操作，只是撤销了最后的一次com…
显示视频播放时长的时候，需要显示类似：XX小时XX分XX秒，而我们有的变量是视频时长单位是秒数（毫秒数就不做考虑了，不用那么精确吧） 我自己写的实现方法：比较简单，供参考： function formatDuration(durationInSeconds) { if (durationInSeconds < 60) { // 少于1分钟的，直接显示多少秒 return durationInSeconds + '秒'; } if (durationInSeconds < 3600) { //少于1小时的…
QueryWrapper下每增加一行条件，默认每个条件是and且的关系，如果要增加一个条件，这个条件下所有的关系是或者（or），就是这个条件下的子条件之前是or，外部用and，增加一个括号，括号中用or 可以用如下方式 QueryWrapper<User> userWrapper = new QueryWrapper<>(); userWrapper.eq("type", "admin"); String keys = (String) map.get("key"); if(StringUt…
如题，SpringBoot/SpringCloud/SprintSecurity下集成swagger打开 http://loclahost:port/swagger-ui.html弹框提示如下错误： Unable to infer base url. This is common when using dynamic servlet registration or when the API is behind an API Gateway. SpringSecurity需要增加swagger-ui相关url规则放行…
POST请求的消息主体放在entity body中，服务端根据请求头中的Content-Type字段来获取消息主体的编码方式，进而进行解析数据。 一、application/x-www-form-urlencoded 最常见的 POST 提交数据的方式，原生Form表单，如果不设置 enctype 属性，默认为 application/x-www-form-urlencoded 方式提交数据。 首先，Content-Type被指定为 application/x-www-form-urlencoded；其次，提交的表…
swagger作为一款在线文档生成工具，用于自动生成接口API，避免接口文档和代码不同步，但原生的界面不是很友好，下面介绍一款改进版本swagger-bootstrap-ui，界面左右侧布局，可以打开多个Tab页。 实现也非常简单，在swagger2配置基础上仅多添加一个依赖并在配置类上追加@EnableSwaggerBootstrapUI注解即可，无任何其他多余配置。 看下Springboot集成步骤： 1、引入依赖 <dependency> <groupId>io.springfox&l…
