当前位置: 首页 > news >正文

使用js给数字进位,比如23333元进位成2.33万元

文章目录

  • 一、进位函数:
  • 二、使用:
  • 总结


一、进位函数:

    //数字进位getUnitObjWithNumber(value){let dataconst returnObj = {}let dw = ''let chengshu = 1if (isNaN(value)) {data = 0} else {data = parseFloat(value)}if (Math.abs(data) < 10000) {if ((data + '').indexOf('.') >= 0) {returnObj.value = data.toFixed(2)} else {returnObj.value = data.toFixed(0)}//} else if (Math.abs(data) >= 10000 && Math.abs(data) < 100000000) {data = data * 0.0001chengshu = 0.0001returnObj.value = data.toFixed(2)dw = '万'} else if (Math.abs(data) >= 100000000 && Math.abs(data) < 1000000000000) {data = data * 0.00000001chengshu = 0.00000001returnObj.value = data.toFixed(2)dw = '亿'} else {data = data * 0.000000000001chengshu = 0.000000000001dw = '万亿'returnObj.value = data.toFixed(2)}returnObj.dw = dwreturnObj.chengshu = chengshureturn returnObj},

二、使用:

举例:

<template><div class="secondClass"><span>{{getUnitObjWithNumber(71000).value}}</span><span style="font-weight: normal">{{getUnitObjWithNumber(71000).dw}}</span></div>
</template>

前端页面显示的内容会是7.10万人


总结

在很多项目中,需要考虑当数据量过大,页面显示进位后的数据,以便页面不会错位和重叠。

相关文章:

使用js给数字进位,比如23333元进位成2.33万元

文章目录 一、进位函数&#xff1a;二、使用&#xff1a;总结 一、进位函数&#xff1a; //数字进位getUnitObjWithNumber(value){let dataconst returnObj {}let dw let chengshu 1if (isNaN(value)) {data 0} else {data parseFloat(value)}if (Math.abs(data) < 100…...

Java二十三种设计模式-享元模式(12/23)

享元模式&#xff1a;高效管理大量对象的设计模式 引言 在软件开发中&#xff0c;有时需要处理大量相似或重复的对象&#xff0c;这可能导致内存使用效率低下和性能问题。享元模式提供了一种解决方案&#xff0c;通过共享对象的共同部分来减少内存占用。 基础知识&#xff0c…...

腾讯云AI代码助手助力软件开发体验分享

引言 现在&#xff0c;AI工具在软件开发中变得越来越重要&#xff0c;它们能显著提升效率和代码质量。本文就来分享一下我用腾讯云AI代码助手的经历&#xff0c;看看它是怎么在开发中帮了大忙的。 开发环境介绍 这次的项目用的是JavaScript&#xff0c;开发环境是Windows 10…...

Leetcode力扣刷题——182.查找重复的电子邮箱

题目 编写解决方案来报告所有重复的电子邮件。 请注意&#xff0c;可以保证电子邮件字段不为 NULL。 以 任意顺序 返回结果表。 结果格式如下例。 结果 # Write your MySQL query statement below select Email from Person group by email having count(*)>1; 知识点 c…...

idea中好用的插件

输入法自动切换插件 自动切换输入法插件&#xff1a;Smart Input。编写代码时自动切换到英文输入法&#xff0c;注释代码自动切换为中文输入法。极大的提升我们的编码效率。 MyBatisX插件 MybatisX 是一款基于 IDEA 的快速开发插件&#xff0c;为效率而生。主要用于XML映射配…...

spring 代码执⾏ (CVE-2018-1273)漏洞

一 漏洞简介 Spring Data 是⼀个⽤于简化数据库访问&#xff0c;并⽀持云服务的开源框架&#xff0c;Spring Data Commons 是 Spring Data 下所有⼦项⽬共享的基础框架。Spring Data Commons 在 2.0.5 及 以前版本中&#xff0c;存在⼀处 SpEL 表达式注⼊漏洞&#xff0c;攻击…...

幺麻子曲折上市路:毛利率近四年下滑不少,存货出现较大增长

《港湾商业观察》廖紫雯 近期&#xff0c;幺麻子食品股份有限公司&#xff08;以下简称&#xff1a;幺麻子&#xff09;申请股票在全国股份转让系统挂牌并公开转让&#xff0c;拟挂牌新三板。 幺麻子此前上市之路可谓一波三折。2022年9月&#xff0c;公司向四川证监局提交辅导…...

Sol盗u、sol链上的USDT盗窃:警惕恶意智能合约

