Nutbox更新：增加计算APY

[lemooljiang]

APY是一项重要的投资回报的数据，如果很高就会有足够的吸引力，甚至于很多人根本就不会去查考项目本身，比如之前的YAM、YFII。

Nutbox已经稳定地运行了十多天了，资金池也慢慢地涨起来，计算和呈现APY还是很有必要的。

要计算年化主要是要实时获取Pnut 和 Steem 的价格，年化大约等于Pnut的年产量除以代理SP的总价值，以公式表示：APY = 28800 * rewardsPerBlock * 365 * pnutPrice * tronPrice / (totalDepositedSP * steemPrice) 如果要顺利地计算出来，有两个重要的数据pnutPrice、steemPrice。

async getSteemPrice(){
    let res = await this.axios.request({
        method:"get",
        url:'https://api.coingecko.com/api/v3/coins/steem',
        headers: {
        "accept": "application/json",
        }
    })
    // console.log(111,res.data.tickers)
    let arr = res.data.tickers
    for(let i = 0; i < arr.length; i++){
        if(arr[i].target === "USDT"){
        return arr[i].last
        }
    }
    },
async getTronPrice(){
    let res = await this.axios.request({
        method:"get",
        url:'https://api.coingecko.com/api/v3/coins/tron',
        headers: {
        "accept": "application/json",
        }
    })
    // console.log(111,res.data.tickers)
    let arr = res.data.tickers
    for(let i = 0; i < arr.length; i++){
        if(arr[i].target === "USDT"){
        return arr[i].last
        }
    }
    },
async getPnutPrice(){
    let res = await this.axios.request({
        method:"get",
        url:'https://api.justswap.io/v2/allpairs',
        headers: {
        "accept": "application/json",
        },
        params: {
        page_size : 1500,
        page_num: 1
        }
    })
    let price = res.data.data["0_TPZddNpQJHu8UtKPY1PYDBv2J5p5QpJ6XW"].price
    res = null
    return price
    },
async calPnutApy(){
    let steemPrice = await this.getSteemPrice()
    let tronPrice = await this.getTronPrice()
    let pnutPrice = await this.getPnutPrice()
    let apy = 28800 * this.rewardsPerBlock * 365 * pnutPrice * tronPrice / (this.totalDepositedSP2 * steemPrice)
    this.apy = (apy * 100).toFixed(3)
    localStorage.setItem('apy', this.apy)
    },

pnutPrice、steemPrice要从两个不同的API中获取，特别是justswap中获取数据，速度很慢，目测要十几秒！那怎么解决这个速度的问题呢？

想到的办法是初始化年化数据：将本次的数据保存下来，下次访问时可以优先展示，而实时的数据可以在后台慢慢查，查到了再显示并且保存下来！

//初始化年化收益率
if(localStorage.getItem("apy") == null){
   this.apy = 52.786
}else{
  this.apy = localStorage.getItem("apy")
}

用localStorage来实现，比较简单。这有点类似缓存的意思：先从缓存中读数据，然后再慢慢更新缓存。这样就可以有效地显示和更新年化数据啰！