@wcj/github-rank 21.9.15 → 21.9.16

package/dist/sifou-daily.json

@@ -1,65 +1,92 @@
 [
   {
-    "title": "性能优化：如何更快地接收数据",
-    "description": "从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...",
-    "url": "https://segmentfault.com/a/1190000040680395",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "8",
+    "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",
     "rank": 1
   },
   {
-    "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",
+    "title": "从 0 到 1 开发一个聊天通讯 服务 复盘总结分享",
+    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
+    "url": "https://segmentfault.com/a/1190000040688086",
+    "author": "大新",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
     "votes": "4",
     "rank": 2
   },
   {
-    "title": "滚动穿透与滚动溢出",
-    "description": "在移动端 WEB 开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在 fixed 定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的DOM元素上一样，...",
-    "url": "https://segmentfault.com/a/1190000040675446",
-    "author": "Barrior",
-    "home_url": "https://segmentfault.com/u/barrior",
-    "votes": "2",
+    "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
+    "description": "前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...",
+    "url": "https://segmentfault.com/a/1190000040686657",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "5",
     "rank": 3
   },
   {
-    "title": "Spring Boot中使用@Async实现异步调用，加速任务的执行！",
-    "description": "什么是“异步调用”？“异步调用”对应的是“同步调用”，同步调用指程序按照定义顺序依次执行，每一行程序都必须等待上一行程序执行完成之后才能执行；异步调用指程序在顺序执行时，不等待异步调用的语句返回结果就执...",
-    "url": "https://segmentfault.com/a/1190000040681270",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
+    "title": "一个工具函数，实现页面tooltip组件的限制使用",
+    "description": "有这样一个需求:页面已经写了太多的详情表单元素，并且每一个表单元素都使用了Tooltip组件来包裹，这样是不符合需求的，因为用户需要限定当表单元素的文本太多时，也就是说出现了省略号才会出现Tooltip组件的包裹...",
+    "url": "https://segmentfault.com/a/1190000040689791",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "动态代理大揭秘，带你彻底弄清楚动态代理！",
-    "description": "代理模式是一种设计模式，能够使得在不修改源目标的前提下，额外扩展源目标的功能。即通过访问源目标的代理类，再由代理类去访问源目标。这样一来，要扩展功能，就无需修改源目标的代码了。只需要在代理类上增加...",
-    "url": "https://segmentfault.com/a/1190000040680716",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "title": "如何生成稳定的动态 treemap（矩形树图）关键技术揭晓",
+    "description": "前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 活动，该活动依据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地增加了趣味性。本文将着重介绍如何基于 treemap（矩形树图）来实现一...",
+    "url": "https://segmentfault.com/a/1190000040688565",
+    "author": "云音乐大前端团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "3",
     "rank": 5
   },
   {
-    "title": "Web GIS 航拍实现的智慧园区数字孪生应用",
-    "description": "随着智慧城市建设的不断发展，智慧园区作为智慧城市的先行区，其覆盖区域越来越大，产值越来越集中，对于园区数字化建设和智能化管理的诉求也愈加强烈。园区数字化管理是以实现园区多维度业务数据汇聚、融合、共...",
-    "url": "https://segmentfault.com/a/1190000040685098",
-    "author": "htdaydayup",
-    "home_url": "https://segmentfault.com/u/htdaydayup_5da2d7a6d4888",
-    "votes": "1",
+    "title": "PHP 字符串中直接解析函数的写法",
+    "description": "PHP 字符串中直接解析函数的写法PHP 中的字符串理论上是不能够解析函数的，仅能够解析变量。最近发现一种特殊的写法，是可以让字符串直接解析函数的。写法 {代码...} 个人认为这种写法实际上还是通过解析变量实现...",
+    "url": "https://segmentfault.com/a/1190000040687221",
+    "author": "guanguans",
+    "home_url": "https://segmentfault.com/u/guanguans",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "全票通过！微众开源项目 Linkis 进入 Apache 孵化",
-    "description": "8月2日，微众银行开源项目Linkis 正式通过国际顶级开源组织 Apache 软件基金会（简称 ASF ）的投票决议，以全票通过的优秀表现成为 ASF孵化器项目。",
-    "url": "https://segmentfault.com/a/1190000040683993",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
+    "title": "LeetCode-283-移动零",
+    "description": "题目描述：给定一个数组 nums，编写一个函数将所有 0 移动到数组的末尾，同时保持非零元素的相对顺序。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官...",
+    "url": "https://segmentfault.com/a/1190000040685785",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "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",
+    "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
   }
 ]

