@wcj/github-rank 22.5.28 → 22.5.29

package/web/data/sifou-daily.json

@@ -1,101 +1,20 @@
 [
   {
-    "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
-    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
-    "url": "https://segmentfault.com/a/1190000041904203",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
-    "rank": 1
-  },
-  {
-    "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": "5",
-    "rank": 2
-  },
-  {
-    "title": "Go 反射机制详解",
-    "description": "反射的本质就是在程序运行的时候，获取对象的类型信息和内存结构，反射是把双刃剑，功能强大但可读性差，反射代码无法在编译阶段静态发现错误，反射的代码常常比正常代码效率低1~2个数量级，如果在关键位置使用反...",
-    "url": "https://segmentfault.com/a/1190000041907712",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "3",
-    "rank": 3
-  },
-  {
-    "title": "Go select语句详解",
-    "description": "select是Go提供的一个选择语句，通过select可以监听chanel上的数据流动。    select语句的使用方法和switch语句相似，由select开始一个新的选择块，每一个选择块，...",
-    "url": "https://segmentfault.com/a/1190000041907313",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "3",
-    "rank": 4
-  },
-  {
-    "title": "前端项目复杂的包管理不知道怎么办,来看这篇就够了",
-    "description": "日常开发中, 往往我们在项目中引用的很多依赖包，但是随之依赖包的升级，我们的项目之间的依赖就越来越难以维护，包与包之间版本的引用也让我们头疼。",
-    "url": "https://segmentfault.com/a/1190000041907897",
-    "author": "bobostudio",
-    "home_url": "https://segmentfault.com/u/bobostudio",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "Go CSP并发模型",
-    "description": "Communication Sequential Process（简称CSP），通讯顺序进程，这个思想最早是1977年Tony Ho are提出的，CSP的部分引入这被认为是Go语言在并发编程上成功的关键因素。",
-    "url": "https://segmentfault.com/a/1190000041907358",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
+    "title": "【Java面试】如何中断一个正在运行的线程？",
+    "description": "一个去京东面试的工作了5年的粉丝来找我说：Mic老师，你说并发编程很重要，果然我今天又挂在一道并发编程的面试题上了。我问他问题是什么，他说：”如何中断一个正在运行中的线程？“。我说这个问题很多工作2年的人...",
+    "url": "https://segmentfault.com/a/1190000041909488",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "Go Time包中的NewTimer()和After()函数",
-    "description": "标准库的Timer允许用户自定义超时逻辑(适用于单个chanel读写超时、select处理多个chanel超时等情况)。",
-    "url": "https://segmentfault.com/a/1190000041905797",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "一起看 I/O | Google TV 和 Android TV OS 的最新进展",
-    "description": "在接触到的娱乐内容与日俱增的今天，有研究表明，三分之一的美国家庭现每周的电视观看时长在 25 个小时以上。随着电视体验的不断演进，我们也为自己设定了一个目标，那就是为用户打造量身定做的电视使用体验，让...",
-    "url": "https://segmentfault.com/a/1190000041906185",
-    "author": "Android开发者",
-    "home_url": "https://segmentfault.com/u/androiddevs",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "云音乐低代码：基于 CodeSandbox 的沙箱性能优化",
-    "description": "距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...",
-    "url": "https://segmentfault.com/a/1190000041904219",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
-    "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
-    "url": "https://segmentfault.com/a/1190000041903331",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "1",
-    "rank": 10
+    "rank": 1
   },
   {
-    "title": "Typescript — Type Guard、Narrowing 知多少",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041903189",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "JavaScript 之原型、原型链",
+    "description": "其他编程语言如 Java 等使用 new 命令时，都会调用“类”的构造函数。但是，JavaScript没有“类”，本身并不提供一个 class 实现（虽然在ES6中提供了class 关键字，但其只是语法糖，JavaScript仍然是基于原型的）。于...",
+    "url": "https://segmentfault.com/a/1190000041910095",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "1",
-    "rank": 11
+    "rank": 2
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "79",
+    "votes": "80",
     "rank": 1
   },
   {
@@ -107,6 +107,15 @@
     "votes": "18",
     "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": "22",
+    "rank": 13
+  },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
     "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
@@ -114,26 +123,8 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "26",
-    "rank": 13
-  },
-  {
-    "title": "我做了一个在线白板！！！",
-    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
-    "url": "https://segmentfault.com/a/1190000041769612",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "15",
     "rank": 14
   },
-  {
-    "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": "21",
-    "rank": 15
-  },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
     "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
@@ -141,7 +132,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "11",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -150,6 +141,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
+    "rank": 16
+  },
+  {
+    "title": "前端监控的搭建步骤，别再一头雾水了！",
+    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
+    "url": "https://segmentfault.com/a/1190000041879217",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
     "rank": 17
   },
   {
@@ -161,6 +161,15 @@
     "votes": "16",
     "rank": 18
   },
