@wcj/github-rank 21.9.16 → 21.9.17

package/dist/sifou-daily.json

@@ -1,92 +1,74 @@
 [
   {
-    "title": "给自己点时间再记记这200条Git命令",
-    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
-    "url": "https://segmentfault.com/a/1190000040685726",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "14",
+    "title": "误删nginx.conf文件如何恢复",
+    "description": "当你不小心误删或者错误操作导致nginx.conf文件丢失，而且nginx处于在住运行的状态,在这种情况下我们就可以在内存中获取配置文件1.获取nginx 进程pid执行 {代码...} 你会得到如下输出，找到master的pid {代码...}...",
+    "url": "https://segmentfault.com/a/1190000040692850",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "从 0 到 1 开发一个聊天通讯 服务 复盘总结分享",
-    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
-    "url": "https://segmentfault.com/a/1190000040688086",
-    "author": "大新",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
-    "votes": "4",
+    "title": "手把手教你开发一个浏览器翻译插件",
+    "description": "前言最近在研究一些比较有意思的东西，前几天玩了一个微信聊天机器人，美化图片的，今天想写个浏览器插件。话不多说直接开始。正文想写一个浏览器插件比较简单，跟我们平常开发项目一样，首先创建一个文件夹，保...",
+    "url": "https://segmentfault.com/a/1190000040696715",
+    "author": "greet_eason",
+    "home_url": "https://segmentfault.com/u/aichendesiyangyuan",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
-    "description": "前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...",
-    "url": "https://segmentfault.com/a/1190000040686657",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
+    "title": "妙用 background 实现花式文字效果",
+    "description": "通过 background-size 与 background-position 以及 background-clip 实现文字逐个渐现的效果",
+    "url": "https://segmentfault.com/a/1190000040693286",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
     "rank": 3
   },
   {
-    "title": "一个工具函数，实现页面tooltip组件的限制使用",
-    "description": "有这样一个需求:页面已经写了太多的详情表单元素，并且每一个表单元素都使用了Tooltip组件来包裹，这样是不符合需求的，因为用户需要限定当表单元素的文本太多时，也就是说出现了省略号才会出现Tooltip组件的包裹...",
-    "url": "https://segmentfault.com/a/1190000040689791",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "2",
+    "title": "【业务学习】分库分表回顾",
+    "description": "随着公司业务快速发展，数据库中的数据量猛增，访问性能也变慢了，优化迫在眉睫。分析一下问题出现在哪儿呢？ 关系型数据库本身比较容易成为系统瓶颈，单机存储容量、连接数、处理能力都有限。当单表的数据量达到...",
+    "url": "https://segmentfault.com/a/1190000040698089",
+    "author": "NoSay",
+    "home_url": "https://segmentfault.com/u/nosay",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "如何生成稳定的动态 treemap（矩形树图）关键技术揭晓",
-    "description": "前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 活动，该活动依据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地增加了趣味性。本文将着重介绍如何基于 treemap（矩形树图）来实现一...",
-    "url": "https://segmentfault.com/a/1190000040688565",
-    "author": "云音乐大前端团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "3",
+    "title": "力扣刷题的正确姿势是什么？",
+    "description": "力扣（LeetCode ）官网收录了许多互联网公司的算法题目，一度被称为刷题神器。这里我们就来介绍下如何使用 力扣（LeetCode ）网站。",
+    "url": "https://segmentfault.com/a/1190000040694862",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "PHP 字符串中直接解析函数的写法",
-    "description": "PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...",
-    "url": "https://segmentfault.com/a/1190000040687221",
-    "author": "guanguans",
-    "home_url": "https://segmentfault.com/u/guanguans",
-    "votes": "2",
+    "title": "Chrome下使用WebRTC实现屏幕共享",
+    "description": "屏幕共享就是将自己电脑的屏幕内容以视频的方式分享给其他人观看，以提高沟通效率。屏幕共享作为一种实现互动的方式，经常出现在用户的生活场景中，比如:",
+    "url": "https://segmentfault.com/a/1190000040693715",
+    "author": "techbridge",
+    "home_url": "https://segmentfault.com/u/techbridge",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "LeetCode-283-移动零",
-    "description": "题目描述：给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官...",
-    "url": "https://segmentfault.com/a/1190000040685785",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "flutter 多选项目插件",
+    "description": "原文[链接]参考[链接]正文Flutter 小部件是使用现代框架构建的。这就像是一种反应。在这里，我们从小部件开始创建任何应用程序。屏幕中的每个组件都是一个小部件。这个小部件描述了根据他目前的配置和状态，他的...",
+    "url": "https://segmentfault.com/a/1190000040693137",
+    "author": "会煮咖啡的猫",
+    "home_url": "https://segmentfault.com/u/ducafecat",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "The Data Way Vol.4｜开源是创造软件诸多方法中最好的一种形式",
-    "description": "关于「The Data Way」「The Data Way」是由 SphereEx 公司出品的一档播客节目。这里有开源、数据、技术的故事，同时我们关注开发者的工作日常，也讨论开发者的生活日常；我们聚焦开源，也鼓励开发者积极拥抱开源...",
-    "url": "https://segmentfault.com/a/1190000040688954",
-    "author": "SphereEx",
-    "home_url": "https://segmentfault.com/u/sphereex",
-    "votes": "2",
-    "rank": 8
-  },
-  {
-    "title": "vuex 的使用",
-    "description": "vuex 的简介vuex 是全局状态管理器，在 state 中定义一个全局变量，可以在任何一个组件中进行获取、修改，并且可以将修改的内容同步到全局vuex 的安装 {代码...} vuex 的配置项目中新建一个名为 store 的文件夹，...",
-    "url": "https://segmentfault.com/a/1190000040688060",
-    "author": "神膘护体小月半",
-    "home_url": "https://segmentfault.com/u/shenbiaohutixiaoyueban",
+    "title": "如何构建公司的数据指标体系",
+    "description": "在数据化管理中，数据指标是业务中的核心内容，然而指标管理中总会出现许多问题。指标管理系统在一定程度上可以帮助实现规范化管理，但是针对不同的业务场景与需求，数据管理还应当灵活应变，",
+    "url": "https://segmentfault.com/a/1190000040692859",
+    "author": "张家锋",
+    "home_url": "https://segmentfault.com/u/hf200012_61408ce526a89",
     "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "Vue3 Ref 语法糖，告别 .value 的写法",
-    "description": "近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...",
-    "url": "https://segmentfault.com/a/1190000040685876",
-    "author": "五柳",
-    "home_url": "https://segmentfault.com/u/wjchumble",
-    "votes": "2",
-    "rank": 10
+    "rank": 8
   }
 ]

