掘友值排行榜大比拼：解锁粉丝排行新玩法

2024-02-28 15:32:53

前言

掘金作为技术领域的优质内容平台，备受程序员青睐。近期，平台推出了“掘友值”玩法，根据用户活跃度、内容质量等因素进行积分排名。对于热衷掘友值排名的粉丝来说，查看自己的掘友值在粉丝中的排名情况至关重要，却苦于平台尚未提供现成排行榜。

本文将分享一份基于JavaScript的解决方案，帮助你快速搭建一个粉丝掘友值排行榜，让粉丝之间的互动更加有趣和激励人心。

技术实现

1. 获取粉丝列表

首先，需要获取粉丝列表。可以使用掘金提供的API：

const axios = require('axios');

const getFollowers = async (accessToken) => {
  const response = await axios.get('https://api.juejin.cn/v1/user/followers', {
    headers: {
      Authorization: `Bearer ${accessToken}`,
    },
  });
  return response.data.d.followers;
};

2. 获取掘友值

接下来，需要获取每个粉丝的掘友值。同样可以通过掘金API：

const getjuejinValue = async (userId) => {
  const response = await axios.get(`https://api.juejin.cn/v1/user/${userId}/juejinValue`, {
    headers: {
      Authorization: `Bearer ${accessToken}`,
    },
  });
  return response.data.d.juejinValue;
};

3. 创建排行榜

收集到粉丝掘友值后，就可以创建排行榜了：

const createLeaderboard = (followers, juejinValues) => {
  const leaderboard = [];
  for (let i = 0; i < followers.length; i++) {
    leaderboard.push({
      username: followers[i].username,
      juejinValue: juejinValues[i],
    });
  }
  leaderboard.sort((a, b) => b.juejinValue - a.juejinValue);
  return leaderboard;
};

4. 输出排行榜

最后，将排行榜输出到界面上：

<div id="leaderboard"></div>

<script>
  const leaderboard = createLeaderboard(followers, juejinValues);
  const leaderboardElement = document.getElementById('leaderboard');
  leaderboard.forEach((item) => {
    const div = document.createElement('div');
    div.innerHTML = `${item.username}: ${item.juejinValue}`;
    leaderboardElement.appendChild(div);
  });
</script>