要在网页上显示类似O2(氧气)、m2(立方米)这样带上下标的。 先上示例代码，再解释： O<span style="vertical-align: sub;">2</span> m<span style="vertical-align: super;">2</span> 在css中，可以使用vertical-align 属性的sub、super或者text-top、text-bottom属性值来显示文字的上标和下标。下面我们就来介绍一下css vertical-ali…

接口java.util.concurrent.ExecutorService 表述了异步执行的机制，并且可以让任务在后台执行。ExecutorService 的实现就是一个线程池的实现。 一、ExecutorService 示例代码 下面是使用Java 实现的ExecutorService 示例代码： import java.util.concurrent.ExecutorService; import java.util.concurrent.Executors; public class ExecutorSer…

MySQL字符串截取，需要用到substr（等价于或者） SUBSTR(string, start, length) substring(string, start, length) mid(string, start, length) 或者: SUBSTR(string FROM start FOR length) substring(string FROM start FOR length) mid(string FROM start FOR length) 参数说明 参数 说明 string 必填。需要处理的…

需要做一个简单的订单号生成规则，并发量不是特别高，从订单号上不要体现出订单的真实数量（例如自增长的ID就会暴露订单数量给用户看到） 示例我是写的订单号生成器，生成类似这样子的的16位订单号。 /** * @author Terry E-mail: yaoxinghuo at 126 dot com * @date 2022/3/4 22:57 * @description */ public class OrderUtils { private static int serial = 0; // 序列号倒数5位的前…

分布式 id 生成器 在分布式场景中，唯一 id 的生成算比较重要。 而通常在高并发场景中，需要类似 MySQL 自增 id 一样不断增长且又不会重复的 id，即 MySql 的主键 id。 比如，在电商 618 或者双 11 搞活动的时候，一般在 0 点 开始，会有千万到亿级的订单量写入，每秒大概需要处理 10 万加的订单。 而在将订单插入数据库之前，我们在业务上需要给订单一个唯一的 id，即利用 idMaker 生存唯一的订单号，再插入数据库内。如果生成的 id 是随机且没有含义的纯数字的话，在大订单量的情况下…

现在Java下的时间日期有Date、LocalDateTime、LocalDate、Instant等多种，在thymeleaf中格式化成我们能看懂的日期，都是可以的。 例如有以下几种（Java代码）： ontext context = new Context(); context.setVariable("standardDate", new Date()); context.setVariable("localDateTime", LocalDateTime.now()); context.setVariable…

需要在JS代码中打开新的页面，且需要在浏览器的新标签页面中打开 一般使用一下代码打开新页面 window.location.href='https://www.baidu.com'; window.open('https://www.baidu.com'); 不过并不是在新标签页中打开的，可以这样做： window.open('https://www.baidu.com', '_blank'); 另一种方式： function openInNewTab(url) { Object.assign(document.c…

在vue2.x下需要展示pdf，详见：https://blog.terrynow.com/2022/09/06/vue2-show-pdf-paging-http-header-with-token-pinch-zooom/ 不过在依赖添加了 后，有一个报错： vue-resize-sensor Cannot read properties of undefined (reading 'catch') 使用指定版本的pdfjs-dist和vue-pdf即可解决，如下： npm i [email protected]…

我们开发普通的下载链接，只主要写一个标签，不过有一些需求是要针对这个下载链接做权限校验，而权限校验需要在请求这个链接的时候，在Header里加上token之类的。 使用axios来调用get请求，并发送自定义的Header，然后把请求到的数据组成下载内容，示例代码如下： download() { axios.get('http://192.168.1.1:8081/api/export_pdf', { headers: { 'Content-Disposition': "attachment; filename=d…

需要在vue项目中的页面中显示PDF文件，经过一番查找，决定使用这个项目：https://github.com/FranckFreiburger/vue-pdf/ 另外还有手指缩放功能，使用的是：https://github.com/drozhzhin-n-e/vue-pinch-zoom package.json中引入： "dependencies": { "pdfjs-dist": "2.5.207", "vue-pdf": "4.2.0", "vue-pinch-zoom": "^0.2.5" } 最简单的使…