@wcj/github-rank 22.5.31 → 22.6.1

package/dist/sifou-daily.json

@@ -1,173 +1,110 @@
 [
   {
-    "title": "CSS 变量自动变色技术",
-    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
-    "url": "https://segmentfault.com/a/1190000041914954",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
+    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
+    "url": "https://segmentfault.com/a/1190000041921498",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "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",
-    "votes": "1",
+    "title": "React 发明的 server component 居然和 server-side render不是一个东西",
+    "description": "React 发明的 server component 居然和 server-side render不是一个东西，是用一种JSON数据把页面描述出来，让浏览器渲染的技术。",
+    "url": "https://segmentfault.com/a/1190000041923139",
+    "author": "知心哥哥",
+    "home_url": "https://segmentfault.com/u/loki",
+    "votes": "2",
     "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",
+    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
+    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
+    "url": "https://segmentfault.com/a/1190000041921943",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "2",
     "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",
+    "title": "C/C++ 单元自动化测试解决方案实践",
+    "description": "C/C++ 开发效率一直被业内开发人员诟病，单元测试开发效率也是如此，以至于开发人员不愿花时间来写单元测试。那么我们是不是可以通过改善编写单元测试的效率来提升项目的测试用例覆盖率？",
+    "url": "https://segmentfault.com/a/1190000041898671",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "1",
     "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",
+    "title": "Redis的Java客户端比较：绝地武士与生菜",
+    "description": "我是一个真正的探索者，所以当我必须做出技术决定时——比如选择一个 Redis 客户端——我会去探险。这是我对 Java 客户端押韵组合的探索： Jedis 和 Lettuce。",
+    "url": "https://segmentfault.com/a/1190000041922455",
+    "author": "Yujiaao",
+    "home_url": "https://segmentfault.com/u/yujiaao",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "Kafka到底有多高可靠？（RNG NB）",
-    "description": "在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...",
-    "url": "https://segmentfault.com/a/1190000041913011",
-    "author": "敖丙",
-    "home_url": "https://segmentfault.com/u/aobing",
-    "votes": "2",
+    "title": "如果做到前后端并行开发？使用云端Mock真的是效率大增！！！",
+    "description": "前言大家好，我是林三心前后端分离回想起几年前那种前后端一体的时代，就有点抓狂，那时候如果一个项目给一人负责还好，要是多人开发，那简直是麻烦上天了（懂的都懂）近几年开始转为前后端分离的开发模式，降低...",
+    "url": "https://segmentfault.com/a/1190000041922305",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "冴羽答读者问：如果有机会，你会选择脱产学习深造吗？",
-    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...",
-    "url": "https://segmentfault.com/a/1190000041918444",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "2",
+    "title": ".NET MAUI 6  正式 GA：一个代码库，多个平台",
+    "description": "“一个代码库，多个平台。现在，超过 500 万 .NET 开发人员拥有面向 Android、iOS、macOS 和 Windows 的一流跨平台 UI 堆栈，以补充 .NET 工具链 (SDK) 和基类库 (BCL)。你可以使用 .NET 构建任何东西。”",
+    "url": "https://segmentfault.com/a/1190000041921103",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "深入解析 TiFlash丨多并发下线程创建、释放的阻塞问题",
-    "description": "对 TiFlash 和问题本身经过一段时间的了解后，认为方向应该在“公共组件”（全局锁、底层存储、上层服务等）上。在这个方向上做“地毯式”排查后， 终于定位到问题的一个重要原因：高并发下频繁的线程创建和释放， 这...",
-    "url": "https://segmentfault.com/a/1190000041914505",
-    "author": "PingCAP",
-    "home_url": "https://segmentfault.com/u/pingcap",
+    "title": "如何用HMS Core位置和地图服务实现附近地点路径规划功能",
+    "description": "日常出行中，路径规划是很重要的部分。用户想要去往某个地点，获取到该地点的所有路径，再根据预估出行时间自行选择合适的路线，极大方便出行。平时生活中也存在大量使用场景，在出行类App中，根据乘客的目的地可...",
+    "url": "https://segmentfault.com/a/1190000041920238",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "前端需要了解的色彩知识",
-    "description": "在前端领域，我们常常需要跟色彩打交道，除了一部分从设计转过来的前端外（ps：历史原因），后来的新生代前端绝大多数基本都是学理工科出身的，一般没有经过专门的设计训练和培养，这样在还原设计图的过程中对于...",
-    "url": "https://segmentfault.com/a/1190000041918026",
-    "author": "野林",
-    "home_url": "https://segmentfault.com/u/vleedesigntheory",
-    "votes": "3",
+    "title": "线上项目出BUG没法调试？这款阿里开源的诊断神器，自带IDEA插件真香！",
+    "description": "记得之前写过一篇Arthas使用教程 ，通过使用Arthas我们既可以实现线上调试，还可以实现热修复。最近逛了下Arthas的官网，发现它已经支持直接集成到SpringBoot应用中去，并且还出了专用的IDEA插件。今天我们再来体...",
+    "url": "https://segmentfault.com/a/1190000041920077",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "1",
     "rank": 9
   },
   {
-    "title": "MongoDB 新手入门 - Aggregation",
-    "description": "本文是 MongoDB 新手入门 系列的第二篇，在本文中，我们将会讲解 MongoDB 的聚合框架，在看完本文后，读者可以掌握使用 MongoDB 进行常用的数据统计分析方法。",
-    "url": "https://segmentfault.com/a/1190000041917803",
-    "author": "mylxsw",
-    "home_url": "https://segmentfault.com/u/mylxsw",
+    "title": "地表最强 Markdown 文本编辑工具——Obsidian",
+    "description": "沈从文先生在给张兆和的情书中，有写道：“我一辈子走过许多地方的路，行过许多地方的桥，看过许多形状的云，喝过许多种类的酒，却只爱过一个正当最好年龄的人”。近十年，写文章或文档，用过非常多基于 Markdown ...",
+    "url": "https://segmentfault.com/a/1190000041923452",
+    "author": "jeffjade",
+    "home_url": "https://segmentfault.com/u/jeffjade",
     "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",
+    "title": "11个常用JS小小技巧",
+    "description": "在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，...",
+    "url": "https://segmentfault.com/a/1190000041923141",
+    "author": "前端荣耀",
+    "home_url": "https://segmentfault.com/u/lengxing",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "对话摘要技术在美团的探索（SIGIR）",
-    "description": "随着互联网产生的文本数据越来越多，文本信息过载问题日益严重，对各类文本进行一个“降维”处理显得非常必要，而文本摘要就是其中一个重要的手段。本文首先介绍了经典的文本摘要方法，包括抽取式摘要方法和生成式...",
-    "url": "https://segmentfault.com/a/1190000041916495",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "title": "有了这个云端Mock功能，你的简历起码提升30分！",
+    "description": "前言大家好，我是林三心我发现一个现象很久了：很多人都喜欢私下自己做一些项目。也就是一些个人的项目，其实我觉得这样挺好处挺多的：1、可以在空闲时间提升自己的技术2、这些个人项目可以写在简历上，为自己加...",
+    "url": "https://segmentfault.com/a/1190000041922209",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "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
-  },
-  {
-    "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",
-    "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
-  },
-  {
-    "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",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "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",
-    "votes": "1",
-    "rank": 19
   }
 ]

