@wcj/github-rank 22.7.27 → 22.7.30

package/web/data/sifou-daily.json

@@ -1,110 +1,29 @@
 [
   {
-    "title": "社区维基：将你的问答捐赠给社区",
-    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
-    "url": "https://segmentfault.com/a/1190000042203704",
-    "author": "fenbox",
-    "home_url": "https://segmentfault.com/u/fenbox",
-    "votes": "1",
-    "rank": 1
-  },
-  {
-    "title": "开源 API 管理工具终于支持查看全部测试历史",
-    "description": "Eoapi 测试历史改版啦！最初是 Eoapi 的共建者在 Issue 上提了一个建议。大概是这样的：其实，之前 Eoapi 也有测试历史，跟随 API 信息，每个 api 有自己的测试历史，这样会遇到两个问题：在查看历史时可能比较麻...",
-    "url": "https://segmentfault.com/a/1190000042223167",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "3",
-    "rank": 2
-  },
-  {
-    "title": "HtmlAgilityPack中使用xpath获取属性值",
-    "description": "有人说了，html本身不就是xml？是的，html就是xml，但是html很宽松，没有关闭的节点也可以用，还有一些其他的内容比如js夹杂在里面。如果直接使用xml解析库的话9成会报错的。",
-    "url": "https://segmentfault.com/a/1190000042226020",
-    "author": "Ym5500",
-    "home_url": "https://segmentfault.com/u/ym5500",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "冴羽答读者问：冴羽，你为什么写起了鸡汤？",
-    "description": "自从写了「冴羽答读者问」系列后，我收到了朋友赠予的很多称号，“人生导师”、“鸡汤教主”、“情感博主” 等等。对于这些称号，我表示很喜欢，不过也让我产生了一些思考，就比如 “「哲理」和 「鸡汤」之间的区别是什...",
-    "url": "https://segmentfault.com/a/1190000042225497",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "API 接口测试工具，在使用时我比较看重这几点。",
-    "description": "作为新入行的开发者，对 API 测试工具并没有了解那么多,一番搜索对比后，再问问周围的开发朋友，也逐渐知道对我而言什么样的 API 接口测试工具更适合我，我觉得它得满足以下几点：",
-    "url": "https://segmentfault.com/a/1190000042224562",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "树形数据转换",
-    "description": "1、树形数据转数组 {代码...} 2、数组转树形数据 {代码...}",
-    "url": "https://segmentfault.com/a/1190000042224907",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "Redis 5 种基本数据结构（String、List、Hash、Set、Sorted Set）详解 | JavaGuide",
-    "description": "Redis 5 种基本数据结构（String、List、Hash、Set、Sorted Set）在面试中经常会被问到，这篇文章我们一起来回顾温习一下。",
-    "url": "https://segmentfault.com/a/1190000042224181",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "Python中LSTM回归神经网络的时间序列预测",
-    "description": "这个问题是国际航空乘客预测问题， 数据是1949年1月到1960年12月国际航空公司每个月的乘客数量（单位：千人），共有12年144个月的数据。",
-    "url": "https://segmentfault.com/a/1190000042223170",
+    "title": "MarkDown简明语法手册",
+    "description": "原文链接更多语法请参见：MarkDown简明语法公式MarkDown高阶语法公式1. 斜体和粗体使用 和 * 表示斜体和粗体。示例：这是 斜体，这是 粗体。2. 分级标题使用 === 表示一级标题，使用 --- 表示二级标题。示例： {...",
+    "url": "https://segmentfault.com/a/1190000042242558",
     "author": "代码的路",
     "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 8
+    "votes": "3",
+    "rank": 1
   },
   {
-    "title": "GA-RPN：Region Proposal by Guided Anchoring 引导锚点的建议区域网络",
-    "description": "RPN即Region Proposal Network，是用RON来选择感兴趣区域的，即proposal extraction。例如，如果一个区域的p>0.5，则认为这个区域中可能是80个类别中的某一类，具体是哪一类现在还不清楚。到此为止，网络只需...",
-    "url": "https://segmentfault.com/a/1190000042222080",
+    "title": "MarkDown高阶语法手册",
+    "description": "原文链接1. 内容目录在段落中填写 [TOC] 以显示全文内容的目录结构。[TOC]2. 标签分类在编辑区任意行的列首位置输入以下代码给文稿标签：标签： 数学 英语 Markdown或者Tags： 数学 英语 Markdown3. 删除线使用 ~...",
+    "url": "https://segmentfault.com/a/1190000042238840",
     "author": "代码的路",
     "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "实现pdf.js批注功能（高亮文本/下划线/导入导出)",
-    "description": "我开发了pdf.js增加注释的最佳实现方案，仅使用了PDF.js dist版本，可以十分方便的集成到任意web项目中。Demo及源码Demo和源码在：[链接] 我仅仅基于 pdf.js-dist 完成了注释功能的开发，如果你想集成到项目中的...",
-    "url": "https://segmentfault.com/a/1190000042225467",
-    "author": "LibertyNLP",
-    "home_url": "https://segmentfault.com/u/libertynlp",
-    "votes": "1",
-    "rank": 10
+    "votes": "2",
+    "rank": 2
   },
   {
-    "title": "Angular项目过大？合理拆分它！",
-    "description": "Angular 让人诟病的一点就是打包后体积很大，一不小心 main.js就大的离谱，其实遇到类似的问题，不管是体积大、数据大、还是流量大，就一个思路：拆分。再配合浏览器的缓存机制，能很好的优化项目访问速度。",
-    "url": "https://segmentfault.com/a/1190000042223966",
-    "author": "alwaysVe",
-    "home_url": "https://segmentfault.com/u/longlonglong",
+    "title": "可线性渐变的环形进度条的实现探究",
+    "description": "本文主要介绍基于 NutUI Vue3 的 circleProgress 组件的设计与实现原理，是一个圆环形的进度条组件，用来展示操作的当前进度，支持修改进度以及渐变色。环形进度条是很常用的一个组件，特别是在管理后台数据统计...",
+    "url": "https://segmentfault.com/a/1190000042238962",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
     "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "CSS 也可以写 if/else 语法了",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042221657",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 12
+    "rank": 3
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,9 +14,18 @@
     "url": "https://segmentfault.com/a/1190000042065365",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "21",
     "rank": 2
   },