package/dist/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "大学四年一路走来，我把这些私藏的算法学习工具全贡献出来了！",
-    "description": "我们都知道数据结构和算法一个比较难以掌握的原因就是很难形象地在脑海中形成一个结构化的画面，尤其是当一些结构和算法比较复杂时，对人的想象能力有一定要求。",
-    "url": "https://segmentfault.com/a/1190000040525819",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "54",
-    "rank": 1
-  },
   {
     "title": "MySQL 从入门到实践，万字详解！",
     "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
     "url": "https://segmentfault.com/a/1190000040642243",
     "author": "SHERlocked93",
     "home_url": "https://segmentfault.com/u/sherlocked93",
-    "votes": "51",
-    "rank": 2
+    "votes": "52",
+    "rank": 1
   },
   {
     "title": "【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码",
@@ -23,8 +14,8 @@
     "url": "https://segmentfault.com/a/1190000040563214",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "41",
-    "rank": 3
+    "votes": "42",
+    "rank": 2
   },
   {
     "title": "如何防止他人恶意调试你的web程序",
@@ -33,7 +24,7 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "42",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "30 个有用的 Node.js NPM 包",
@@ -42,7 +33,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "37",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "[Jenkins进阶]-前端CI/CD",
@@ -51,7 +42,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "36",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "56 个 NPM 包解决 16 个 React 问题",
@@ -60,7 +51,7 @@
     "author": "破晓L",
     "home_url": "https://segmentfault.com/u/webinfoq",
     "votes": "28",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "爆肝一周，写给初级前端快速转TypeScript指南",
@@ -69,7 +60,7 @@
     "author": "蛙人",
     "home_url": "https://segmentfault.com/u/jack_code",
     "votes": "34",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "大概几集下饭剧时间就能懂的VUE3原理",
@@ -78,7 +69,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "22",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "MySQL 数据库定时备份的几种方式（非常全面）",
@@ -87,7 +78,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "21",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "高性能利器：CDN我建议你好好学一下！",
@@ -95,7 +86,16 @@
     "url": "https://segmentfault.com/a/1190000040643120",
     "author": "九灵",
     "home_url": "https://segmentfault.com/u/jaycekon",
-    "votes": "26",
+    "votes": "27",
+    "rank": 10
+  },
+  {
+    "title": "给自己点时间再记记这200条Git命令",
+    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
+    "url": "https://segmentfault.com/a/1190000040685726",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "23",
     "rank": 11
   },
   {
@@ -107,6 +107,15 @@
     "votes": "17",
     "rank": 12
   },
