关于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. 把包装置到本地