package/dist/sifou-monthly.json

@@ -26,15 +26,6 @@
     "votes": "45",
     "rank": 3
   },
-  {
-    "title": "浅谈支付系统开发基本流程",
-    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
-    "url": "https://segmentfault.com/a/1190000041781215",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "31",
-    "rank": 4
-  },
   {
     "title": "CSS 中的简写到底有多少坑？以后不敢了...",
     "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
@@ -42,7 +33,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "34",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "为什么前端不能没有监控系统？",
@@ -51,6 +42,15 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "28",
+    "rank": 5
+  },
+  {
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "22",
     "rank": 6
   },
   {
@@ -63,14 +63,23 @@
     "rank": 7
   },
   {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "21",
+    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
+    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
+    "url": "https://segmentfault.com/a/1190000041806654",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "30",
     "rank": 8
   },
+  {
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
+    "rank": 9
+  },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
     "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
@@ -78,7 +87,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -87,15 +96,6 @@
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
     "votes": "24",
-    "rank": 10
-  },
-  {
-    "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
   },
   {
@@ -104,9 +104,18 @@
     "url": "https://segmentfault.com/a/1190000041830559",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "21",
+    "votes": "23",
     "rank": 12
   },
+  {
+    "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": 13
+  },
   {
     "title": "React官方团队出手，补齐原生Hook短板",
     "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
@@ -114,26 +123,8 @@
     "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
-  },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
     "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
@@ -141,7 +132,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "18",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -149,8 +140,8 @@
     "url": "https://segmentfault.com/a/1190000041887095",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "20",
-    "rank": 17
+    "votes": "21",
+    "rank": 16
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -159,6 +150,15 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "11",
+    "rank": 17
+  },
+  {
+    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
+    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
+    "url": "https://segmentfault.com/a/1190000041885333",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
+    "votes": "15",
     "rank": 18
   },
   {
@@ -179,15 +179,6 @@
     "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
-  },
   {
     "title": "实现聚焦效果",
     "description": "这是之前朋友问我的一个功能：他觉得看网页有时候注意力会被转移，希望可以有个蒙层帮助他集中注意力反手我就用 box-shadow 把功能写了出来。 {代码...} 因为 z-index 无法超过非 static 层级导致的 bug在我测试...",
@@ -195,7 +186,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "python又搞事情 想一统天下？",
@@ -204,7 +195,7 @@
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
     "votes": "11",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -213,7 +204,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "9",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -221,8 +212,8 @@
     "url": "https://segmentfault.com/a/1190000041892645",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "8",
-    "rank": 25
+    "votes": "9",
+    "rank": 24
   },
   {
     "title": "移动端常见适配方案",
@@ -231,7 +222,7 @@
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
     "votes": "10",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "它来了！Flutter3.0发布全解析",
@@ -240,7 +231,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "6",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "代码写得好，Reduce 方法少不了",
@@ -249,7 +240,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "互联网后端技术大全！建议收藏",
@@ -258,14 +249,23 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "9",
+    "rank": 28
+  },
+  {
+    "title": "云原生时代 PHP/Golang 项目如何实现微服务",
+    "description": "在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...",
+    "url": "https://segmentfault.com/a/1190000041905055",
+    "author": "韩天峰",
+    "home_url": "https://segmentfault.com/u/hantianfeng",
+    "votes": "8",
     "rank": 29
   },
   {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "Base64 编码知识，一文打尽！",
+    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
+    "url": "https://segmentfault.com/a/1190000041894263",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
     "rank": 30
   }