package/dist/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040642243",
     "author": "SHERlocked93",
     "home_url": "https://segmentfault.com/u/sherlocked93",
-    "votes": "50",
+    "votes": "51",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000040563214",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
+    "votes": "41",
     "rank": 3
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000040594181",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "36",
+    "votes": "37",
     "rank": 5
   },
   {
@@ -68,7 +68,7 @@
     "url": "https://segmentfault.com/a/1190000040582994",
     "author": "蛙人",
     "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "33",
+    "votes": "34",
     "rank": 8
   },
   {
@@ -134,6 +134,15 @@
     "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
+  },
   {
     "title": "热议：CSS为什么这么难学？一定是你方法不对",
     "description": "看到这个问题以后，我仔细一想，CSS学习起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学习大纲，大家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的入门...",
@@ -141,15 +150,6 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "16",
-    "rank": 16
-  },
-  {
-    "title": "纯CSS实现beautiful按钮",
-    "description": "近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。（欢迎关注公众号前端点线面）",
-    "url": "https://segmentfault.com/a/1190000040562839",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "20",
     "rank": 17
   },
   {
@@ -158,9 +158,18 @@
     "url": "https://segmentfault.com/a/1190000040637925",
     "author": "蛙人",
     "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "22",
+    "votes": "24",
     "rank": 18
   },
+  {
+    "title": "纯CSS实现beautiful按钮",
+    "description": "近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。（欢迎关注公众号前端点线面）",
+    "url": "https://segmentfault.com/a/1190000040562839",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "20",
+    "rank": 19
+  },
   {
     "title": "13个JavaScript 一行程序，让你看起来像个专家",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -168,7 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "万字详文：彻底搞懂 Jest 单元测试框架",
@@ -177,7 +186,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "16",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？",
@@ -186,7 +195,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "你还在认为TypeScirpt 是 AnyScript ？",
@@ -195,7 +204,7 @@
     "author": "大新",
     "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
     "votes": "14",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "AlpineJS作者：不上班，一年10w刀",
@@ -204,16 +213,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 23
+    "rank": 24
   },
   {
-    "title": "90行代码实现模块打包器",
-    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
-    "url": "https://segmentfault.com/a/1190000040655590",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "16",
-    "rank": 24
+    "title": "浓缩了这 20+ 站点的前端滋补汤~干了 ❗",
+    "description": "看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...",
+    "url": "https://segmentfault.com/a/1190000040634428",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "22",
+    "rank": 25
   },
   {
     "title": "前端“油画设计师”——双缓存绘制与油画分层机制",
@@ -222,7 +231,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "14",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "输入 url 到页面展示发生了什么？",
@@ -231,15 +240,6 @@
     "author": "时倾",
     "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
     "votes": "18",
-    "rank": 26
-  },
-  {
-    "title": "浓缩了这 20+ 站点的前端滋补汤~干了 ❗",
-    "description": "看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...",
-    "url": "https://segmentfault.com/a/1190000040634428",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "21",
     "rank": 27
   },
   {
@@ -266,7 +266,7 @@
     "url": "https://segmentfault.com/a/1190000040661568",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "15",
+    "votes": "16",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040655590",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "16",
+    "votes": "18",
     "rank": 1
   },
   {
@@ -14,18 +14,36 @@
     "url": "https://segmentfault.com/a/1190000040661568",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "15",
+    "votes": "16",
     "rank": 2
   },
   {
-    "title": "Vue微信开发中授权登录的优雅实现",
-    "description": "微信授权登录是做微信公众号开发一直绕不开的话题，而且整个授权登录流程的实现，是需要前后端配合一起完成的。在过去前后端还未分离的年代，也许我们前端并不需要太过关心授权的具体实现。然而现在都2021年了，...",
-    "url": "https://segmentfault.com/a/1190000040649617",
-    "author": "imwty",
-    "home_url": "https://segmentfault.com/u/imwty",
-    "votes": "12",
+    "title": "性能优化：如何更快地接收数据",
+    "description": "从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...",
+    "url": "https://segmentfault.com/a/1190000040680395",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "9",
     "rank": 3
   },