+  {
+    "title": "90行代码实现模块打包器",
+    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
+    "url": "https://segmentfault.com/a/1190000040655590",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "19",
+    "rank": 13
+  },
   {
     "title": "能说会道爱办公——“别人家的”Chrome插件到底怎么做",
     "description": "根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱...",
@@ -114,7 +123,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "15",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
@@ -123,7 +132,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "16",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "后端视野学 Webpack ，文武双全？",
@@ -132,15 +141,6 @@
     "author": "蔡不菜丶",
     "home_url": "https://segmentfault.com/u/17689400062",
     "votes": "23",
-    "rank": 15
-  },
-  {
-    "title": "90行代码实现模块打包器",
-    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
-    "url": "https://segmentfault.com/a/1190000040655590",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "18",
     "rank": 16
   },
   {
@@ -206,15 +206,6 @@
     "votes": "14",
     "rank": 23
   },
-  {
-    "title": "AlpineJS作者：不上班，一年10w刀",
-    "description": "大家好，我是卡颂。今天为大家介绍一位坦诚的老哥。有多坦诚呢？他在推上实时公布自己赚了多少钱。到去年6月，老哥的年收入是10w刀。关键是：老哥从19年1月就不上班了。接下来让我们看看这位坦诚的老哥是如何做到...",
-    "url": "https://segmentfault.com/a/1190000040527885",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "16",
-    "rank": 24
-  },
   {
     "title": "浓缩了这 20+ 站点的前端滋补汤~干了 ❗",
     "description": "看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...",
@@ -222,16 +213,16 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "22",
-    "rank": 25
+    "rank": 24
   },
   {
-    "title": "前端“油画设计师”——双缓存绘制与油画分层机制",
-    "description": "Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...",
-    "url": "https://segmentfault.com/a/1190000040611743",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "14",
-    "rank": 26
+    "title": "15个值得收藏的JavaScript函数",
+    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
+    "url": "https://segmentfault.com/a/1190000040661568",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "17",
+    "rank": 25
   },
   {
     "title": "输入 url 到页面展示发生了什么？",
@@ -240,16 +231,16 @@
     "author": "时倾",
     "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
     "votes": "18",
-    "rank": 27
+    "rank": 26
   },
   {
-    "title": "Vue 更新到 3.2 版本了，你还学得动吗？",
-    "description": "不久前，前端框架 Vue 发布 3.2 版本，对单文件组件功能、网络组件、服务端渲染以及性能等做出改进。而当时距离 Vue 3.0 Beta 版本的发布才不到一年半，Vue 的更新速度不可谓不快。",
-    "url": "https://segmentfault.com/a/1190000040619654",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "15",
-    "rank": 28
+    "title": "前端“油画设计师”——双缓存绘制与油画分层机制",
+    "description": "Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...",
+    "url": "https://segmentfault.com/a/1190000040611743",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "14",
+    "rank": 27
   },
   {
     "title": "CSS 快速实现烟花绽放🎆",
@@ -258,15 +249,24 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
+    "rank": 28
+  },
+  {
+    "title": "Vue 更新到 3.2 版本了，你还学得动吗？",
+    "description": "不久前，前端框架 Vue 发布 3.2 版本，对单文件组件功能、网络组件、服务端渲染以及性能等做出改进。而当时距离 Vue 3.0 Beta 版本的发布才不到一年半，Vue 的更新速度不可谓不快。",
+    "url": "https://segmentfault.com/a/1190000040619654",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "15",
     "rank": 29
   },
   {
-    "title": "15个值得收藏的JavaScript函数",
-    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
-    "url": "https://segmentfault.com/a/1190000040661568",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "16",
+    "title": "从零到一实现企业级微前端框架，保姆级教学",
+    "description": "微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：",
+    "url": "https://segmentfault.com/a/1190000040638020",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
+    "votes": "11",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "90行代码实现模块打包器",
-    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
-    "url": "https://segmentfault.com/a/1190000040655590",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "18",
+    "title": "给自己点时间再记记这200条Git命令",
+    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
+    "url": "https://segmentfault.com/a/1190000040685726",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "23",
     "rank": 1
   },
   {
@@ -14,9 +14,27 @@
     "url": "https://segmentfault.com/a/1190000040661568",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "16",
+    "votes": "17",
     "rank": 2
   },
