@wcj/github-rank 22.4.16 → 22.4.17

package/web/data/sifou-daily.json

@@ -1,56 +1,47 @@
 [
   {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "title": "深入解析JVM-Java对象头组成",
+    "description": "Mark Word :用于存储对象自身的运行时数据， 如哈希码（HashCode）、GC分代年龄、锁状态标志、线程持有的锁、偏向线程ID、偏向时间戳等",
+    "url": "https://segmentfault.com/a/1190000041714558",
+    "author": "janyxe",
+    "home_url": "https://segmentfault.com/u/jany",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "4",
+    "title": "基于React.js的后台管理系统开发全过程(二)",
+    "description": "ok，我们完成了最基本的二次封装。这样使用起来好像和直接使用axios并没有什么区别，让我们继续包装一下。在Api文件夹下再创建一个index.js文件，来存放我们后续可能需要的各种类型的请求方法。",
+    "url": "https://segmentfault.com/a/1190000041713493",
+    "author": "韩xiao方MY",
+    "home_url": "https://segmentfault.com/u/jiaolvdekaixinguo",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "都“毕业”了，靠什么和东哥做“兄弟”？",
-    "description": "追根溯源，首先是马老师作为大佬们能说会道的担当曝出金句：\"未来，我们希望每年向社会推荐输出至少1000名10年以上的阿里人，他们应该参与到社会建设\"。",
-    "url": "https://segmentfault.com/a/1190000041709916",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
-    "votes": "2",
+    "title": "Redis的所有操作都是原子性？",
+    "description": "性能高 – Redis能读的速度是110000次/s,写的速度是81000次/s 。丰富的数据类型 – Redis支持二进制案例的 Strings, Lists, Hashes, Sets 及 Ordered Sets 数据类型操作。原子 – Redis的所有操作都是原子性的，意思...",
+    "url": "https://segmentfault.com/a/1190000041712840",
+    "author": "捣蛋的青椒",
+    "home_url": "https://segmentfault.com/u/daodandeqingjiao",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "面试官：简单聊聊 Go 逃逸分析？",
-    "description": "“跳跳虎”对于今天的面试还是有点准备的，八股文早从网上下载好了，但就是来得及背完就接到面试邀请了。胖虎心想，“不用怂，人称八股文选手不是白得的，要是能唬住面试官就多要点。”",
-    "url": "https://segmentfault.com/a/1190000041708419",
-    "author": "后端时光",
-    "home_url": "https://segmentfault.com/u/backendtime",
-    "votes": "2",
+    "title": "Python几种主流框架",
+    "description": "Django 应该是最出名的Python框架，GAE甚至Erlang都有框架受它影响。Django是走大而全的方向，它最出名的是其全自动化的管理后台：只需要使用起ORM，做简单的对象定义，它就能自动生成数据库结构、以及全功能的管...",
+    "url": "https://segmentfault.com/a/1190000041712404",
+    "author": "Python技术大本营",
+    "home_url": "https://segmentfault.com/u/bianchengdandan",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "Go的高效开发套路",
-    "description": "A. 背景当前在公司进行Go服务端研发工作时，发现缺少Go开发的最佳实践，而导致以下现象用Go开发时会比较迷茫，不知如何下手，怎么开展工作比较高效。重复造轮子比较严重。项目的代码质量参差不齐，导致交付的产品...",
-    "url": "https://segmentfault.com/a/1190000041709994",
-    "author": "EdwardQ",
-    "home_url": "https://segmentfault.com/u/edwardq_5e6b2d1b7ec0b",
+    "title": "Python自动化--6. 写一个python程序",
+    "description": "python程序6.1 使用vim写python程序生产环境中，我们会将程序的代码写成一个文件，这个文件就成为一个python程序文件，文件名以 .py 为结尾。猜数字",
+    "url": "https://segmentfault.com/a/1190000041712382",
+    "author": "Python技术大本营",
+    "home_url": "https://segmentfault.com/u/bianchengdandan",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "title": "性能测试分为哪几种类型？",
-    "description": "在软件测试中性能测试是很重要的一项，一般来说性能是一种指标，表明软件系统或构件对其及时性要求的符合程度，也可以说性能是一种特性，可以用时间来进行度量。性能的及时性用响应时间或吞吐量来衡量。响应时间...",
-    "url": "https://segmentfault.com/a/1190000041708272",
-    "author": "泽众软件_项目管理_测试工具",
-    "home_url": "https://segmentfault.com/u/zezhongruanjian_xiangmuguanli_ceshigongju",
-    "votes": "1",
-    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -8,32 +8,23 @@
     "votes": "64",
     "rank": 1
   },
-  {
-    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
-    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
-    "url": "https://segmentfault.com/a/1190000041679573",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "34",
-    "rank": 2
-  },
   {
     "title": "还在使用定时器吗？CSS 也能实现电子时钟",
     "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
     "url": "https://segmentfault.com/a/1190000041661094",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "31",
-    "rank": 3
+    "votes": "33",
+    "rank": 2
   },
   {
-    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
-    "url": "https://segmentfault.com/a/1190000041683548",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "31",
-    "rank": 4
+    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
+    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
+    "url": "https://segmentfault.com/a/1190000041679573",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "35",
+    "rank": 3
   },
   {
     "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
@@ -41,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041634906",
     "author": "WonderfulSoap",
     "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "28",
-    "rank": 5
+    "votes": "30",
+    "rank": 4
   },
   {
     "title": "巧用 background-clip 实现超强的文字动效",
@@ -50,7 +41,16 @@
     "url": "https://segmentfault.com/a/1190000041666096",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "31",
+    "votes": "32",
+    "rank": 5
+  },
+  {
+    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
+    "url": "https://segmentfault.com/a/1190000041683548",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "33",
     "rank": 6
   },
   {
@@ -89,6 +89,15 @@
     "votes": "24",
     "rank": 10
   },
+  {
+    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
+    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
+    "url": "https://segmentfault.com/a/1190000041586984",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "20",
+    "rank": 11
+  },
   {
     "title": "我们是如何解决偶发性的502错误的",
     "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
@@ -96,33 +105,24 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "14",
-    "rank": 11
-  },
-  {
-    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
-    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
-    "url": "https://segmentfault.com/a/1190000041586984",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "19",
     "rank": 12
   },
   {
-    "title": "大裁员下，程序员如何做“副业”？",
-    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
-    "url": "https://segmentfault.com/a/1190000041627230",
+    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
+    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
+    "url": "https://segmentfault.com/a/1190000041668070",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "20",
+    "votes": "16",
     "rank": 13
   },
   {
-    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
-    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
-    "url": "https://segmentfault.com/a/1190000041668070",
+    "title": "大裁员下，程序员如何做“副业”？",
+    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
+    "url": "https://segmentfault.com/a/1190000041627230",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "16",
+    "votes": "20",
     "rank": 14
   },
   {
@@ -185,7 +185,7 @@
     "url": "https://segmentfault.com/a/1190000041700998",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "votes": "14",
     "rank": 21
   },
   {
@@ -215,15 +215,6 @@
     "votes": "14",
     "rank": 24
   },
-  {
-    "title": "数据库与缓存双写一致性",
-    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
-    "url": "https://segmentfault.com/a/1190000041576417",
-    "author": "超大只乌龟",
-    "home_url": "https://segmentfault.com/u/chenwugui",
-    "votes": "13",
-    "rank": 25
-  },
   {
     "title": "10个有用的自定义钩子vue.js",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -231,6 +222,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
+    "rank": 25
+  },
+  {
+    "title": "数据库与缓存双写一致性",
+    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
+    "url": "https://segmentfault.com/a/1190000041576417",
+    "author": "超大只乌龟",
+    "home_url": "https://segmentfault.com/u/chenwugui",
+    "votes": "13",
     "rank": 26
   },
   {
@@ -251,6 +251,15 @@
     "votes": "8",
     "rank": 28
   },
+  {
+    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
+    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
+    "url": "https://segmentfault.com/a/1190000041686261",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
+    "rank": 29
+  },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
     "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
@@ -258,15 +267,6 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 29
-  },
-  {
-    "title": "编程中常用的加密算法",
-    "description": "前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...",
-    "url": "https://segmentfault.com/a/1190000041569757",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "17",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
-    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
-    "url": "https://segmentfault.com/a/1190000041679573",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "34",
-    "rank": 1
-  },
   {
     "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
     "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
     "url": "https://segmentfault.com/a/1190000041683548",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "31",
-    "rank": 2
+    "votes": "33",
+    "rank": 1
   },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
