乐趣区

关于javascript:使用bignumberjs在前端开发中解决IEEE-754数值格式带来的浮点数计算精度丢失问题

前言

本文次要介绍在 vuecli3 中如何引入bignumber.js,并用其解决浮点数精度失落的问题,使得前端也能释怀的进行浮点数的计算~~ 上面开始注释~

相干链接

API
GitHub 地址
CDN 引入地址

引入形式

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

    // 第一步 在 index.html 中引入
    <script src="https://cdn.bootcdn.net/ajax/libs/bignumber.js/9.0.1/bignumber.min.js"></script>
    
    // 第二步 在 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. 把包装置到本地
退出移动版