SpringBoot后端Long数据传到前端js精度损失问题

文章目录

方案一、修改后端
方案二、修改前端

方案一、修改后端

在对应的字段上添加注解，将Long转为String后传输。

	@JsonFormat(shape = JsonFormat.Shape.STRING)
    private Long payNo;

方案二、修改前端

在js对应的结果接收上使用BigInt。

xxx().then((res) => {
    if(res){
        this.payNo = String(BigInt(res.payNo))
    }

发布时间：2024-02-18 22:54:56
http://www.litoo.cn/news/441.html

使用Go Validator在Go应用中有效验证数据

Go Validator是一个开源的包，为Go结构体提供强大且易于使用的数据验证功能。该库允许开发者为其数据结构定义自定义验证规则，并确保传入的数据满足指定的条件。Go Validator支持内置验证器、自定义验证器，甚至允许您链式多个验证规则以满足更复杂的数据验证需求。如果内置验证器无法满足您的需求，您可以通过定义自己的验证函数来创建自定义验证器。这个功能允许您实现特定于应用程序需求的验证逻辑。

编程日记 2024/03/03 13:53:57

【JS】【Vue3】【React】获取鼠标位置的方法：JavaScript、Vue 3和React示例

随着Web应用程序的复杂性不断增加，获取用户交互信息变得越来越重要。其中，获取鼠标位置是一项常见的任务，可以用于实现各种交互效果，如拖拽、悬停提示等。本文将探讨在JavaScript、Vue 3和React中获取鼠标位置的不同方法，并提供相应的示例。

编程日记 2024/02/28 09:12:05

Springboot中如何记录好日志

springboot项目如何配置日志，日志门面和日志实现的区别是什么，如何通过日志切面将日志和代码解耦，这里都有分享。

编程日记 2024/02/27 21:34:27

React 中引入 CSS 高阶用法

组件式开发选择合适的`css`解决方案尤为重要通常会遵循以下规则：- 可以编写局部css，不会随意污染其他组件内的原生；- 可以编写动态的css，可以获取当前组件的一些状态，根据状态的变化生成不同的css样式；- 支持所有的css特性：伪类、动画、媒体查询等；- 编写起来简洁方便、最好符合一贯的css风格特点

编程日记 2024/02/27 21:33:42

【Vue3】使用ref与reactive创建响应式对象

先来简单介绍一下ref，它可以定义响应式的变量let xxx = ref(初始值)。**返回值：**一个RefImpl的实例对象，简称ref对象或refref对象的value属性是响应式的。JSxxx.value，但模板中不需要.value，直接使用即可。对于let name = ref('张三')来说，name不是响应式的，name.value是响应式的。下面我们看一看上图红框中代表的意思是，我们哪里需要响应就在哪个里面导入上述代码即可。

编程日记 2024/02/21 09:49:43

如何使用阿里云OSS进行前端直传

在使用阿里云OSS进行前端直传时，首先我们需要去阿里云官网注册自己的存储桶，然后申请相关的accessKeyId和accessKeySecret，然后新建一个桶，为这个桶命名以及选择对应的地区。然后可以根据自己的业务，封装对应的组件，以下是根据我自己的项目，所封装的上传组件，所用的是React技术栈。

编程日记 2024/02/20 22:34:27

5年前端老司机：浅谈web前端开发技术点

且不说眼下市面在有这么多的浏览器，就只单一的IE系列家族的问题也够多的了，特别是IE6，IE7。我觉得比一般的后台开发更复杂。这还是一个比較新的职业，对一些规范和最佳实践的研究都处于探索阶段，一些新的技术随时都会闪现出来，比如：浏览器大战也越来越白热化，跨浏览器兼容方案依旧五花八门，眼下我所在的公司一般要求我们兼容到IE7，曾经常常遇到这样的情况。在开发过程中涵盖的东西很宽广，既要从技术的角度来思考界面的实现，规避技术的死角，又要从用户的角度来思考，如何才干更好地接受技术呈现的枯燥的数据，更好的呈现信息。

编程日记 2024/02/17 14:01:05

C# winfrom中excel文件导入导出

在C#交流群里，看到很多小伙伴在excel数据导入导出到C#界面上存在疑惑，所以今天专门做了这个主题，希望大家有所收获！环境：win10+vs2017界面：主要以演示为主，所以没有做优化，然后主界面上添加两个按钮，分别命名为ExportExcel和ImportExcel，添加两个dataGridView，分别是dataGridView1和dataGridView2然后在窗体加载程序中给dataGr...

编程日记 2024/02/17 14:00:34

树莓派4B（Raspberry Pi 4B）使用docker搭建springBoot/springCloud服务

编程日记 2024/02/13 19:58:42

常见的Web前端开发框架推荐

Web前端开发框架的选择对于开发效率、项目维护以及用户体验等方面都有着重要的影响。

编程日记 2024/02/12 21:05:01

HTML5和CSS3强化知识总结

之前总结定位元素水平垂直居中时，top left均为50%，之后margin-top为-高度的一半，margin-left为-宽度的一半，即可实现，但这一旦改变盒子的宽高，也得改变marign值，故tranform：translate（-50%，-50%）很方便的避免了频繁改动数据的问题。利用阴影进行动画设置，先利用定位将阴影与圆点放置合适位置，用一个盒子将其包含，让阴影水平垂直居中放置在盒子中，此时圆点就会在阴影正中间，利用动画将阴影的宽高调大，之后每个阴影进行延迟即可。

编程日记 2024/02/10 19:42:01

uniapp 使用renderjs引入echarts

uniapp 使用renderjs引入echarts ,主要就是为了直接复用pc端写好的，其他js挂载也是类似的

编程日记 2024/02/09 09:35:06

npm---设置淘宝镜像时报“certificate has expired“的错误

编程日记 2024/02/09 09:31:50

后端返回给前端的数据格式有哪些？

后端返回的数据格式有很多种，常见的包括JSON、XML、HTML、CSV等。这些格式各有特点，适用于不同的应用场景。

编程日记 2024/02/05 08:46:56

SpringBoot security 安全认证（二）——登录拦截器

本节内容：实现登录拦截器，除了登录接口之外所有接口访问都要携带Token，并且对Token合法性进行验证，实现登录状态的保持。核心内容：1、要实现登录拦截器，从Request请求中获取token，从缓存中获取Token并验证登录是否过期，若验证通过则放行；2、实现对拦截器配置，SpringBoot 安全模块使用HttpSecurity 来完成请求安全管理。

编程日记 2024/02/04 09:56:30

npm淘宝镜像过期解决办法

因为npm 官方镜像（registry.npmjs.org）在国内访问很慢，我们基本上都会选择切换到国内的一些 npm 镜像（淘宝镜像、腾讯云镜像等）。由于淘宝原来的镜像（registry.npm.taobao.org）HTTPS 证书正式到期，因此需要切换到淘宝最新的镜像，否则会出现证书到期异常。

编程日记 2024/02/03 11:16:50

Kafka常见生产问题详解

比如，在原有Topic下，可以调整Producer的分区策略，让Producer将后续的消息更多的发送到新增的Partition里，这样可以让各个Partition上的消息能够趋于平衡。思路是可行的，但是重试的次数，发送消息的数量等都是需要考虑的问题。PageCache缓存中的消息是断电即丢失的。因为如果业务逻辑异步进行，而消费者已经同步提交了Offset，那么如果业务逻辑执行过程中出现了异常，失败了，那么Broker端已经接收到了消费者的应答，后续就不会再重新推送消息，这样就造成了业务层面的消息丢失。

编程日记 2024/02/02 14:04:11

Zookeeper分布式队列实战

ZooKeeper实现队列步骤1.创建队列根节点：在Zookeeper中创建一个持久节点，用作队列的根节点。所有队列元素的节点将放在这个根节点下。2.实现入队操作：当需要将一个元素添加到队列时，可以在队列的根节点下创建一个临时有序节点。节点的数据可以包含队列元素的信息。3.实现出队操作：当需要从队列中取出一个元素时，先获取根节点下的所有子节点。再找到具有最小序号的子节点，获取该节点的数据，删除该节点，然后返回节点的数据。

编程日记 2024/02/01 14:42:13

Web 安全之点击劫持（Clickjacking）攻击详解

点击劫持（Clickjacking）攻击，又称为界面伪装攻击，是一种利用视觉欺骗手段进行攻击的方式。攻击者通过技术手段欺骗用户点击本没有打算点击的位置，当用户在被攻击者攻击的页面上进行操作时，实际点击结果被劫持，从而被攻击者利用。这种攻击方式利用了用户对网站的信任，通过覆盖层（通常是透明的iframe）覆盖在另一个网页之上，使受害者无法察觉。

编程日记 2024/01/28 17:47:23

如何在html5中的canvas绘制文本自动换行？

在固宽的 canvas 中，字数过多的时候，并不会自动换行，我们可以增加 canvas 本身的宽度，但这不是解决问题的根本方法。还记得之前介绍 canvas 基本 api 的时候，有一个函数，这个函数可以测量字体的宽高度，那就好办了，我们计算好我们字符串的长度加上一个大概的宽度，基本上可以处理这种换行的问题了。，保存开始截取的最后的索引，当循环变量 i 为最后一个字符的时候，直接绘制剩余部分。，如果大于 canvas 的宽度，就截取这部分进行绘制，然后重置。

编程日记 2024/01/27 08:06:41

鸿蒙（ArkUI）开发：实现二级联动

列表的二级联动（Cascading List）是指根据一个列表（一级列表）的选择结果，来更新另一个列表（二级列表）的选项。这种联动可以使用户根据实际需求，快速定位到想要的选项，提高交互体验。例如，短视频中拍摄风格的选择、照片编辑时的场景的选择，本文即为大家介绍如何开发二级联动。

编程日记 2024/01/25 21:53:21

Vue和React的区别 | | React函数式写法和类写法的区别

React 更多的是一个库而不是框架，它更专注于视图层的管理，通过社区和第三方库来进行补充和扩展。类式组件: 类式组件是 ES6 中引入的 class 类的一种用法，它继承自 React.Component，拥有完整的生命周期和内部状态管理能力。它是无状态的，没有生命周期和内部状态。而在 React 中，我们使用 JSX 语法，它是一种 JavaScript 的扩展语法，可以在 JavaScript 中直接编写类似 HTML 的结构。在 React 中，我们可以定义组件的两种方式，即函数式组件和类式组件。

编程日记 2024/01/24 20:03:08