@wcj/github-rank 22.6.22 → 22.6.25

package/dist/sifou-daily.json

@@ -1,47 +1,65 @@
 [
   {
-    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
-    "url": "https://segmentfault.com/a/1190000042012599",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
+    "title": "CentOS中实现基于Docker部署BI数据分析",
+    "description": "但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...",
+    "url": "https://segmentfault.com/a/1190000042030725",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "如何移除你项目中99%的JS代码",
-    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
-    "url": "https://segmentfault.com/a/1190000042011578",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "腾讯全面上云背后：程序员的技术焦虑和技术理想",
+    "description": "将本地部署的程序直接转移到云上，并不能完全享受到云计算的优势，唯有依托云技术栈重新部署、部分重构甚至全部重写，才能由水土不服的“外来者”，成为土生土长的云上“原住民”。",
+    "url": "https://segmentfault.com/a/1190000042028948",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "3",
     "rank": 2
   },
   {
-    "title": "带你精通防抖与节流",
-    "description": "本文将介绍防抖与节流的概念、应用场景、代码实现，其中代码实现参考了 lodash 的源码，剔除了其中参数类型与运行环境的检测，使代码更简洁易懂，方便学习理解。",
-    "url": "https://segmentfault.com/a/1190000042015119",
-    "author": "清隆",
-    "home_url": "https://segmentfault.com/u/qinglong_62898aa51988d",
-    "votes": "2",
+    "title": "Elux-从\"微前端\"到“微模块”",
+    "description": "前言：作为“前端微模块”这个概念有点新，之前虽然也有人提过这个词（可百度），但都只是简单的将其等同于动态加载模块，并没有赋予其更大的意义，好像也没有看到具体的落地方案。小弟也是突发奇想，摸着石头过河...",
+    "url": "https://segmentfault.com/a/1190000042032009",
+    "author": "wooline",
+    "home_url": "https://segmentfault.com/u/wooline",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "有意思的鼠标指针交互探究",
-    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
-    "url": "https://segmentfault.com/a/1190000042012558",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "2",
+    "title": "2022 开发者调查报告：Rust 语言、Phoenix 框架最受欢迎｜PHP 薪酬倒数",
+    "description": "此次报告共有来自 180 个国家 / 地区的超 70000 名开发人员参与了调查。数据显示，学习在线编码的比例逐年从 60% 增加到 70%；45 岁以上的受访者最有可能从书本上学习，而年轻人则在网上学习；年轻（18 岁以下）...",
+    "url": "https://segmentfault.com/a/1190000042032276",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "混合开发UIwebview遇到的坑",
-    "description": "混合开发时，UIwebview不支持H5视图中overflow属性为scroll的盒子超出视图宽度（图片渲染的情况）现象：滚动区域会变空白解决：1、雪碧图，利用图片定位方式更新图片2、利用better scroll或者iscroll模拟overflow...",
-    "url": "https://segmentfault.com/a/1190000042014570",
-    "author": "ZekiHoo",
-    "home_url": "https://segmentfault.com/u/zekihoo",
-    "votes": "0",
+    "title": "YOLOv6：又快又准的目标检测框架开源啦",
+    "description": "近日，美团视觉智能部研发了一款致力于工业应用的目标检测框架 YOLOv6，能够同时专注于检测的精度和推理效率。在研发过程中，视觉智能部不断进行了探索和优化，同时吸取借鉴了学术界和工业界的一些前沿进展和科研...",
+    "url": "https://segmentfault.com/a/1190000042029100",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
     "rank": 5
+  },
+  {
+    "title": "【直播回顾】战码先锋第七期：三方应用开发者如何为开源做贡献",
+    "description": "6月23日晚上19点，战\"码\"先锋第7期直播 《三方应用开发者如何为开源做贡献》 ，在OpenHarmony社群内成功举行。本期课程，由华为开发者联盟年度牛人，知名up主九弓子老师老师主讲，是「OpenHarmony开源贡献者计划...",
+    "url": "https://segmentfault.com/a/1190000042028776",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
+    "votes": "2",
+    "rank": 6
+  },
+  {
+    "title": "快手实时数仓保障体系研发实践",
+    "description": "摘要：本文整理自快手实时计算数据团队技术专家李天朔在 Flink Forward Asia 2021 实时数仓专场的演讲。主要内容包括：业务特点及实时数仓保障痛点快手实时数仓保障体系架构春节活动实时保障实践未来规划",
+    "url": "https://segmentfault.com/a/1190000042029230",
+    "author": "ApacheFlink",
+    "home_url": "https://segmentfault.com/u/ververica",
+    "votes": "1",
+    "rank": 7
   }
 ]

package/dist/sifou-monthly.json

@@ -14,18 +14,9 @@
     "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "38",
+    "votes": "41",
     "rank": 2
   },