随着区块链技术的普及&#xff0c;Solana链上的应用和用户数量不断增加。然而&#xff0c;这也为不法分子提供了可乘之机&#xff0c;恶意智能合约逐渐成为盗取USDT等加密资产的一种常见手段。本文将详细介绍恶意智能合约的工作原理&#xff0c;并提供防范措施&#xff0c;帮助…...

jupyter for c++

jupyter for c++ jupyter for c++ jupyter for c++配置环境问题参考文档配置环境 需要 clang 编译器 安装 aconda 默认情况下,anaconda navigator包与anaconda Distribution一起安装,并包含依赖包qt。默认情况下,qt的所有依赖项也应安装,但某些版本的Anaconda Distribution…...

TCP Analysis Flags 之 TCP Window Full

前言 默认情况下&#xff0c;Wireshark 的 TCP 解析器会跟踪每个 TCP 会话的状态&#xff0c;并在检测到问题或潜在问题时提供额外的信息。在第一次打开捕获文件时&#xff0c;会对每个 TCP 数据包进行一次分析&#xff0c;数据包按照它们在数据包列表中出现的顺序进行处理。可…...

相关性检验

文章目录 Pearson相关系数Spearman等级相关系数Cochrans Q检验Kappa一致性系数Kendall相关系数实例分析总结 在数据分析的广阔天地中&#xff0c;相关性检验是探索变量间关系的一把钥匙。本文将带领大家了解几种常用的相关性检验方法&#xff1a;Pearson、Spearman、Cochran’s…...

【python】Django运行报错分析:ImproperlyConfigured 错误解决办法

✨✨ 欢迎大家来到景天科技苑✨✨ &#x1f388;&#x1f388; 养成好习惯&#xff0c;先赞后看哦~&#x1f388;&#x1f388; &#x1f3c6; 作者简介&#xff1a;景天科技苑 &#x1f3c6;《头衔》&#xff1a;大厂架构师&#xff0c;华为云开发者社区专家博主&#xff0c;…...

AS01/AS11 创建固资和子资产

AS01&#xff1a;创建资产卡片 定义该资产的折旧费用&#xff0c;应该归结到哪个成本中心。 如果一台设备停止使用&#xff0c;可以勾选。停止折旧。 该界面维护折旧码和折旧的时间。 维护完之后点击保存。 系统生成一个资产卡片号。 AS02-修改资产卡片号 更改不同时间段&…...

vue3数字动画插件countup.js

countup.js 是一个轻量级的 JavaScript 库&#xff0c;允许你为网站上显示统计数据或计数器时平滑地动画化数字。CountUp 类被用来创建计数器实例&#xff0c;可以平滑地从一个数值变化到另一个数值。 只是用户视觉更好一些。 1、安装插件 npm i countup.js2、个人是封装了组件…...

aspeed2600 GPIO分析与适配ipmitool power status, ipmitool power on/off

1.说明 本节以x86-power-control/src/power_control.cpp为基础&#xff0c;分析整个GPIO的调用流程&#xff0c;实现简单的ipmitool power on/off,ipmitool power status的管理。 1.资源:x86-power-control:https://github.com/openbmc/x86-power-control2.相关文件: meta-ph…...

在C#中配置ini文件以及封装ini类

在C#中使用 DllImport 属性从 kernel32.dll 导入函数来写入和读取Windows的INI文件&#xff0c;你可以使用 WritePrivateProfileString 来写入数据&#xff0c;使用 GetPrivateProfileString 来读取数据。 以下是如何使用这些函数的示例&#xff1a; 写入INI文件 using Syst…...

使用git上传代码到github

1、设置用户名及邮箱 git config user.name"你的用户名"git config user.email"xxxxx.com" 2、查看配置 git config -l 3、生成秘钥 ssh-keygen -t rsa 根据上图中红框标出的id_rsa.pub地址&#xff0c;找到它&#xff0c;使用txt文件打开&#xff0c;复…...

滚珠花键:新能源汽车传动系统的核心动力传递者

在日常生活中&#xff0c;汽车已经成为了必不可少的交通工具&#xff0c;尤其是新能源汽车。而滚珠花键作为传动系统中的重要组成部分&#xff0c;在传动系统方面的作用不容忽视。 随着科技的不断发展&#xff0c;汽车行业也在不断进步&#xff0c;滚珠花键作为高精度的机械传动…...

LeetCode 149, 347, 31

文章目录 149. 直线上最多的点数题目链接标签思路总体思路如何判断 一个点 在 由两点确定的直线 上 代码 347. 前 K 个高频元素题目链接标签思路代码 31. 下一个排列题目链接标签思路代码 149. 直线上最多的点数 题目链接 149. 直线上最多的点数 标签 几何 数组 哈希表 数学…...