+  {
+    "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
+    "description": "作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...",
+    "url": "https://segmentfault.com/a/1190000040668661",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "11",
+    "rank": 4
+  },
+  {
+    "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": 5
+  },
   {
     "title": "灵魂画手：漫画图解 SSH",
     "description": "OpenSSL 本身是一个软件库，这个软件被广泛的应用在系统服务器当中，他的主要功能是在网络通信的过程中，保证数据的一致性以及数据传输过程中的安全性。软件本身是由C语言编写，这使得他具备了跨平台的特性，Open...",
@@ -33,7 +51,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "9",
-    "rank": 4
+    "rank": 6
   },
   {
     "title": "从零开始使用create-react-app + react + typescript 完成一个网站",
@@ -42,16 +60,16 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "7",
-    "rank": 5
+    "rank": 7
   },
   {
-    "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
-    "description": "作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...",
-    "url": "https://segmentfault.com/a/1190000040668661",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "9",
-    "rank": 6
+    "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": "前端灵异事件 好好的代码就我跑不起来？",
@@ -60,16 +78,25 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "7",
-    "rank": 7
+    "rank": 9
   },
   {
-    "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": "4",
-    "rank": 8
+    "title": "前端瓦片地图加载之塞尔达传说旷野之息",
+    "description": "最近在 肝🤕 塞尔达旷野之息，希望 2022年 新作发布前可以救出公主 👸。 同时公司有地图加载的需求，于是想以 旷野之息 地图为例，学习实践一下前端开发相关的地图知识，本文内容主要介绍通过使用瓦片地图加载原理...",
+    "url": "https://segmentfault.com/a/1190000040678481",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "5",
+    "rank": 10
+  },
+  {
+    "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": "对StarRocks “真假开源”之争的灵魂 9 问",
@@ -78,16 +105,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
-    "rank": 9
+    "rank": 12
   },
   {
-    "title": "玩转TypeScript工具类型（上）",
-    "description": "随着前端项目的规模不断变大，多人协同开发已经成为了前端开发的标配，随之而来的就是 TypeScript 被越来越多的项目所使用，这种变化并不是对技术的盲目追求，而是业务驱动下的技术进步，TypeScript 通过对原生 J...",
-    "url": "https://segmentfault.com/a/1190000040653014",
-    "author": "有道技术团队",
-    "home_url": "https://segmentfault.com/u/youdaotec",
-    "votes": "8",
-    "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": "14",
+    "rank": 13
   },
   {
     "title": "如何阅读'嵌套深'&'引用关系复杂'的react+ts项目? 要不咱写个loader缓解一下~",
@@ -96,7 +123,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "7",
-    "rank": 11
+    "rank": 14
   },
   {
     "title": "对于 JavaScript 中循环之间的技术差异概述",
@@ -105,16 +132,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
-    "rank": 12
-  },
-  {
-    "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": 13
+    "rank": 15
   },
   {
     "title": "HDD成都站：HMS Core 6.0带来新可能，多元服务驱动产品价值提升",
@@ -123,7 +141,7 @@
     "author": "华为移动服务",
     "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "0",
-    "rank": 14
+    "rank": 16
   },
   {
     "title": "用canvas实现一个大气球送给你",
@@ -132,41 +150,23 @@
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
     "votes": "4",
-    "rank": 15
-  },
-  {
-    "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": 16
-  },
-  {
-    "title": "性能优化：如何更快地接收数据",
-    "description": "从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...",
-    "url": "https://segmentfault.com/a/1190000040680395",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "8",
     "rank": 17
   },
   {
-    "title": "高手是如何写出让别人看不懂的选择器",
-    "description": "本文的标题是如何写出让别人看不懂的选择器，但是本意不是希望大家去写如此复杂的选择，一些复杂（怪异）的选择器在一些特定场景下也许有着妙用，又或者写出这种选择器是基于当时的特殊背景。",
-    "url": "https://segmentfault.com/a/1190000040648510",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "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": 18
   },
   {
-    "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",
+    "title": "动态代理大揭秘，带你彻底弄清楚动态代理！",
+    "description": "代理模式是一种设计模式，能够使得在不修改源目标的前提下，额外扩展源目标的功能。即通过访问源目标的代理类，再由代理类去访问源目标。这样一来，要扩展功能，就无需修改源目标的代码了。只需要在代理类上增加...",
+    "url": "https://segmentfault.com/a/1190000040680716",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "5",
     "rank": 19
   },