+  {
+    "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
+    "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
+    "url": "https://segmentfault.com/a/1190000042217200",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "19",
+    "rank": 3
+  },
   {
     "title": "switch 有四样写法你知道么",
     "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
@@ -24,7 +33,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "17",
-    "rank": 3
+    "rank": 4
   },
   {
     "title": "叮~您有一封Vue.js挑战邀请函,请查收",
@@ -33,7 +42,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "14",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -42,15 +51,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 5
-  },
-  {
-    "title": "视觉还原小技巧！CSS 实现角标效果",
-    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
-    "url": "https://segmentfault.com/a/1190000042038058",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
     "rank": 6
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000042069856",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "13",
+    "votes": "14",
     "rank": 7
   },
   {
@@ -71,14 +71,32 @@
     "votes": "12",
     "rank": 8
   },
+  {
+    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
+    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
+    "url": "https://segmentfault.com/a/1190000042094549",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "18",
+    "rank": 9
+  },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
     "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
     "url": "https://segmentfault.com/a/1190000042048392",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "11",
-    "rank": 9
+    "votes": "13",
+    "rank": 10
+  },
+  {
+    "title": "CSS color-scheme 和夜间模式",
+    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
+    "url": "https://segmentfault.com/a/1190000042184163",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
+    "rank": 11
   },
   {
     "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
@@ -87,25 +105,34 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "13",
-    "rank": 10
+    "rank": 12
   },
   {
-    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
-    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
-    "url": "https://segmentfault.com/a/1190000042094549",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 11
+    "title": "超酷炫的转场动画？CSS 轻松拿下！",
+    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
+    "url": "https://segmentfault.com/a/1190000042184211",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
+    "rank": 13
   },
   {
-    "title": "CSS color-scheme 和夜间模式",
-    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
-    "url": "https://segmentfault.com/a/1190000042184163",
+    "title": "今҈天҈真҈是҈热҈化҈了҈！",
+    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
+    "url": "https://segmentfault.com/a/1190000042217446",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 12
+    "rank": 14
+  },
+  {
+    "title": "社区维基：将你的问答捐赠给社区",
+    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
+    "url": "https://segmentfault.com/a/1190000042203704",
+    "author": "fenbox",
+    "home_url": "https://segmentfault.com/u/fenbox",
+    "votes": "10",
+    "rank": 15
   },
   {
     "title": "PHP后端面试85问",
@@ -114,16 +141,7 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "9",
-    "rank": 13
-  },
-  {
-    "title": "超酷炫的转场动画？CSS 轻松拿下！",
-    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
-    "url": "https://segmentfault.com/a/1190000042184211",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
-    "rank": 14
+    "rank": 16
   },
   {
     "title": "如何提出一个高质量的问题？",
@@ -131,8 +149,8 @@
     "url": "https://segmentfault.com/a/1190000042182354",
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
-    "votes": "10",
-    "rank": 15
+    "votes": "11",
+    "rank": 17
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -141,7 +159,16 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "9",
-    "rank": 16
+    "rank": 18
+  },
+  {
+    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
+    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
+    "url": "https://segmentfault.com/a/1190000042200631",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "10",
+    "rank": 19
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -150,25 +177,16 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "6",
-    "rank": 17
-  },
-  {
-    "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
-    "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
-    "url": "https://segmentfault.com/a/1190000042217200",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
-    "rank": 18
+    "rank": 20
   },
   {
-    "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
-    "description": "每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...",
-    "url": "https://segmentfault.com/a/1190000042044168",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "12",
-    "rank": 19
+    "title": "一步步带你搞懂虚拟 DOM 的工作原理",
+    "description": "React 和 Vue 中都有虚拟 DOM 的概念，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue...",
+    "url": "https://segmentfault.com/a/1190000042195199",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
+    "votes": "11",
+    "rank": 21
   },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