+  {
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
+    "rank": 19
+  },
   {
     "title": "如何做新人引导功能？",
     "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
@@ -168,7 +177,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "12",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -177,7 +186,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
@@ -186,24 +195,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "title": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "14",
     "rank": 22
   },
   {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
+    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
+    "url": "https://segmentfault.com/a/1190000041885333",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
+    "votes": "12",
     "rank": 23
   },
   {
@@ -215,24 +215,6 @@
     "votes": "13",
     "rank": 24
   },
-  {
-    "title": "使用 CSS 绘制带有动画效果的 React Logo",
-    "description": "原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面...",
-    "url": "https://segmentfault.com/a/1190000041767393",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "7",
-    "rank": 25
-  },
-  {
-    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
-    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
-    "url": "https://segmentfault.com/a/1190000041885333",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "12",
-    "rank": 26
-  },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
     "description": "学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。",
@@ -240,7 +222,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "8",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
@@ -249,7 +231,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 28
+    "rank": 26
+  },
+  {
+    "title": "它来了！Flutter3.0发布全解析",
+    "description": "我们很高兴地宣布，作为谷歌I/O主题演讲的一部分，我们今天推出了Flutter 3。Flutter 3完成了我们从以移动为中心到多平台框架的路线图，提供了对macOS和Linux桌面应用的支持，以及对Firebase集成的改进，新的生产...",
+    "url": "https://segmentfault.com/a/1190000041832303",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "6",
+    "rank": 27
   },
   {
     "title": "python又搞事情 想一统天下？",
@@ -258,7 +249,7 @@
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
     "votes": "9",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "代码写得好，Reduce 方法少不了",
@@ -267,6 +258,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
+    "rank": 29
+  },
+  {
+    "title": "互联网后端技术大全！建议收藏",
+    "description": "工欲善其事，必先利其器；士欲宣其义，必先读其书。后台开发作为互联网技术领域的掌上明珠，一直都是开发者们的追逐的高峰。本文将从后台开发所涉及到的技术术语出发，基于系统开发、架构设计、网络通信等几个方...",
+    "url": "https://segmentfault.com/a/1190000041794118",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "9",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -8,6 +8,15 @@
     "votes": "18",
     "rank": 1
   },
+  {
+    "title": "前端监控的搭建步骤，别再一头雾水了！",
+    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
+    "url": "https://segmentfault.com/a/1190000041879217",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
+    "rank": 2
+  },
   {
     "title": "CSS 穿墙术！太强了",
     "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
@@ -15,15 +24,6 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "16",
-    "rank": 2
-  },
-  {
-    "title": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "14",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041887820",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "votes": "14",
     "rank": 4
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000041881296",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
+    "votes": "10",
     "rank": 7
   },
   {
@@ -72,12 +72,12 @@
     "rank": 8
   },
   {
-    "title": "Change Buffer 只适用于非唯一索引页？错",
-    "description": "最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：",
-    "url": "https://segmentfault.com/a/1190000041898249",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "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": "6",
     "rank": 9
   },
   {
@@ -86,9 +86,18 @@
     "url": "https://segmentfault.com/a/1190000041782911",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
+    "votes": "12",
     "rank": 10
   },