+  {
+    "title": "从 0 到 1 开发一个聊天通讯 服务 复盘总结分享",
+    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
+    "url": "https://segmentfault.com/a/1190000040688086",
+    "author": "大新",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "12",
+    "rank": 3
+  },
+  {
+    "title": "为你的网站加入这些可爱的看板娘吧",
+    "description": "1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...",
+    "url": "https://segmentfault.com/a/1190000040681871",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "8",
+    "rank": 4
+  },
   {
     "title": "性能优化：如何更快地接收数据",
     "description": "从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...",
@@ -24,7 +42,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "9",
-    "rank": 3
+    "rank": 5
   },
   {
     "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
@@ -33,7 +51,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "11",
-    "rank": 4
+    "rank": 6
   },
   {
     "title": "[Jenkins进阶]-后端CI/CD",
@@ -42,16 +60,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "6",
-    "rank": 5
-  },
-  {
-    "title": "灵魂画手：漫画图解 SSH",
-    "description": "OpenSSL 本身是一个软件库，这个软件被广泛的应用在系统服务器当中，他的主要功能是在网络通信的过程中，保证数据的一致性以及数据传输过程中的安全性。软件本身是由C语言编写，这使得他具备了跨平台的特性，Open...",
-    "url": "https://segmentfault.com/a/1190000040655391",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "9",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "从零开始使用create-react-app + react + typescript 完成一个网站",
@@ -60,24 +69,15 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "7",
-    "rank": 7
-  },
-  {
-    "title": "为你的网站加入这些可爱的看板娘吧",
-    "description": "1.在你的网站根目录下新建一个文件夹，命名为live2d2.将你喜欢的模型所对应assets-*文件夹，及两个js文件放入你的live2d文件夹中3.将assets-*文件夹重命名为assets4.在你希望出现2D模型的页面的html代码中加入如...",
-    "url": "https://segmentfault.com/a/1190000040681871",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "7",
     "rank": 8
   },
   {
-    "title": "前端灵异事件 好好的代码就我跑不起来？",
-    "description": "写在开头前端灵魂拷问：同一个项目，同一份代码，别人电脑上能跑，为什么自己电脑上就不行？同一个项目，同一份代码，别人自己电脑上打包构建，为什么服务器上就不行？Peter老司机这次带你们深刻的分析这个问题那...",
-    "url": "https://segmentfault.com/a/1190000040660041",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "7",
+    "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
+    "description": "前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...",
+    "url": "https://segmentfault.com/a/1190000040686657",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "9",
     "rank": 9
   },
   {
@@ -99,41 +99,23 @@
     "rank": 11
   },
   {
-    "title": "对StarRocks “真假开源”之争的灵魂 9 问",
-    "description": "这篇文章，以一封公开信的形式，向“各位大数据从业者”描述了目前数据分析构架所面临的各种困难和挑战，随后宣布“将核心产品 DorisDB 升级为 StarRocks，并全面开源（Github 搜索‘StarRocks’），和全球大数据从业...",
-    "url": "https://segmentfault.com/a/1190000040658141",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "揭秘你处理数据的“底层逻辑”，详解公式引擎计算（一）",
+    "description": "身处信息时代之中，我们最能明显感受到的一点就是密集数据大量爆发，人们积累的数据也越来越多。这些庞杂的数据出现在一起，传统使用的很多数据记录、查询、汇总工具并不能满足人们的需求。更有效的将这些大量数...",
+    "url": "https://segmentfault.com/a/1190000040686994",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "给自己点时间再记记这200条Git命令",
-    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
-    "url": "https://segmentfault.com/a/1190000040685726",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "14",
+    "title": "用canvas实现一个大气球送给你",
+    "description": "一、背景近期在做一个气球挂件的特效需求，值此契机，来跟大家分享一下如何利用canvas以及对应的数学知识构造一个栩栩如生的气球。二、实现在实现这个看似是圆鼓鼓的气球之前，先了解一下其实现思路，主要分为以...",
+    "url": "https://segmentfault.com/a/1190000040670804",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "4",
     "rank": 13
   },