@@ -180,56 +180,56 @@
     "rank": 20
   },
   {
-    "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",
-    "votes": "3",
+    "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": 21
   },
   {
-    "title": "月薪10K码农，跳槽到40K架构师，技术学习路线图汇总",
-    "description": "前端、后端、运维，如果你不清楚自己要从哪开始，下个阶段要学什么，到哪里算是结束，可以参考下 Kamran Ahmed 整理的 Web 开发者 2021 版最新的学习路线图。",
-    "url": "https://segmentfault.com/a/1190000040654968",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "3",
+    "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": 22
   },
   {
-    "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": "5",
+    "title": "原来3D感空间行星轨迹是这样画的",
+    "description": "我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛背景点击查看太阳、地球、月亮3D旋转点击查看太阳、地球、月亮3D旋转2点击查看太阳、地球、月亮3D旋转源码中秋佳节即将到来，远在他乡的孩子们马上可以回...",
+    "url": "https://segmentfault.com/a/1190000040672742",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "4",
     "rank": 23
   },
   {
-    "title": "从IT圈“鄙视链”看前端开发有多难？",
-    "description": "如今“鄙视链”体现在生活的方方面面，各行各业都有默认一致的鄙视链。IT圈子因为开发语言多样、工程师岗位种类多、技术框架多，也有自己圈子内的鄙视链。按照开发工程师的岗位形成的鄙视链是：",
-    "url": "https://segmentfault.com/a/1190000040648795",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "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": "JsonUtils简单使用",
-    "description": "{代码...}",
-    "url": "https://segmentfault.com/a/1190000040652105",
-    "author": "isWulongbo",
-    "home_url": "https://segmentfault.com/u/iswulongbo",
+    "title": "vivo营销自动化技术解密｜开篇",
+    "description": "营销自动化是指专门为营销部门或组织设计的软件平台和技术，可以更有效地在线进行多渠道营销并使重复性任务自动化。营销部门和销售人员通过制定任务和流程的操作标准，然后由IT系统进行解释、存储和执行，从而提...",
+    "url": "https://segmentfault.com/a/1190000040673071",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "2",
     "rank": 25
   },
   {
-    "title": "原来3D感空间行星轨迹是这样画的",
-    "description": "我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛背景点击查看太阳、地球、月亮3D旋转点击查看太阳、地球、月亮3D旋转2点击查看太阳、地球、月亮3D旋转源码中秋佳节即将到来，远在他乡的孩子们马上可以回...",
-    "url": "https://segmentfault.com/a/1190000040672742",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
+    "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": 26
   },
@@ -243,14 +243,23 @@
     "rank": 27
   },
   {
-    "title": "vivo营销自动化技术解密｜开篇",
-    "description": "营销自动化是指专门为营销部门或组织设计的软件平台和技术，可以更有效地在线进行多渠道营销并使重复性任务自动化。营销部门和销售人员通过制定任务和流程的操作标准，然后由IT系统进行解释、存储和执行，从而提...",
-    "url": "https://segmentfault.com/a/1190000040673071",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "程序员玩转 Github Sponsors，开源变现年入百万",
+    "description": "聊聊看开源项目作者如何通过 Github Sponsors 成为独立开发者。[链接]",
+    "url": "https://segmentfault.com/a/1190000040664642",
+    "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，毕竟有一句...",
@@ -258,15 +267,6 @@
     "author": "归子莫",
     "home_url": "https://segmentfault.com/u/guizimo",
     "votes": "1",
-    "rank": 29
-  },
-  {
-    "title": "前端瓦片地图加载之塞尔达传说旷野之息",
-    "description": "最近在 肝🤕 塞尔达旷野之息，希望 2022年 新作发布前可以救出公主 👸。 同时公司有地图加载的需求，于是想以 旷野之息 地图为例，学习实践一下前端开发相关的地图知识，本文内容主要介绍通过使用瓦片地图加载原理...",
-    "url": "https://segmentfault.com/a/1190000040678481",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "4",
     "rank": 30
   }
 ]