操作系统(信号处理)

一、信号介绍 什么是中断&#xff1a; 当进程接收到消息后中止当前正在执行的任务&#xff0c;转而执行其它任务&#xff0c;等待其它任务执行完毕后再返回继续执行。这种执行模式称为中断&#xff0c;分为硬件中断和软件中断两种 什么是信号&#xff1a; 信号是UNIX、类UNI…...

如何快速解决Hackintosh配置难题:OpCore-Simplify终极解决方案指南

如何快速解决Hackintosh配置难题&#xff1a;OpCore-Simplify终极解决方案指南 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 还在为复杂的OpenCore …...

Vivado收费IP核怎么选?从以太网到视频接口,这份避坑指南帮你省下冤枉钱

Vivado收费IP核选型实战指南&#xff1a;从以太网到视频接口的避坑策略 在FPGA项目开发中&#xff0c;IP核的选择往往决定了整个项目的成败。面对Vivado中琳琅满目的收费IP核&#xff0c;工程师们常常陷入两难&#xff1a;既要确保功能完备&#xff0c;又要控制成本。本文将带你…...

弃投《Nature Communications》转投它?这些期刊正在让这批科研人弯道超车!

《Science Advances》影响因子分区自引率12.5JCR Q1 / 综合1区 1.6%研究方向&#xff1a;多学科综合、自然科学与工程期刊亮点&#xff1a;AAAS顶刊&#xff0c;年发文约2000篇&#xff0c;国人占比约30%&#xff0c;审稿3-5个月&#xff0c;OA发表&#xff0c;是各学科冲一区顶…...

探索TMSpeech:解锁Windows本地实时语音转文字的高效工作流

探索TMSpeech&#xff1a;解锁Windows本地实时语音转文字的高效工作流 【免费下载链接】TMSpeech 腾讯会议摸鱼工具 项目地址: https://gitcode.com/gh_mirrors/tm/TMSpeech 还在为会议记录手忙脚乱&#xff1f;还在为在线课程跟不上节奏而烦恼&#xff1f;TMSpeech为你…...

从自由度到旋转矩阵:机器人学中刚体运动的数学基石

1. 刚体运动的基础&#xff1a;自由度概念解析 刚体运动描述是机器人学中最基础的数学工具&#xff0c;就像学英语要先掌握26个字母一样。我第一次接触这个概念时&#xff0c;被各种专业术语搞得晕头转向&#xff0c;直到把机械臂末端执行器想象成自己手中的螺丝刀才豁然开朗。…...

课题申请:如何在评审专家的“黄金三分钟”内锁定胜局?

基金申报的战场硝烟弥漫&#xff0c;每一位科研人员都深知&#xff0c;一份标书的命运往往掌握在评审专家的手中。然而&#xff0c;现实情况是&#xff0c;评审工作极其繁重&#xff0c;专家们需要在短时间内审阅大量本子。据统计&#xff0c;评审专家在立项依据部分的停留时间…...

React Native Tab View终极指南:快速构建音乐播放器和聊天应用

React Native Tab View终极指南&#xff1a;快速构建音乐播放器和聊天应用 【免费下载链接】react-native-tab-view A cross-platform Tab View component for React Native 项目地址: https://gitcode.com/gh_mirrors/re/react-native-tab-view React Native Tab View是…...

为什么你的背包背带总在“溜肩”?

Q&#xff1a;为什么有些背包的背带总是往下滑&#xff0c;调整多次也没用&#xff1f; A&#xff1a;这通常是背带“S形曲线”设计不合理导致的。专业背包的肩带并非简单的直线&#xff0c;而是根据人体锁骨和肩胛骨的自然弧度&#xff0c;采用8-12度的复合曲面设计。迪先实验…...

Python MCP模板不是万能的!但这个经17家金融机构验证的增强版,已将接入耗时压缩至行业均值的1/5.8

第一章&#xff1a;Python MCP 服务器开发模板如何实现快速接入Python MCP&#xff08;Model Control Protocol&#xff09;服务器开发模板为构建符合 MCP 规范的智能体控制后端提供了开箱即用的骨架结构&#xff0c;显著降低协议适配与服务部署门槛。该模板基于 FastAPI 构建&…...

终极指南:如何用Anemone3DS轻松打造个性化3DS主题界面

终极指南&#xff1a;如何用Anemone3DS轻松打造个性化3DS主题界面 【免费下载链接】Anemone3DS A theme and boot splash manager for the Nintendo 3DS console 项目地址: https://gitcode.com/gh_mirrors/an/Anemone3DS 你是否厌倦了任天堂3DS千篇一律的默认界面&…...