-  {
-    "title": "如何阅读'嵌套深'&'引用关系复杂'的react+ts项目? 要不咱写个loader缓解一下~",
-    "description": "随着项目越做越大(cha), 会多出不少很深的代码模块, 比如你看到页面上显示的一个'名片框', 但你可能需要找好几分钟才能找到这个'名片框'的代码写在了哪个文件里, 如果这个项目你只是接收过来, 前几年不是你...",
-    "url": "https://segmentfault.com/a/1190000040659946",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "7",
-    "rank": 14
-  },
-  {
-    "title": "对于 JavaScript 中循环之间的技术差异概述",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040660544",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 15
-  },
   {
     "title": "HDD成都站：HMS Core 6.0带来新可能，多元服务驱动产品价值提升",
     "description": "9月10日，由华为开发者联盟主办的HDD（Huawei Developer Day）于成都举行。活动中，华为HMS Core各领域专家重点解读了HMS Core 6.0为开发者带来的多项全新能力，及生态开放应用的场景和价值。多位华为专家也详细...",
@@ -141,16 +123,7 @@
     "author": "华为移动服务",
     "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "0",
-    "rank": 16
-  },
-  {
-    "title": "用canvas实现一个大气球送给你",
-    "description": "一、背景近期在做一个气球挂件的特效需求，值此契机，来跟大家分享一下如何利用canvas以及对应的数学知识构造一个栩栩如生的气球。二、实现在实现这个看似是圆鼓鼓的气球之前，先了解一下其实现思路，主要分为以...",
-    "url": "https://segmentfault.com/a/1190000040670804",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "4",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "Angular开发小程序",
@@ -159,7 +132,7 @@
     "author": "wszgrcy",
     "home_url": "https://segmentfault.com/u/wszgrcy",
     "votes": "3",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "动态代理大揭秘，带你彻底弄清楚动态代理！",
@@ -168,7 +141,7 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "5",
-    "rank": 19
+    "rank": 16
   },
   {
     "title": "IPFS 技术发展新赛道，Jupiter 黑客松—IPFS 开发者大赛开拓全新应用场景",
@@ -177,7 +150,16 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "3",
-    "rank": 20
+    "rank": 17
+  },
+  {
+    "title": "Vue3 Ref 语法糖，告别 .value 的写法",
+    "description": "近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 ...",
+    "url": "https://segmentfault.com/a/1190000040685876",
+    "author": "五柳",
+    "home_url": "https://segmentfault.com/u/wjchumble",
+    "votes": "5",
+    "rank": 18
   },
   {
     "title": "【HMS Core 6.0全球上线】Toolkit，您的智能辅助编程好帮手",
@@ -186,7 +168,7 @@
     "author": "华为移动服务",
     "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "保姆式教程！Centos7 系统部署 Zabbix5.0",
@@ -195,7 +177,16 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "5",
-    "rank": 22
+    "rank": 20
+  },
+  {
+    "title": "滚动穿透与滚动溢出",
+    "description": "在移动端 WEB 开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在 fixed 定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的DOM元素上一样，...",
+    "url": "https://segmentfault.com/a/1190000040675446",
+    "author": "Barrior",
+    "home_url": "https://segmentfault.com/u/barrior",
+    "votes": "4",
+    "rank": 21
   },
   {
     "title": "原来3D感空间行星轨迹是这样画的",
@@ -203,17 +194,17 @@
     "url": "https://segmentfault.com/a/1190000040672742",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "4",
-    "rank": 23
+    "votes": "5",
+    "rank": 22
   },
   {
-    "title": "月薪10K码农，跳槽到40K架构师，技术学习路线图汇总",
-    "description": "前端、后端、运维，如果你不清楚自己要从哪开始，下个阶段要学什么，到哪里算是结束，可以参考下 Kamran Ahmed 整理的 Web 开发者 2021 版最新的学习路线图。",
-    "url": "https://segmentfault.com/a/1190000040654968",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "3",
-    "rank": 24
+    "title": "直击 2021 苹果秋季发布会：iPhone 13 全系降价，这次彻底放大招？",
+    "description": "今天凌晨 1 点的苹果发布会你看了没？又是出乎意料的短，没有意外惊喜没有 one more thing，全程 1 小时 18 分钟，只发布了： iPhone 13 Pro、iPhone 13、Apple Watch Series 7、全新 iPad mini 和 iPad ，传闻中...",
+    "url": "https://segmentfault.com/a/1190000040685620",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
+    "rank": 23
   },
   {
     "title": "vivo营销自动化技术解密｜开篇",
@@ -222,7 +213,7 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "2",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "CSS资源",
@@ -231,17 +222,35 @@
     "author": "小蘑菇",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "4",
+    "rank": 25
+  },
+  {
+    "title": "Vue微信开发中微信分享的优雅实现",
+    "description": "微信分享主要是可以把我们做的网页分享给好友或者分享到朋友圈，在发送给好友时，展示出来的消息不是一段很丑的网址，而是带着图文描述的特殊模板消息，很多传播性质比较强的网页都会借助这个特性提升传播性。要...",
+    "url": "https://segmentfault.com/a/1190000040668215",
+    "author": "imwty",
+    "home_url": "https://segmentfault.com/u/imwty",
+    "votes": "3",
     "rank": 26
   },
   {
-    "title": "Nginx - 最小配置！你值得拥有",
-    "description": "安全服务器是只允许所需数量的服务器。理想情况下，我们将通过单独启用其他功能来基于最小系统构建服务器。进行最少的配置也有助于调试。如果该错误在最小系统中不可用，则分别添加功能，然后继续搜索错误。",
-    "url": "https://segmentfault.com/a/1190000040656820",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "5",
+    "title": "Spring Boot中使用@Async实现异步调用，加速任务的执行！",
+    "description": "什么是“异步调用”？“异步调用”对应的是“同步调用”，同步调用指程序按照定义顺序依次执行，每一行程序都必须等待上一行程序执行完成之后才能执行；异步调用指程序在顺序执行时，不等待异步调用的语句返回结果就执...",
+    "url": "https://segmentfault.com/a/1190000040681270",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "2",
     "rank": 27
   },
