使用bignumber.js在前端开发中解决IEEE 754数值格式带来的浮点数计算精度丢失问题

浮点数相加的尴尬……

前言

本文主要介绍在vuecli3中如何引入bignumber.js,并用其解决浮点数精度丢失的问题,使得前端也能放心的进行浮点数的计算~~下面开始正文~

相关链接

API
GitHub地址
CDN引入地址

引入方式

  1. CDN引入
    vuecli3中,CDN引入插件主要分为四个步骤:

    // 第一步 在index.html中引入
    
    
    // 第二步 在vue.config.js文件中配置
    configureWebpack: {
        externals: {
            'bignumber': 'BigNumber'
        }
    }
    
    // 第三步 在main.js中应用
    const BigNumber = require('bignumber');
    Vue.use(BigNumber);
    
    // 第四步 在业务代码中使用
    test(){
        const n1 = new BigNumber(0.1);
        const n2 = n1.plus(0.2)
        return n2;
    },
    
  2. 把包安装到本地

你可能感兴趣的:(使用bignumber.js在前端开发中解决IEEE 754数值格式带来的浮点数计算精度丢失问题)