@wcj/github-rank 21.9.13 → 21.9.17

package/web/data/sifou-daily.json

@@ -1,65 +1,74 @@
 [
   {
-    "title": "LeetCode-258-各位相加",
-    "description": "题目描述：给定一个非负整数 num，反复将各个位上的数字相加，直到结果为一位数。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请...",
-    "url": "https://segmentfault.com/a/1190000040669535",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "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": "Go 程序崩了？煎鱼教你用 PProf 工具来救火！",
-    "description": "这次分享《Go 语言编程之旅》中的性能分析大杀器 PProf，文章字数有 1w3+ 字，我想应该是目前业界比较全的 PProf 文章了，也欢迎大家买本 《Go 语言编程之旅》学习更多的 Go 语言进阶技巧和知识。",
-    "url": "https://segmentfault.com/a/1190000040670962",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
+    "title": "手把手教你开发一个浏览器翻译插件",
+    "description": "前言最近在研究一些比较有意思的东西，前几天玩了一个微信聊天机器人，美化图片的，今天想写个浏览器插件。话不多说直接开始。正文想写一个浏览器插件比较简单，跟我们平常开发项目一样，首先创建一个文件夹，保...",
+    "url": "https://segmentfault.com/a/1190000040696715",
+    "author": "greet_eason",
+    "home_url": "https://segmentfault.com/u/aichendesiyangyuan",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "用 Go map 要注意这个细节，避免依赖他！",
-    "description": "有的小伙伴没留意过 Go map 输出、遍历顺序，以为它是稳定的有序的，会在业务程序中直接依赖这个结果集顺序，结果栽了个大跟头，吃了线上 BUG。",
-    "url": "https://segmentfault.com/a/1190000040670938",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
+    "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": "用canvas实现一个大气球送给你",
-    "description": "一、背景近期在做一个气球挂件的特效需求，值此契机，来跟大家分享一下如何利用canvas以及对应的数学知识构造一个栩栩如生的气球。二、实现在实现这个看似是圆鼓鼓的气球之前，先了解一下其实现思路，主要分为以...",
-    "url": "https://segmentfault.com/a/1190000040670804",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "title": "【业务学习】分库分表回顾",
+    "description": "随着公司业务快速发展，数据库中的数据量猛增，访问性能也变慢了，优化迫在眉睫。分析一下问题出现在哪儿呢？ 关系型数据库本身比较容易成为系统瓶颈，单机存储容量、连接数、处理能力都有限。当单表的数据量达到...",
+    "url": "https://segmentfault.com/a/1190000040698089",
+    "author": "NoSay",
+    "home_url": "https://segmentfault.com/u/nosay",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "sveltejs vs. sfcjs",
-    "description": "Sveltejs is a js framework based on compiling, sfcjs is a js component runtime in browser with svelte style syntax. This article will compare their syntax.",
-    "url": "https://segmentfault.com/a/1190000040670187",
-    "author": "否子戈",
-    "home_url": "https://segmentfault.com/u/frustigor",
+    "title": "力扣刷题的正确姿势是什么？",
+    "description": "力扣（LeetCode ）官网收录了许多互联网公司的算法题目，一度被称为刷题神器。这里我们就来介绍下如何使用 力扣（LeetCode ）网站。",
+    "url": "https://segmentfault.com/a/1190000040694862",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "2",
     "rank": 5
   },
   {
-    "title": "刷到就是赚到！八月阿里 Android 高级岗面经（年薪百万）",
-    "description": "同事硕士毕业后工作了4年，之前一直都是在二线“奋战”，身为程序员，一直都为同在杭州的一线大厂有一些想法，这次离职后入职阿里，虽不是像淘宝客户端这种核心部门，但是也算成就了他入职大厂的梦想了。",
-    "url": "https://segmentfault.com/a/1190000040671720",
-    "author": "user_C7r6zyI4",
-    "home_url": "https://segmentfault.com/u/user_c7r6zyi4",
+    "title": "Chrome下使用WebRTC实现屏幕共享",
+    "description": "屏幕共享就是将自己电脑的屏幕内容以视频的方式分享给其他人观看，以提高沟通效率。屏幕共享作为一种实现互动的方式，经常出现在用户的生活场景中，比如:",
+    "url": "https://segmentfault.com/a/1190000040693715",
+    "author": "techbridge",
+    "home_url": "https://segmentfault.com/u/techbridge",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "某司内招Android客户端“潜规则”：内卷成灾，非985不要？",
-    "description": "尤其是互联网公司，几乎隔一段时间就会有大公司进行裁员。而且随着各种程序员的培训机构和大量的应届毕业生，程序员这个岗位竞争是越来越大了，所以说程序员不如过去吃香了是很现实的问题。",
-    "url": "https://segmentfault.com/a/1190000040671689",
-    "author": "user_C7r6zyI4",
-    "home_url": "https://segmentfault.com/u/user_c7r6zyi4",
+    "title": "flutter 多选项目插件",
+    "description": "原文[链接]参考[链接]正文Flutter 小部件是使用现代框架构建的。这就像是一种反应。在这里，我们从小部件开始创建任何应用程序。屏幕中的每个组件都是一个小部件。这个小部件描述了根据他目前的配置和状态，他的...",
+    "url": "https://segmentfault.com/a/1190000040693137",
+    "author": "会煮咖啡的猫",
+    "home_url": "https://segmentfault.com/u/ducafecat",
     "votes": "1",
     "rank": 7
+  },
+  {
+    "title": "如何构建公司的数据指标体系",
+    "description": "在数据化管理中，数据指标是业务中的核心内容，然而指标管理中总会出现许多问题。指标管理系统在一定程度上可以帮助实现规范化管理，但是针对不同的业务场景与需求，数据管理还应当灵活应变，",
+    "url": "https://segmentfault.com/a/1190000040692859",
+    "author": "张家锋",
+    "home_url": "https://segmentfault.com/u/hf200012_61408ce526a89",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "大学四年一路走来，我把这些私藏的算法学习工具全贡献出来了！",
-    "description": "我们都知道数据结构和算法一个比较难以掌握的原因就是很难形象地在脑海中形成一个结构化的画面，尤其是当一些结构和算法比较复杂时，对人的想象能力有一定要求。",
-    "url": "https://segmentfault.com/a/1190000040525819",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "53",
+    "title": "MySQL 从入门到实践，万字详解！",
+    "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
+    "url": "https://segmentfault.com/a/1190000040642243",
+    "author": "SHERlocked93",
+    "home_url": "https://segmentfault.com/u/sherlocked93",
+    "votes": "52",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040563214",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
+    "votes": "42",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000040580887",
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "40",
+    "votes": "42",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000040594181",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "35",
+    "votes": "37",
     "rank": 4
   },
   {
@@ -50,44 +50,17 @@
     "url": "https://segmentfault.com/a/1190000040569553",
     "author": "破晓L",
     "home_url": "https://segmentfault.com/u/webinfoq",
-    "votes": "27",
+    "votes": "28",
     "rank": 6
   },
-  {
-    "title": "常见的Web攻击手段，拿捏了！",
-    "description": "本文主要介绍 互联网中常见的 Web 攻击手段如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！",
-    "url": "https://segmentfault.com/a/1190000040517973",
-    "author": "蔡不菜丶",
-    "home_url": "https://segmentfault.com/u/17689400062",
-    "votes": "40",
-    "rank": 7
-  },
-  {
-    "title": "MySQL 从入门到实践，万字详解！",
-    "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
-    "url": "https://segmentfault.com/a/1190000040642243",
-    "author": "SHERlocked93",
-    "home_url": "https://segmentfault.com/u/sherlocked93",
-    "votes": "31",
-    "rank": 8
-  },
-  {
-    "title": "我用 10000 张图片合成我们美好的瞬间",
-    "description": "好了,废话不多说,今天给大家带来是一个非常有意思的项目,通过切割目标图片,获得10000个方块,用我们所选择到的图片,对应的填充方块实现一个千图成像的效果.你可以用它来拼任何你想拼的有意义的大图.(比如我,就想用...",
-    "url": "https://segmentfault.com/a/1190000040516715",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "27",
-    "rank": 9
-  },
   {
     "title": "爆肝一周，写给初级前端快速转TypeScript指南",
     "description": "TypeScript可以让我们开发中避免一些类型或者一些不是我们预期希望的代码结果错误。xxx is not defined 我们都知道JavaScript错误是在运行中才抛出的，但是TypeScript错误直接是在编辑器里告知我们的，这极大的提...",
     "url": "https://segmentfault.com/a/1190000040582994",
     "author": "蛙人",
     "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "32",
-    "rank": 10
+    "votes": "34",
+    "rank": 7
   },
   {
     "title": "大概几集下饭剧时间就能懂的VUE3原理",
@@ -96,7 +69,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "22",
-    "rank": 11
+    "rank": 8
   },
   {
     "title": "MySQL 数据库定时备份的几种方式（非常全面）",
@@ -104,8 +77,26 @@
     "url": "https://segmentfault.com/a/1190000040642688",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "19",
-    "rank": 12
+    "votes": "21",
+    "rank": 9
+  },
+  {
+    "title": "高性能利器：CDN我建议你好好学一下！",
+    "description": "CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定",
+    "url": "https://segmentfault.com/a/1190000040643120",
+    "author": "九灵",
+    "home_url": "https://segmentfault.com/u/jaycekon",
+    "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
   },
   {
     "title": "当前端框架聊性能，聊的是同一个性能么？",
@@ -114,16 +105,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "17",
-    "rank": 13
+    "rank": 12
   },
   {
-    "title": "高性能利器：CDN我建议你好好学一下！",
-    "description": "CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定",
-    "url": "https://segmentfault.com/a/1190000040643120",
-    "author": "九灵",
-    "home_url": "https://segmentfault.com/u/jaycekon",
-    "votes": "24",
-    "rank": 14
+    "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插件到底怎么做",
@@ -132,6 +123,15 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "15",
+    "rank": 14
+  },
+  {
+    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
+    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
+    "url": "https://segmentfault.com/a/1190000040556634",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "16",
     "rank": 15
   },
   {
@@ -152,23 +152,14 @@
     "votes": "16",
     "rank": 17
   },
-  {
-    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
-    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
-    "url": "https://segmentfault.com/a/1190000040556634",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "15",
-    "rank": 18
-  },
   {
     "title": "分享32个JavaScript工作中常用的代码片段",
     "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
     "url": "https://segmentfault.com/a/1190000040637925",
     "author": "蛙人",
     "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "21",
-    "rank": 19
+    "votes": "24",
+    "rank": 18
   },
   {
     "title": "纯CSS实现beautiful按钮",
@@ -176,8 +167,8 @@
     "url": "https://segmentfault.com/a/1190000040562839",
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "19",
-    "rank": 20
+    "votes": "20",
+    "rank": 19
   },
   {
     "title": "13个JavaScript 一行程序，让你看起来像个专家",
@@ -186,7 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "万字详文：彻底搞懂 Jest 单元测试框架",
@@ -195,6 +186,15 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "16",
+    "rank": 21
+  },
+  {
+    "title": "奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？",
+    "description": "本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...",
+    "url": "https://segmentfault.com/a/1190000040563987",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
     "rank": 22
   },
   {
@@ -207,32 +207,23 @@
     "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",
+    "title": "浓缩了这 20+ 站点的前端滋补汤~干了 ❗",
+    "description": "看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...",
+    "url": "https://segmentfault.com/a/1190000040634428",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "22",
     "rank": 24
   },
   {
-    "title": "奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？",
-    "description": "本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解 CSS 3D 的各种用途激发你新的灵感，感受动画之美对于提升 CSS 动画制作水平会有所帮助CSS 3D...",
-    "url": "https://segmentfault.com/a/1190000040563987",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
+    "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": "前端“油画设计师”——双缓存绘制与油画分层机制",
-    "description": "Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...",
-    "url": "https://segmentfault.com/a/1190000040611743",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "14",
-    "rank": 26
-  },
   {
     "title": "输入 url 到页面展示发生了什么？",
     "description": "整体上，可以分为以下几步：DNS 域名解析；建立 TCP 连接（三次握手）；发送 HTTP 请求；服务器处理请求；返回响应结果；关闭 TCP 连接（四次握手）；浏览器解析 HTML；浏览器布局渲染；1. DNS 域名解析域名的结...",
@@ -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 快速实现烟花绽放🎆",
@@ -257,15 +248,24 @@
     "url": "https://segmentfault.com/a/1190000040635362",
     "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": "wp2vite ~ 让webpack项目支持vite",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...",
-    "url": "https://segmentfault.com/a/1190000040527636",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "title": "从零到一实现企业级微前端框架，保姆级教学",
+    "description": "微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：",
+    "url": "https://segmentfault.com/a/1190000040638020",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
     "votes": "11",
     "rank": 30
   }

package/web/data/sifou-weekly.json

@@ -1,271 +1,271 @@
 [
   {
-    "title": "MySQL 从入门到实践，万字详解！",
-    "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
-    "url": "https://segmentfault.com/a/1190000040642243",
-    "author": "SHERlocked93",
-    "home_url": "https://segmentfault.com/u/sherlocked93",
-    "votes": "31",
+    "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
   },
   {
-    "title": "MySQL 数据库定时备份的几种方式（非常全面）",
-    "description": "在操作数据过程中，可能会导致数据错误，甚至数据库奔溃，而有效的定时备份能很好地保护数据库。本篇文章主要讲述了几种方法进行 MySQL 定时备份数据库。",
-    "url": "https://segmentfault.com/a/1190000040642688",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "19",
+    "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": 2
   },
   {
-    "title": "高性能利器：CDN我建议你好好学一下！",
-    "description": "CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定",
-    "url": "https://segmentfault.com/a/1190000040643120",
-    "author": "九灵",
-    "home_url": "https://segmentfault.com/u/jaycekon",
-    "votes": "24",
+    "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": "分享32个JavaScript工作中常用的代码片段",
-    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
-    "url": "https://segmentfault.com/a/1190000040637925",
-    "author": "蛙人",
-    "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "21",
+    "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": "CSS 快速实现烟花绽放🎆",
-    "description": "什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS 动画肯定是首选，必要情况下还需要借助一些图形库，比如 Pixi.js。",
-    "url": "https://segmentfault.com/a/1190000040635362",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
+    "title": "性能优化：如何更快地接收数据",
+    "description": "从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...",
+    "url": "https://segmentfault.com/a/1190000040680395",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "9",
     "rank": 5
   },
   {
-    "title": "90行代码实现模块打包器",
-    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
-    "url": "https://segmentfault.com/a/1190000040655590",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "13",
+    "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
+    "description": "作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...",
+    "url": "https://segmentfault.com/a/1190000040668661",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "11",
     "rank": 6
   },
   {
-    "title": "从零到一实现企业级微前端框架，保姆级教学",
-    "description": "微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：",
-    "url": "https://segmentfault.com/a/1190000040638020",
-    "author": "y_ck",
-    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "11",
+    "title": "[Jenkins进阶]-后端CI/CD",
+    "description": "如果没有自动化， 我们的后端从开发到提测工作流程可能如下：1.本地机器上写代码2.提交代码，push 到 git 远程仓库3.执行mvn clean package单元测试并且打包jar包4.ssh/ftp发包至测试服务器等各种方式5.重启java...",
+    "url": "https://segmentfault.com/a/1190000040674102",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "6",
     "rank": 7
   },
   {
-    "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": "13",
+    "title": "从零开始使用create-react-app + react + typescript 完成一个网站",
+    "description": "也许有人咋一看，看到这个网站有些熟悉，没错，这个网站来源于[链接]。我花了三天时间，用create-react-app + react + typescript重构这个网站，与网站效果不同的是，我没有加入任何的动画，并且我添加了中英文切...",
+    "url": "https://segmentfault.com/a/1190000040677455",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "7",
     "rank": 8
   },
   {
-    "title": "微服务架构下的熔断框架：hystrix-go",
-    "description": "伴随着微服务架构被宣传得如火如茶，一些概念也被推到了我们的面前。一提到微服务，就离不开这几个字：高内聚低耦合；微服务的架构设计最终目的也就是实现这几个字。在微服务架构中，微服务就是完成一个单一的业...",
-    "url": "https://segmentfault.com/a/1190000040640072",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
-    "votes": "8",
+    "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
+    "description": "前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...",
+    "url": "https://segmentfault.com/a/1190000040686657",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "9",
     "rank": 9
   },
   {
-    "title": "Web 应用服务器端渲染入门指南",
-    "description": "作为开发人员，我们经常面临会影响应用程序整个架构的决策。 Web 开发人员必须做出的核心决策之一是在他们的应用程序中实现逻辑和呈现的位置。 这可能很困难，因为有许多不同的方法来构建网站。",
-    "url": "https://segmentfault.com/a/1190000040640217",
-    "author": "JerryWang_汪子熙",
-    "home_url": "https://segmentfault.com/u/jerrywangsap",
-    "votes": "10",
+    "title": "前端瓦片地图加载之塞尔达传说旷野之息",
+    "description": "最近在 肝🤕 塞尔达旷野之息，希望 2022年 新作发布前可以救出公主 👸。 同时公司有地图加载的需求，于是想以 旷野之息 地图为例，学习实践一下前端开发相关的地图知识，本文内容主要介绍通过使用瓦片地图加载原理...",
+    "url": "https://segmentfault.com/a/1190000040678481",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "5",
     "rank": 10
   },
   {
-    "title": "开源浪潮下程序员的职业规划和成长",
-    "description": "无论从年初开源社发布的《2020 中国开源年度报告》还是整体的大环境，不难看到中国的开源正在崛起，越来越多的来自中国的开源项目和开发者们正在走入大家的视野。在开源浪潮的大趋势下，程序员又该如何规划自己的...",
-    "url": "https://segmentfault.com/a/1190000040642550",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "9",
+    "title": "TypeScript 高（zhuāng）级（bī）的用法Partial、Required、Readonly……",
+    "description": "如何让一个类的属性全部可选？比如我有下面这样一个类型： {代码...} User 类型要求所有属性都必须有值，所以： {代码...} 是不可行的，会提示： {代码...} 如何让它可行？使用 Partial 即可： {代码...} Partial...",
+    "url": "https://segmentfault.com/a/1190000040663155",
+    "author": "大胡子民工潘半仙",
+    "home_url": "https://segmentfault.com/u/pantao",
+    "votes": "7",
     "rank": 11
   },
   {
-    "title": "Vue微信开发中授权登录的优雅实现",
-    "description": "微信授权登录是做微信公众号开发一直绕不开的话题，而且整个授权登录流程的实现，是需要前后端配合一起完成的。在过去前后端还未分离的年代，也许我们前端并不需要太过关心授权的具体实现。然而现在都2021年了，...",
-    "url": "https://segmentfault.com/a/1190000040649617",
-    "author": "imwty",
-    "home_url": "https://segmentfault.com/u/imwty",
-    "votes": "9",
+    "title": "揭秘你处理数据的“底层逻辑”，详解公式引擎计算（一）",
+    "description": "身处信息时代之中，我们最能明显感受到的一点就是密集数据大量爆发，人们积累的数据也越来越多。这些庞杂的数据出现在一起，传统使用的很多数据记录、查询、汇总工具并不能满足人们的需求。更有效的将这些大量数...",
+    "url": "https://segmentfault.com/a/1190000040686994",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "灵魂画手：漫画图解 SSH",
-    "description": "OpenSSL 本身是一个软件库，这个软件被广泛的应用在系统服务器当中，他的主要功能是在网络通信的过程中，保证数据的一致性以及数据传输过程中的安全性。软件本身是由C语言编写，这使得他具备了跨平台的特性，Open...",
-    "url": "https://segmentfault.com/a/1190000040655391",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "8",
+    "title": "用canvas实现一个大气球送给你",
+    "description": "一、背景近期在做一个气球挂件的特效需求，值此契机，来跟大家分享一下如何利用canvas以及对应的数学知识构造一个栩栩如生的气球。二、实现在实现这个看似是圆鼓鼓的气球之前，先了解一下其实现思路，主要分为以...",
+    "url": "https://segmentfault.com/a/1190000040670804",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "4",
     "rank": 13
   },
   {
-    "title": "SeaTable 新增 SQL 查询接口，让数据分析和查询更方便",
-    "description": "SeaTable 开发者版是一款免费易用、可扩展的数据中台产品。它同时结合了协同表格的易用性和数据库强大的数据处理能力。从 2.3 版本开始，SeaTable 在数据分析方面又有了一个重大的增强，那就是对 SQL 查询的支持...",
-    "url": "https://segmentfault.com/a/1190000040635389",
-    "author": "SeaTable开发者版",
-    "home_url": "https://segmentfault.com/u/seatable",
-    "votes": "3",
+    "title": "HDD成都站：HMS Core 6.0带来新可能，多元服务驱动产品价值提升",
+    "description": "9月10日，由华为开发者联盟主办的HDD（Huawei Developer Day）于成都举行。活动中，华为HMS Core各领域专家重点解读了HMS Core 6.0为开发者带来的多项全新能力，及生态开放应用的场景和价值。多位华为专家也详细...",
+    "url": "https://segmentfault.com/a/1190000040664756",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "0",
     "rank": 14
   },
   {
-    "title": "前端灵异事件 好好的代码就我跑不起来？",
-    "description": "写在开头前端灵魂拷问：同一个项目，同一份代码，别人电脑上能跑，为什么自己电脑上就不行？同一个项目，同一份代码，别人自己电脑上打包构建，为什么服务器上就不行？Peter老司机这次带你们深刻的分析这个问题那...",
-    "url": "https://segmentfault.com/a/1190000040660041",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "4",
+    "title": "Angular开发小程序",
+    "description": "Angular开发小程序通过修改Angular实现使用Angular开发小程序本项目实现的目的很简单也很纯粹,就是告诉大家.框架无高低,使用的人,有高低视频简介[链接]开发模板[链接]修改内容builder修改用于支持自定义构建compo...",
+    "url": "https://segmentfault.com/a/1190000040665639",
+    "author": "wszgrcy",
+    "home_url": "https://segmentfault.com/u/wszgrcy",
+    "votes": "3",
     "rank": 15
   },
   {
-    "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/1190000040680716",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "5",
     "rank": 16
   },
   {
-    "title": "玩转TypeScript工具类型（上）",
-    "description": "随着前端项目的规模不断变大，多人协同开发已经成为了前端开发的标配，随之而来的就是 TypeScript 被越来越多的项目所使用，这种变化并不是对技术的盲目追求，而是业务驱动下的技术进步，TypeScript 通过对原生 J...",
-    "url": "https://segmentfault.com/a/1190000040653014",
-    "author": "有道技术团队",
-    "home_url": "https://segmentfault.com/u/youdaotec",
-    "votes": "6",
+    "title": "IPFS 技术发展新赛道，Jupiter 黑客松—IPFS 开发者大赛开拓全新应用场景",
+    "description": "为帮助使用IPFS技术的亚洲开发人员认证、加速、孵化他们的精彩创意，培养全球开发者社区基于IPFS协议创立新的初创企业、发展创新性的应用、解决主要问题和让网络的未来变得更加强大、安全和去中心化。",
+    "url": "https://segmentfault.com/a/1190000040674439",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "3",
     "rank": 17
   },
   {
-    "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",
+    "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": "别问了，我真的不喜欢这个注解！",
-    "description": "你好呀，我是why。我之前写过一些关于线程池的文章，然后有同学去翻了一圈，发现我没有写过一篇关于 @Async 注解的文章，于是他来问我：是的，我摊牌了。我不喜欢这个注解的原因，是因为我压根就没用过。我习惯用...",
-    "url": "https://segmentfault.com/a/1190000040636475",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "6",
+    "title": "【HMS Core 6.0全球上线】Toolkit，您的智能辅助编程好帮手",
+    "description": "HMS Core 6.0已于7月15日全球上线。本次版本中，华为HMS Toolkit向广大开发者推出了智能辅助编程助手SmartCoder，帮助开发者轻松高效地集成HMS Core，开发新功能，创建新应用。",
+    "url": "https://segmentfault.com/a/1190000040673481",
+    "author": "华为移动服务",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 19
   },
   {
-    "title": "12种 console 相关的方法，帮你快速提高调试效率！（建议收藏）",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040616715",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "保姆式教程！Centos7 系统部署 Zabbix5.0",
+    "description": "系统简介：zabbix是一个企业级解决方案，支持实时监控数千台服务器，虚拟机和网络设备采集百万级监控指标。CentOS 7上搭建 Zabbix4.0，一次性成功，收藏了！Zabbix的主要特点有1.指标收集:从任何设备、系统、应用...",
+    "url": "https://segmentfault.com/a/1190000040661069",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "5",
     "rank": 20
   },
   {
-    "title": "Angular开发小程序",
-    "description": "Angular开发小程序通过修改Angular实现使用Angular开发小程序本项目实现的目的很简单也很纯粹,就是告诉大家.框架无高低,使用的人,有高低视频简介[链接]开发模板[链接]修改内容builder修改用于支持自定义构建compo...",
-    "url": "https://segmentfault.com/a/1190000040665639",
-    "author": "wszgrcy",
-    "home_url": "https://segmentfault.com/u/wszgrcy",
-    "votes": "3",
+    "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": "对于 JavaScript 中循环之间的技术差异概述",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040660544",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "原来3D感空间行星轨迹是这样画的",
+    "description": "我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛背景点击查看太阳、地球、月亮3D旋转点击查看太阳、地球、月亮3D旋转2点击查看太阳、地球、月亮3D旋转源码中秋佳节即将到来，远在他乡的孩子们马上可以回...",
+    "url": "https://segmentfault.com/a/1190000040672742",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
     "votes": "5",
     "rank": 22
   },
   {
-    "title": "Vue3 与 Vue2 的Props、全局组件的异同点！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040640951",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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": "高手是如何写出让别人看不懂的选择器",
-    "description": "本文的标题是如何写出让别人看不懂的选择器，但是本意不是希望大家去写如此复杂的选择，一些复杂（怪异）的选择器在一些特定场景下也许有着妙用，又或者写出这种选择器是基于当时的特殊背景。",
-    "url": "https://segmentfault.com/a/1190000040648510",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "vivo营销自动化技术解密｜开篇",
+    "description": "营销自动化是指专门为营销部门或组织设计的软件平台和技术，可以更有效地在线进行多渠道营销并使重复性任务自动化。营销部门和销售人员通过制定任务和流程的操作标准，然后由IT系统进行解释、存储和执行，从而提...",
+    "url": "https://segmentfault.com/a/1190000040673071",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "2",
     "rank": 24
   },
   {
-    "title": "从源码角度分析 MyBatis 工作原理",
-    "description": "一、MyBatis 完整示例这里，我将以一个入门级的示例来演示 MyBatis 是如何工作的。注：本文后面章节中的原理、源码部分也将基于这个示例来进行讲解。完整示例源码地址1.1. 数据库准备在本示例中，需要针对一张用...",
-    "url": "https://segmentfault.com/a/1190000040641616",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "2",
+    "title": "CSS资源",
+    "description": "1、Layoutit Grid 是一个 CSS Grid 布局生成器地址：[链接]2、Sarah Drasner 的 CSS 网格生成器地址：[链接]3、Grid by Example地址：[链接]4、CSS Grid Garden地址：[链接]5、Grid Malven地址：[链接]6、CSS Tri...",
+    "url": "https://segmentfault.com/a/1190000040674426",
+    "author": "小蘑菇",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "4",
     "rank": 25
   },
   {
-    "title": "clean-state:  一个轻巧又灵活的React状态管理器",
-    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
-    "url": "https://segmentfault.com/a/1190000040653733",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "title": "Vue微信开发中微信分享的优雅实现",
+    "description": "微信分享主要是可以把我们做的网页分享给好友或者分享到朋友圈，在发送给好友时，展示出来的消息不是一段很丑的网址，而是带着图文描述的特殊模板消息，很多传播性质比较强的网页都会借助这个特性提升传播性。要...",
+    "url": "https://segmentfault.com/a/1190000040668215",
+    "author": "imwty",
+    "home_url": "https://segmentfault.com/u/imwty",
     "votes": "3",
     "rank": 26
   },
   {
-    "title": "淘客项目coupons在 Linux 环境部署指南",
-    "description": "Coupons是一个从前端到后端完全开源的淘宝客项目，目前项目已经支持打包成App、微信小程序、QQ小程序、Web站点；理论上其他小程序支持，可能需要微调",
-    "url": "https://segmentfault.com/a/1190000040647007",
-    "author": "Silently9527",
-    "home_url": "https://segmentfault.com/u/silently9527",
+    "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": "从IT圈“鄙视链”看前端开发有多难？",
-    "description": "如今“鄙视链”体现在生活的方方面面，各行各业都有默认一致的鄙视链。IT圈子因为开发语言多样、工程师岗位种类多、技术框架多，也有自己圈子内的鄙视链。按照开发工程师的岗位形成的鄙视链是：",
-    "url": "https://segmentfault.com/a/1190000040648795",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "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": "是什么让 Java 应用程序的 CPU 使用率飙升？",
-    "description": "如果命运是一条孤独的河流，谁会是你的灵魂摆渡人？ —— 克莱儿·麦克福尔《摆渡人》一. 问题while 的无限循环是否会导致 CPU 使用率飙升？频繁的 Young GC 是否会导致 CPU 使用率飙升？有大量线程的应用程序的 CPU...",
-    "url": "https://segmentfault.com/a/1190000040646210",
-    "author": "惜鸟",
-    "home_url": "https://segmentfault.com/u/xiniao_6051dfcd5b5e8",
-    "votes": "3",
+    "title": "程序员玩转 Github Sponsors，开源变现年入百万",
+    "description": "聊聊看开源项目作者如何通过 Github Sponsors 成为独立开发者。[链接]",
+    "url": "https://segmentfault.com/a/1190000040664642",
+    "author": "aryu",
+    "home_url": "https://segmentfault.com/u/aryu",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "JsonUtils简单使用",
-    "description": "{代码...}",
-    "url": "https://segmentfault.com/a/1190000040652105",
-    "author": "isWulongbo",
-    "home_url": "https://segmentfault.com/u/iswulongbo",
+    "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
   }