+  {
+    "title": "PHP 字符串中直接解析函数的写法",
+    "description": "PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...",
+    "url": "https://segmentfault.com/a/1190000040687221",
+    "author": "guanguans",
+    "home_url": "https://segmentfault.com/u/guanguans",
+    "votes": "3",
+    "rank": 28
+  },
   {
     "title": "程序员玩转 Github Sponsors，开源变现年入百万",
     "description": "聊聊看开源项目作者如何通过 Github Sponsors 成为独立开发者。[链接]",
@@ -249,24 +258,15 @@
     "author": "aryu",
     "home_url": "https://segmentfault.com/u/aryu",
     "votes": "2",
-    "rank": 28
-  },
-  {
-    "title": "从底层实现看 React 表单方案演进(上)",
-    "description": "表单对我们来说是个熟悉的不能再熟悉的概念了，常见于各种信息输入的地方，通过表单用户可以提交数据、修改数据或者实现其他更复杂的交互。今天我们在这里聊聊开发中使用的各种 Form 方案是如何演进的。按照维基...",
-    "url": "https://segmentfault.com/a/1190000040659075",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
-    "votes": "2",
     "rank": 29
   },
   {
-    "title": "Vue 撩起头盖来，让我看看你（初始化与学习Vue项目）",
-    "description": "Vue 撩起头盖来，让我看看你（初始化与学习Vue项目）博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！Vue简介相信都听过vue，毕竟有一句...",
-    "url": "https://segmentfault.com/a/1190000040662689",
-    "author": "归子莫",
-    "home_url": "https://segmentfault.com/u/guizimo",
-    "votes": "1",
+    "title": "Go 程序崩了？煎鱼教你用 PProf 工具来救火！",
+    "description": "这次分享《Go 语言编程之旅》中的性能分析大杀器 PProf，文章字数有 1w3+ 字，我想应该是目前业界比较全的 PProf 文章了，也欢迎大家买本 《Go 语言编程之旅》学习更多的 Go 语言进阶技巧和知识。",
+    "url": "https://segmentfault.com/a/1190000040670962",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
     "rank": 30
   }
 ]