@wcj/github-rank 22.5.31 → 22.6.3

package/web/data/sifou-daily.json

@@ -1,173 +1,56 @@
 [
   {
-    "title": "CSS 变量自动变色技术",
-    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
-    "url": "https://segmentfault.com/a/1190000041914954",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
-    "rank": 1
-  },
-  {
-    "title": "多线程下载、数学求解器... Edge，你还有多少惊喜是我不知道的？",
-    "description": "自 2010 年谷歌 Chrome 浏览器发布后，其凭借“首款支持 Windows、Linux 操作系统稳定版本“的强大背景迅速占领全球市场。而 Edge 浏览器发布于 2015 年，这些年 Edge 浏览器一路“摸爬滚打”，直到现在终于能和 Chro...",
-    "url": "https://segmentfault.com/a/1190000041914844",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "Flutter与webview通信桥梁开发",
+    "description": "最近业务有需求需要在flutter内使用webview进行内嵌H5进行展示，此时需要涉及到H5与flutter之间额通信问题。比如发送消息或者H5调用Flutter的相机等等",
+    "url": "https://segmentfault.com/a/1190000041933782",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "3000帧动画图解MySQL为什么需要binlog、redo log和undo log",
-    "description": "全文建立在MySQL的存储引擎为InnoDB的基础上先看一条SQL如何入库的：这是一条很简单的更新SQL，从MySQL服务端接收到SQL到落盘，先后经过了MySQL Server层和InnoDB存储引擎。Server层就像一个产品经理，分析客户的...",
-    "url": "https://segmentfault.com/a/1190000041919298",
-    "author": "CoderW",
-    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
-    "votes": "3",
-    "rank": 3
-  },
-  {
-    "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": "3",
-    "rank": 4
-  },
-  {
-    "title": "'return await promise' 与 'return promise' 这细微的区别",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041913353",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 5
+    "rank": 1
   },
   {
-    "title": "Kafka到底有多高可靠？（RNG NB）",
-    "description": "在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...",
-    "url": "https://segmentfault.com/a/1190000041913011",
-    "author": "敖丙",
-    "home_url": "https://segmentfault.com/u/aobing",
+    "title": "杭漂5年前端感受-白驹过隙，人生如梦",
+    "description": "高中物理老师每次开年级大会的时候，开场白总是喜欢说一句：”人生如梦！“，当时没有什么感受，直到工作了几年以后，这种感受尤为强烈。算上读大学的时间，来杭州已经9年了，4年读大学+5年工作，可以说是资深杭漂...",
+    "url": "https://segmentfault.com/a/1190000041933855",
+    "author": "趁你还年轻",
+    "home_url": "https://segmentfault.com/u/chennihuannianqing",
     "votes": "2",
-    "rank": 6
+    "rank": 2
   },
   {
-    "title": "冴羽答读者问：如果有机会，你会选择脱产学习深造吗？",
-    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...",
-    "url": "https://segmentfault.com/a/1190000041918444",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "后端国际化(二): 使用AST完成中文的提取和过滤",
+    "description": "提取中文本工具使用org.eclipse.jdt.core将java代码转换成AST将java代码转换成AST树 {代码...} 使用Vistior模式遍历所有字符串 {代码...} 过滤原理：熟悉AST以下是logger.info(\"异常信息\"+e)的AST如果...",
+    "url": "https://segmentfault.com/a/1190000041932542",
+    "author": "cppprimer",
+    "home_url": "https://segmentfault.com/u/cppprimer",
     "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "深入解析 TiFlash丨多并发下线程创建、释放的阻塞问题",
-    "description": "对 TiFlash 和问题本身经过一段时间的了解后，认为方向应该在“公共组件”（全局锁、底层存储、上层服务等）上。在这个方向上做“地毯式”排查后， 终于定位到问题的一个重要原因：高并发下频繁的线程创建和释放， 这...",
-    "url": "https://segmentfault.com/a/1190000041914505",
-    "author": "PingCAP",
-    "home_url": "https://segmentfault.com/u/pingcap",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "前端需要了解的色彩知识",
-    "description": "在前端领域，我们常常需要跟色彩打交道，除了一部分从设计转过来的前端外（ps：历史原因），后来的新生代前端绝大多数基本都是学理工科出身的，一般没有经过专门的设计训练和培养，这样在还原设计图的过程中对于...",
-    "url": "https://segmentfault.com/a/1190000041918026",
-    "author": "野林",
-    "home_url": "https://segmentfault.com/u/vleedesigntheory",
-    "votes": "3",
-    "rank": 9
-  },
-  {
-    "title": "MongoDB 新手入门 - Aggregation",
-    "description": "本文是 MongoDB 新手入门 系列的第二篇，在本文中，我们将会讲解 MongoDB 的聚合框架，在看完本文后，读者可以掌握使用 MongoDB 进行常用的数据统计分析方法。",
-    "url": "https://segmentfault.com/a/1190000041917803",
-    "author": "mylxsw",
-    "home_url": "https://segmentfault.com/u/mylxsw",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "绿色城市智慧运营：Web 3D 垃圾分类 GIS 系统",
-    "description": "《上海市生活垃圾管理条例》施行至今已有两年多，上海市民践行绿色低碳理念、主动参与生活垃圾分类的习惯基本养成，分类实效逐步趋于稳定，湿垃圾分类量稳定在日均 9000 吨以上，可回收物回收量保持在日均 7000 ...",
-    "url": "https://segmentfault.com/a/1190000041917022",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "对话摘要技术在美团的探索（SIGIR）",
-    "description": "随着互联网产生的文本数据越来越多，文本信息过载问题日益严重，对各类文本进行一个“降维”处理显得非常必要，而文本摘要就是其中一个重要的手段。本文首先介绍了经典的文本摘要方法，包括抽取式摘要方法和生成式...",
-    "url": "https://segmentfault.com/a/1190000041916495",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "《Mybatis 手撸专栏》第10章：使用策略模式，调用参数处理器",
-    "description": "说到轴，让我想起初中上学时老师说的话：“你那脑瓜子，咋跟手焖子似的！” 东北话手焖子就是那种冬天戴的大棉手套，棉手套里的棉花都被压的又沉又硬的了，所以来比喻脑瓜子笨。",
-    "url": "https://segmentfault.com/a/1190000041914250",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "头像总撞脸，几行Python代码实现人像动漫化",
-    "description": "但如果最近你的朋友换上了一个很少见的头像，那可能是花了大价钱买来的。这就是最近火爆全网的NFT头像，这样一个独一无二的NFT头像被誉为是加密世界社会地位的象征。",
-    "url": "https://segmentfault.com/a/1190000041913910",
-    "author": "Python编程学习圈",
-    "home_url": "https://segmentfault.com/u/pythonbianchengxuexiquan",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "用HMS Core地图服务自定义地图样式，给你的应用制作专属个性化地图",
-    "description": "不同行业的开发者对地图样式的展示需求差异很大。例如，物流类应用希望地图样式简洁一些，重点突出城市分布和快递路径；AR游戏类应用中的地图色彩需要和游戏UI适配，做的更酷炫一些；景区导览应用中的地图样式要...",
-    "url": "https://segmentfault.com/a/1190000041913849",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 15
+    "rank": 3
   },
   {
-    "title": "精读《web reflow》",
-    "description": "网页渲染会经历 DOM -> CSSOM -> Layout(重排 or reflow) -> Paint(重绘) -> Composite(合成)，其中 Composite 在 精读《深入了解现代浏览器四》 详细介绍过，是在 GPU 进行光栅化。",
-    "url": "https://segmentfault.com/a/1190000041913824",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "后端国际化(一): kiwi-java简介",
+    "description": "通常项目中的异常消息等一系列文案都是中文，开发人员在开发的时候并没有考虑到国际化的情况，我们需要判断出哪些中文是注释，哪些中文是文案，哪些文案参与了业务逻辑。",
+    "url": "https://segmentfault.com/a/1190000041932489",
+    "author": "cppprimer",
+    "home_url": "https://segmentfault.com/u/cppprimer",
     "votes": "2",
-    "rank": 16
-  },
-  {
-    "title": "模拟Vue响应式原理",
-    "description": "当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。",
-    "url": "https://segmentfault.com/a/1190000041919477",
-    "author": "HeiYanjing",
-    "home_url": "https://segmentfault.com/u/heiyanjing",
-    "votes": "1",
-    "rank": 17
+    "rank": 4
   },
   {
-    "title": "【Java面试】说说你对Spring MVC的理解",
-    "description": "一个工作了7年的粉丝，他说在面试之前，Spring这块的内容准备得很充分。而且各种面试题也刷了，结果在面试的时候，面试官问：”说说你对Spring MVC的理解“。这个问题一下给他整不会了，就是那种突然不知道怎么组织...",
-    "url": "https://segmentfault.com/a/1190000041917963",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "谷歌改善 Chrome 内存安全：通过 heap scanning 算法减少 C++ 代码库安全漏洞",
+    "description": "据外媒报道，谷歌 Chrome 团队正在研究通过 heap scanning 技术来提高 C++ 代码库内存安全。据悉，该技术会对内存造成消耗，除非使用较新的 Arm 硬件。",
+    "url": "https://segmentfault.com/a/1190000041932321",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
-    "rank": 18
+    "rank": 5
   },
   {
-    "title": "图解vue3.0编译器核心原理",
-    "description": "Vue.js涉及的知识点很多，一些重要概念，例如：如何使用proxy实现响应式effect，虚拟DOM的Diff算法及演变过程（双端Diff算法、快速Diff算法等），渲染器原理的实现，编译器、解析器的工作原理，动态节点、静态提...",
-    "url": "https://segmentfault.com/a/1190000041916769",
-    "author": "GFE团队",
-    "home_url": "https://segmentfault.com/u/gfeteam",
+    "title": "【数据库数据恢复】MongoDB数据库文件损坏的数据恢复案例",
+    "description": "数据库故障：在未关闭MongoDB数据库服务的情况下拷贝数据库文件到其他分区。拷贝完成后，管理员对原数据库分区进行了格式化，然后将数据库文件拷回格式化的原分区，重新启动MongoDB服务时候发现服务无法启动。报...",
+    "url": "https://segmentfault.com/a/1190000041931747",
+    "author": "北亚数据恢复",
+    "home_url": "https://segmentfault.com/u/beiyashujuhuifu",
     "votes": "1",
-    "rank": 19
+    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -23,16 +23,16 @@
     "url": "https://segmentfault.com/a/1190000041826742",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "45",
+    "votes": "48",
     "rank": 3
   },
   {
-    "title": "浅谈支付系统开发基本流程",
-    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
-    "url": "https://segmentfault.com/a/1190000041781215",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "31",
+    "title": "为我们的 10 周年喝彩",
+    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
+    "url": "https://segmentfault.com/a/1190000041925065",
+    "author": "joyqi",
+    "home_url": "https://segmentfault.com/u/joyqi",
+    "votes": "39",
     "rank": 4
   },
   {
@@ -44,14 +44,41 @@
     "votes": "34",
     "rank": 5
   },
+  {
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "24",
+    "rank": 6
+  },
   {
     "title": "为什么前端不能没有监控系统？",
     "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "28",
-    "rank": 6
+    "votes": "29",
+    "rank": 7
+  },
+  {
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "25",
+    "rank": 8
+  },
+  {
+    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
+    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
+    "url": "https://segmentfault.com/a/1190000041806654",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "31",
+    "rank": 9
   },
   {
     "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
@@ -59,17 +86,17 @@
     "url": "https://segmentfault.com/a/1190000041791819",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
-    "rank": 7
+    "votes": "22",
+    "rank": 10
   },
   {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "21",
-    "rank": 8
+    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
+    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
+    "url": "https://segmentfault.com/a/1190000041860587",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "25",
+    "rank": 11
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
@@ -78,7 +105,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
-    "rank": 9
+    "rank": 12
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -86,17 +113,17 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "24",
-    "rank": 10
+    "votes": "25",
+    "rank": 13
   },
   {
-    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
-    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
-    "url": "https://segmentfault.com/a/1190000041860587",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 11
+    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
+    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
+    "url": "https://segmentfault.com/a/1190000041925107",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "22",
+    "rank": 14
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -104,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000041830559",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "21",
-    "rank": 12
+    "votes": "23",
+    "rank": 15
   },
   {
     "title": "React官方团队出手，补齐原生Hook短板",
@@ -114,25 +141,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 13
-  },
-  {
-    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
-    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
-    "url": "https://segmentfault.com/a/1190000041806654",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "28",
-    "rank": 14
-  },
-  {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -140,8 +149,8 @@
     "url": "https://segmentfault.com/a/1190000041879217",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
-    "rank": 16
+    "votes": "19",
+    "rank": 17
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -149,8 +158,17 @@
     "url": "https://segmentfault.com/a/1190000041887095",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "20",
-    "rank": 17
+    "votes": "21",
+    "rank": 18
+  },
+  {
+    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
+    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
+    "url": "https://segmentfault.com/a/1190000041885333",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
+    "votes": "17",
+    "rank": 19
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -159,7 +177,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "11",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "如何做新人引导功能？",
@@ -168,7 +186,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -177,16 +195,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 20
-  },
-  {
-    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
-    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
-    "url": "https://segmentfault.com/a/1190000041885333",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "13",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "实现聚焦效果",
@@ -195,7 +204,16 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 22
+    "rank": 23
+  },
+  {
+    "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": "10",
+    "rank": 24
   },
   {
     "title": "python又搞事情 想一统天下？",
@@ -204,7 +222,7 @@
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
     "votes": "11",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -213,16 +231,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "9",
-    "rank": 24
-  },
-  {
-    "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": "8",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "移动端常见适配方案",
@@ -230,8 +239,8 @@
     "url": "https://segmentfault.com/a/1190000041831493",
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
-    "votes": "10",
-    "rank": 26
+    "votes": "11",
+    "rank": 27
   },
   {
     "title": "它来了！Flutter3.0发布全解析",
@@ -240,7 +249,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "6",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "代码写得好，Reduce 方法少不了",
@@ -249,7 +258,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "互联网后端技术大全！建议收藏",
@@ -258,15 +267,6 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "9",
-    "rank": 29
-  },
-  {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
     "rank": 30
   }
 ]