@@ -23,7 +14,16 @@
     "url": "https://segmentfault.com/a/1190000041700998",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "votes": "14",
+    "rank": 2
+  },
+  {
+    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
+    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
+    "url": "https://segmentfault.com/a/1190000041686261",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
     "rank": 3
   },
   {
@@ -36,12 +36,12 @@
     "rank": 4
   },
   {
-    "title": "一些关于react的keep-alive功能相关知识在这里(下)",
-    "description": "比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。",
-    "url": "https://segmentfault.com/a/1190000041683421",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "8",
+    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
+    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
+    "url": "https://segmentfault.com/a/1190000041693503",
+    "author": "恪晨",
+    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "votes": "11",
     "rank": 5
   },
   {
@@ -54,21 +54,21 @@
     "rank": 6
   },
   {
-    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
-    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
-    "url": "https://segmentfault.com/a/1190000041686261",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
+    "title": "一些关于react的keep-alive功能相关知识在这里(下)",
+    "description": "比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。",
+    "url": "https://segmentfault.com/a/1190000041683421",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
     "rank": 7
   },
   {
-    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
-    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
-    "url": "https://segmentfault.com/a/1190000041693503",
-    "author": "恪晨",
-    "home_url": "https://segmentfault.com/u/bo_wang_code",
-    "votes": "10",
+    "title": "40行代码实现React核心Diff算法",
+    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
+    "url": "https://segmentfault.com/a/1190000041706515",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "7",
     "rank": 8
   },
   {
@@ -80,6 +80,15 @@
     "votes": "4",
     "rank": 9
   },