@@ -177,16 +195,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "5",
-    "rank": 20
-  },
-  {
-    "title": "esbuild 构建油猴脚本",
-    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
-    "url": "https://segmentfault.com/a/1190000042036660",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "6",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "又拍云 Redis 的改进之路",
@@ -195,16 +204,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 22
+    "rank": 23
   },
   {
-    "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
-    "description": "大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...",
-    "url": "https://segmentfault.com/a/1190000042200631",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "Nginx 实战核心知识点整理（上）",
+    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
+    "url": "https://segmentfault.com/a/1190000042070687",
+    "author": "Rhythm_2019",
+    "home_url": "https://segmentfault.com/u/rhythm_2019",
     "votes": "8",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
@@ -213,24 +222,15 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "7",
-    "rank": 24
-  },
-  {
-    "title": "几百行代码实现一个 JSON 解析器",
-    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
-    "url": "https://segmentfault.com/a/1190000042042002",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "5",
     "rank": 25
   },
   {
-    "title": "Nginx 实战核心知识点整理（上）",
-    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
-    "url": "https://segmentfault.com/a/1190000042070687",
-    "author": "Rhythm_2019",
-    "home_url": "https://segmentfault.com/u/rhythm_2019",
-    "votes": "7",
+    "title": "通向架子工的前端开发利器推荐",
+    "description": "01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，...",
+    "url": "https://segmentfault.com/a/1190000042204295",
+    "author": "shanyue",
+    "home_url": "https://segmentfault.com/u/xiange",
+    "votes": "8",
     "rank": 26
   },
   {
@@ -243,23 +243,14 @@
     "rank": 27
   },
   {
-    "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
-    "description": "这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。",
-    "url": "https://segmentfault.com/a/1190000042037852",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "12",
+    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
+    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
+    "url": "https://segmentfault.com/a/1190000042183733",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "8",
     "rank": 28
   },
-  {
-    "title": "Nginx部署配置",
-    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
-    "url": "https://segmentfault.com/a/1190000042089218",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "5",
-    "rank": 29
-  },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
     "description": "上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。",
@@ -267,6 +258,15 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "8",
+    "rank": 29
+  },
+  {
+    "title": "Nginx部署配置",
+    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
+    "url": "https://segmentfault.com/a/1190000042089218",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "5",
     "rank": 30
   }
 ]