+  {
+    "title": "Change Buffer 只适用于非唯一索引页？错",
+    "description": "最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：",
+    "url": "https://segmentfault.com/a/1190000041898249",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
+    "rank": 11
+  },
   {
     "title": "HTTP cookie 完整指南",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -96,16 +105,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 11
+    "rank": 12
   },
   {
-    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
-    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
-    "url": "https://segmentfault.com/a/1190000041885369",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "4",
-    "rank": 12
+    "title": "我爱上了这个网站！",
+    "description": "上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。",
+    "url": "https://segmentfault.com/a/1190000041893133",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "2",
+    "rank": 13
   },
   {
     "title": "总结一下最近遇到的问题",
@@ -114,7 +123,16 @@
     "author": "李明",
     "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
     "votes": "4",
-    "rank": 13
+    "rank": 14
+  },
+  {
+    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
+    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
+    "url": "https://segmentfault.com/a/1190000041885369",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "4",
+    "rank": 15
   },
   {
     "title": "记录后台遇到的两个小问题",
@@ -123,7 +141,7 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "4",
-    "rank": 14
+    "rank": 16
   },
   {
     "title": "angular 多选表单数据绑定",
@@ -132,16 +150,7 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "4",
-    "rank": 15
-  },
-  {
-    "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
-    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
-    "url": "https://segmentfault.com/a/1190000041904203",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "js 生成UUID的几种方法",
@@ -150,7 +159,16 @@
     "author": "墨城",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "5",
-    "rank": 17
+    "rank": 18
+  },
+  {
+    "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
+    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
+    "url": "https://segmentfault.com/a/1190000041904203",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
+    "rank": 19
   },
   {
     "title": "分享一个 SpringCloud Feign 中所埋藏的坑",
@@ -159,7 +177,16 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "4",
-    "rank": 18
+    "rank": 20
+  },
+  {
+    "title": "低代码开源， 一键设计稿生成代码，帮您解决生产痛点",
+    "description": "作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...",
+    "url": "https://segmentfault.com/a/1190000041901584",
+    "author": "左盐",
+    "home_url": "https://segmentfault.com/u/zuoyan",
+    "votes": "4",
+    "rank": 21
   },
   {
     "title": "精读《react-snippets - Router 源码》",
@@ -168,16 +195,16 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "1",
-    "rank": 19
+    "rank": 22
   },
   {
-    "title": "Go内存架构，一个有趣的问题",
-    "description": "在学习Go语言内存管理部分过程中，发现了一个很有意思的问题，今天就借助这篇文章：1.把这个问题也抛给大家，建议大家看见这个问题后，可以先自己思考一番🤔之后再读下文。2.进一步强化大家对Go内存架构的理解开始...",
-    "url": "https://segmentfault.com/a/1190000041877230",
-    "author": "TIGERB",
-    "home_url": "https://segmentfault.com/u/tigerb",
-    "votes": "2",
-    "rank": 20
+    "title": "CSS阴影效果三剑客",
+    "description": "🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()",
+    "url": "https://segmentfault.com/a/1190000041902360",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
+    "votes": "3",
+    "rank": 23
   },
   {
     "title": "如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结",
@@ -186,7 +213,7 @@
     "author": "腾讯云加社区",
     "home_url": "https://segmentfault.com/u/qcloudcommunity",
     "votes": "1",
-    "rank": 21
+    "rank": 24
   },
   {
     "title": "「前端 BUG 录」变更 UI 库主题引发的问题",
@@ -195,7 +222,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "1",
-    "rank": 22
+    "rank": 25
   },
   {
     "title": "推荐一些有趣实用的前端可视化工具库，助力可视化开发",
@@ -204,7 +231,7 @@
     "author": "xmanlin",
     "home_url": "https://segmentfault.com/u/dxpang",
     "votes": "2",
-    "rank": 23
+    "rank": 26
   },
   {
     "title": "Spring 中 @EnableXXX 注解的套路",
@@ -213,25 +240,25 @@
     "author": "mghio",
     "home_url": "https://segmentfault.com/u/mghio",
     "votes": "2",
-    "rank": 24
+    "rank": 27
   },
   {
-    "title": "JavaScript运算符单竖杠\"|\"",
-    "description": "很多人都对双竖杠\"||\"非常熟悉，因为这个经常在项目中经常会用到。单竖杠\"|\"，却很少在项目开发中使用到。\"|\"是位运算符，\"||\"是逻辑运算符。",
-    "url": "https://segmentfault.com/a/1190000041876594",
-    "author": "沉静地闪光",
-    "home_url": "https://segmentfault.com/u/007008",
-    "votes": "1",
-    "rank": 25
+    "title": "那些常用的服务器在线PING检测工具整理",
+    "description": "WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...",
+    "url": "https://segmentfault.com/a/1190000041902005",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "3",
+    "rank": 28
   },
   {
-    "title": "Gitee 关闭部分开源仓库；大厂一半以上程序员愿意降薪跳槽；Deno 1.22 发布 | 思否周刊",
-    "description": "40s 新闻速递链家程序员删除公司 9TB 数据被判 7 年开发者 20 天内开发 APP 后被解雇，怒用公司公号发文祝“早日倒闭”RISC-V 国际基金会 CEO：Arm 需要警惕 RISC-V研究称 iPhone 关机后仍在运行，或成恶意软件温床...",
-    "url": "https://segmentfault.com/a/1190000041878371",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
-    "rank": 26
+    "title": "服务启动过程性能波动的分析与解决方案",
+    "description": "本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。",
+    "url": "https://segmentfault.com/a/1190000041899310",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "2",
+    "rank": 29
   },
   {
     "title": "硬核！程序员延寿指南",
@@ -240,33 +267,6 @@
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
     "votes": "0",
-    "rank": 27
-  },
-  {
-    "title": "低代码开源， 一键设计稿生成代码，帮您解决生产痛点",
-    "description": "作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...",
-    "url": "https://segmentfault.com/a/1190000041901584",
-    "author": "左盐",
-    "home_url": "https://segmentfault.com/u/zuoyan",
-    "votes": "4",
-    "rank": 28
-  },
-  {
-    "title": "Go学习笔记-Gin常用功能",
-    "description": "路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...",
-    "url": "https://segmentfault.com/a/1190000041896595",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
-    "votes": "3",
-    "rank": 29
-  },
-  {
-    "title": "Three.js控制物体显示与隐藏的方法",
-    "description": "本文会讲解一下Three.js控制物体显示与隐藏的方法，主要包括以下几种方式：visible属性；layers属性。下面会分别通过简单的例子介绍下上述几个方式的简单使用方法和一些它们之间的区别。如果没有特殊说明，下面的...",
-    "url": "https://segmentfault.com/a/1190000041881241",
-    "author": "luckness",
-    "home_url": "https://segmentfault.com/u/luckness",
-    "votes": "0",
     "rank": 30
   }
 ]