+  {
+    "title": "图说前端-送给您百张前端技术图谱",
+    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
+    "url": "https://segmentfault.com/a/1190000041707644",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "6",
+    "rank": 10
+  },
   {
     "title": "作为前端，需要知道这些工具，解放我的重复劳动力",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -87,7 +96,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 10
+    "rank": 11
+  },
+  {
+    "title": "Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹",
+    "description": "在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...",
+    "url": "https://segmentfault.com/a/1190000041696066",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "5",
+    "rank": 12
   },
   {
     "title": "5个一定要学会的JavaScript新特性",
@@ -95,8 +113,17 @@
     "url": "https://segmentfault.com/a/1190000041694411",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "7",
-    "rank": 11
+    "votes": "8",
+    "rank": 13
+  },
+  {
+    "title": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST",
+    "description": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 ASTVue.js 并没有什么神秘的魔法，模板渲染、虚拟 DOM diff，也都是一行行代码基于 API 实现的。本文将用几分钟时间，分章节讲清楚 Vue.js 2.0 ...",
+    "url": "https://segmentfault.com/a/1190000041689097",
+    "author": "帅到被人砍",
+    "home_url": "https://segmentfault.com/u/juniortour",
+    "votes": "4",
+    "rank": 14
   },
   {
     "title": "墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码",
@@ -105,16 +132,16 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
-    "rank": 12
+    "rank": 15
   },
   {
-    "title": "Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹",
-    "description": "在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...",
-    "url": "https://segmentfault.com/a/1190000041696066",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "4",
-    "rank": 13
+    "title": "笔试算法题总结",
+    "description": "hashmap的原理这里不再讲述，不知道的小伙伴可以看这篇文章。Hash与HashMaphashmap数据结构的引入能帮助我们将O(n)的时间复杂度降低为O（1）的时间复杂度，代价是使用了O（n）的空间复杂度。这么一看好像功过参半...",
+    "url": "https://segmentfault.com/a/1190000041688073",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "5",
+    "rank": 16
   },
   {
     "title": "打造轻量级 WebIDE，看这一篇文章就够啦",
@@ -123,7 +150,7 @@
     "author": "云音乐技术团队",
     "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "2",
-    "rank": 14
+    "rank": 17
   },
   {
     "title": "了解一下 ::target-text 选择器",
@@ -132,7 +159,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "4",
-    "rank": 15
+    "rank": 18
   },
   {
     "title": "不借助 Javascript，利用 SVG 快速构建马赛克效果",
@@ -141,25 +168,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 16
-  },
-  {
-    "title": "笔试算法题总结",
-    "description": "hashmap的原理这里不再讲述，不知道的小伙伴可以看这篇文章。Hash与HashMaphashmap数据结构的引入能帮助我们将O(n)的时间复杂度降低为O（1）的时间复杂度，代价是使用了O（n）的空间复杂度。这么一看好像功过参半...",
-    "url": "https://segmentfault.com/a/1190000041688073",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "5",
-    "rank": 17
-  },
-  {
-    "title": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST",
-    "description": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 ASTVue.js 并没有什么神秘的魔法，模板渲染、虚拟 DOM diff，也都是一行行代码基于 API 实现的。本文将用几分钟时间，分章节讲清楚 Vue.js 2.0 ...",
-    "url": "https://segmentfault.com/a/1190000041689097",
-    "author": "帅到被人砍",
-    "home_url": "https://segmentfault.com/u/juniortour",
-    "votes": "3",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "告别收费BI!如何自己动手做一个免费的可视化数据报表还支持文档在线预览？",
@@ -168,7 +177,7 @@
     "author": "徐骏",
     "home_url": "https://segmentfault.com/u/xujun_6253b72d8cc31",
     "votes": "9",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "写给“未来的”组件库的调研和思考",
@@ -177,7 +186,7 @@
     "author": "玩弄心里的鬼",
     "home_url": "https://segmentfault.com/u/lizongyuan",
     "votes": "2",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "冴羽答读者问：怎么才能像你一样写文章如喝水？",
@@ -186,7 +195,16 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
-    "rank": 21
+    "rank": 22
+  },
+  {
+    "title": "XTask与RxJava的使用比较",
+    "description": "XTask是一个拓展性极强的Android任务执行框架。通过它，你可以自由定义和组合任务来实现你想要的功能，尤其适用于处理复杂的业务流程，可灵活添加前置任务或者调整执行顺序。",
+    "url": "https://segmentfault.com/a/1190000041681939",
+    "author": "xuexiangjys",
+    "home_url": "https://segmentfault.com/u/xuexiangjys",
+    "votes": "2",
+    "rank": 23
   },
   {
     "title": "开发者必读：2022年移动应用趋势洞察白皮书",
@@ -195,7 +213,7 @@
     "author": "HMSCore",
     "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "2",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "异步验证器防抖的补充 以及 记录动态组件遇到的问题",
@@ -204,7 +222,7 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "3",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "这篇手写 Promise 你一定要康康",
@@ -213,16 +231,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "3",
-    "rank": 24
-  },
-  {
-    "title": "[性能优化] 为虚拟列表增加离屏渲染和缓存",
-    "description": "背景在之前的一篇关于无限滚动优化的文章中， 我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力， 作为功能增强。主要的处理：增加一...",
-    "url": "https://segmentfault.com/a/1190000041698876",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "0",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "后端学习值得收藏的一些开源电子书",
@@ -231,24 +240,15 @@
     "author": "LeanCloud",
     "home_url": "https://segmentfault.com/u/leancloud",
     "votes": "5",
-    "rank": 26
-  },
-  {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
     "rank": 27
   },
   {
-    "title": "XTask与RxJava的使用比较",
-    "description": "XTask是一个拓展性极强的Android任务执行框架。通过它，你可以自由定义和组合任务来实现你想要的功能，尤其适用于处理复杂的业务流程，可灵活添加前置任务或者调整执行顺序。",
-    "url": "https://segmentfault.com/a/1190000041681939",
-    "author": "xuexiangjys",
-    "home_url": "https://segmentfault.com/u/xuexiangjys",
-    "votes": "1",
+    "title": "[性能优化] 为虚拟列表增加离屏渲染和缓存",
+    "description": "背景在之前的一篇关于无限滚动优化的文章中， 我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力， 作为功能增强。主要的处理：增加一...",
+    "url": "https://segmentfault.com/a/1190000041698876",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
+    "votes": "0",
     "rank": 28
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "Angular13引入Echarts图表操作实录",
-    "description": "由于毕设的软件需要前端绘图，所以果断选择知名度较高的Apache Echarts。对于原生JS或TS来说，引入第三方库十分简单，只需要在Header处添加即可。本文旨在介绍Angular尤其是最新的Angular13使用Echarts的一些不同...",
-    "url": "https://segmentfault.com/a/1190000041680595",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "3",
+    "title": "支付宝小程序 横屏电子版签字 ，canvas实现",
+    "description": "思路：使用transform和translate 去旋转页面，这样就能满足样式的需求，看着是没啥问题，但是当在canvas上绘画的时候，就会看到，我写的是一横，展示的确是一竖原因：页面是旋转了，但是坐标系统没有改变",
+    "url": "https://segmentfault.com/a/1190000041698583",
+    "author": "那年",
+    "home_url": "https://segmentfault.com/u/nanian_5cd6881d3cc98",
+    "votes": "1",
     "rank": 30
   }
 ]