小编luc*_*llo的帖子

我要更新的 .json 文件具有以下结构：

{
  "username": "abc",
  "statistics": [
    {
      "followers": 1234,
      "date": "2018-02-06 02:00:00",
      "num_of_posts": 123,
      "following": 123
    }
  ]
}

我希望它像这样插入一个新的统计数据

{
  "username": "abc",
  "statistics": [
    {
      "followers": 1234,
      "date": "2018-02-06 02:00:00",
      "num_of_posts": 123,
      "following": 123
    },
    {
      "followers": 2345,
      "date": "2018-02-06 02:10:00",
      "num_of_posts": 234,
      "following": 234
    }
  ]
}

当与

with open(filepath, 'w') as fp:
    json.dump(information, fp, indent=2)

该文件将始终被覆盖。但我希望添加统计中的项目。我尝试以多种可能的方式读取文件并在之后附加它，但它从未奏效。

数据即将写入信息变量中，就像

information = {
  "username": username,
  "statistics": [
      {
          "date": datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
          "num_of_posts": num_of_posts,
          "followers": followers,
          "following": following
      } …

我目前正在通过向他的网站添加社交媒体图标来帮助朋友。我想使用很酷的悬停效果，但是当我悬停图标时，它们会在div. 这并不奇怪，但除了调整填充使其看起来不动之外，我找不到任何其他方法。它看起来不太体面，有点作弊。

<script src="https://use.fontawesome.com/a63c918c5b.js" type="text/javascript">
</script>

<style media="screen" type="text/css">
  .icons {
    position: relative;
    padding: 9px;
  }
  .icons:hover {
    color: #4f5255;
    font-size: 19px;
    transition: font-size 0.2s;
    /*padding: 7px;*/
  }
  div {
    height: 100px;
    width: 200px;
    float: left;
  }
</style>

<div>
  <a target="_blank" href="link" class="icons fa fa-facebook" style="color: #4f5255;text-decoration:none;"></a>
  <a target="_blank" href="link" class="icons fa fa-twitter" style="color: #4f5255;text-decoration:none"></a>
  <a target="_blank" href="link" class="icons fa fa-instagram" style="color: #4f5255;text-decoration:none"></a>
</div>

我不希望图标在悬停在其中一个图标上时水平和垂直移动。我该如何解决？