-  {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "31",
-    "rank": 3
-  },
   {
     "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
     "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
@@ -33,7 +24,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "30",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
@@ -41,17 +32,17 @@
     "url": "https://segmentfault.com/a/1190000041974425",
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "23",
-    "rank": 5
+    "votes": "27",
+    "rank": 4
   },
   {
-    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
-    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
-    "url": "https://segmentfault.com/a/1190000041885333",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "22",
-    "rank": 6
+    "title": "CSS 实现头像名称首字符自动占位",
+    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
+    "url": "https://segmentfault.com/a/1190000041940807",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "24",
+    "rank": 5
   },
   {
     "title": "搭建前端监控，如何采集异常数据？",
@@ -60,34 +51,34 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
+    "rank": 6
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
+    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
+    "url": "https://segmentfault.com/a/1190000041921498",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "19",
     "rank": 7
   },
   {
-    "title": "CSS 实现头像名称首字符自动占位",
-    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
-    "url": "https://segmentfault.com/a/1190000041940807",
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "23",
     "rank": 8
   },
   {
-    "title": "CSS 穿墙术！太强了",
-    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
-    "url": "https://segmentfault.com/a/1190000041887095",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "23",
-    "rank": 9
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
-    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
-    "url": "https://segmentfault.com/a/1190000041921498",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "19",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
@@ -96,16 +87,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "16",
-    "rank": 11
+    "rank": 10
   },
   {
-    "title": "CSS实现可拉伸调整尺寸的分栏布局",
-    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
-    "url": "https://segmentfault.com/a/1190000042006775",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
-    "rank": 12
+    "title": "锁定项目 Node 版本和包管理器",
+    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
+    "url": "https://segmentfault.com/a/1190000041918155",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "18",
+    "rank": 11
   },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
@@ -114,15 +105,24 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
+    "rank": 12
+  },
+  {
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "12",
     "rank": 13
   },
   {
-    "title": "锁定项目 Node 版本和包管理器",
-    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
-    "url": "https://segmentfault.com/a/1190000041918155",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "17",
+    "title": "干货合集│最好用的 python 库都在这",
+    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000041962217",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
+    "votes": "10",
     "rank": 14
   },
   {
@@ -144,40 +144,31 @@
     "rank": 16
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- 进击的 React",
-    "description": "React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...",
-    "url": "https://segmentfault.com/a/1190000041892645",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "11",
+    "title": "如何移除你项目中99%的JS代码",
+    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
+    "url": "https://segmentfault.com/a/1190000042011578",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "13",
     "rank": 17
   },
   {
-    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
-    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
-    "url": "https://segmentfault.com/a/1190000041943100",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
+    "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
+    "description": "一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。",
+    "url": "https://segmentfault.com/a/1190000042010573",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
     "rank": 18
   },
   {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "16",
-    "rank": 19
-  },
-  {
-    "title": "干货合集│最好用的 python 库都在这",
-    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000041962217",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
+    "title": "Redis都有哪些使用场景",
+    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
+    "url": "https://segmentfault.com/a/1190000041985101",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
     "votes": "8",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -186,15 +177,24 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 21
+    "rank": 20
   },
   {
-    "title": "Base64 编码知识，一文打尽！",
-    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
-    "url": "https://segmentfault.com/a/1190000041894263",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "title": "CSS 变量自动变色技术",
+    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
+    "url": "https://segmentfault.com/a/1190000041914954",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
+    "rank": 21
+  },
+  {
+    "title": "前端性能监测，Runtime Performance Debug 技巧",
+    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
+    "url": "https://segmentfault.com/a/1190000041990709",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "10",
     "rank": 22
   },
   {
@@ -207,12 +207,12 @@
     "rank": 23
   },
   {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
+    "title": "全球顶级交易所前端二面",
+    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
+    "url": "https://segmentfault.com/a/1190000041934586",
+    "author": "Peter谭老师",
+    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "votes": "8",
     "rank": 24
   },
   {
@@ -221,16 +221,16 @@
     "url": "https://segmentfault.com/a/1190000041903331",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "10",
+    "votes": "11",
     "rank": 25
   },
   {
-    "title": "前端性能监测，Runtime Performance Debug 技巧",
-    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
-    "url": "https://segmentfault.com/a/1190000041990709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
+    "title": "11个常用JS小小技巧",
+    "description": "在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，...",
+    "url": "https://segmentfault.com/a/1190000041923141",
+    "author": "前端荣耀",
+    "home_url": "https://segmentfault.com/u/lengxing",
+    "votes": "12",
     "rank": 26
   },
   {
@@ -243,23 +243,14 @@
     "rank": 27
   },
   {
-    "title": "全球顶级交易所前端二面",
-    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
-    "url": "https://segmentfault.com/a/1190000041934586",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
+    "url": "https://segmentfault.com/a/1190000042012599",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
     "rank": 28
   },
-  {
-    "title": "CSS 变量自动变色技术",
-    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
-    "url": "https://segmentfault.com/a/1190000041914954",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 29
-  },
   {
     "title": "JavaScript精度丢失原因以及解决方案",
     "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
@@ -267,6 +258,15 @@
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
     "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
+    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
+    "url": "https://segmentfault.com/a/1190000041926694",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 30
   }
 ]