@wcj/github-rank 22.5.10 → 22.5.11

package/dist/sifou-daily.json

@@ -1,146 +1,128 @@
 [
   {
-    "title": "CSS 实现树状结构目录",
-    "description": "如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~",
-    "url": "https://segmentfault.com/a/1190000041815758",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "3",
+    "title": "IntersectionObserver 使用 ,列表懒加载，虚拟列表实现",
+    "description": "使用IntersectionObserver 可以让我们快速实现 懒加载 和 虚拟列表首先我们创建 observer 观察者实例 {代码...} options 是配置的参数 (选填)observer 则是一个观察器实例有一些基础的方法 {代码...} callback 回...",
+    "url": "https://segmentfault.com/a/1190000041823853",
+    "author": "樊衍",
+    "home_url": "https://segmentfault.com/u/fanyan",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "初级程序员的SQL拾遗-②（表操作）",
-    "description": "前言虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM映射实现的，自己并没有从底层接触SQL。本文继 初级程序员的SQL拾遗-①（增删改查） 主要内容包括：建库、建表、字段、约束、查询等实际开发过...",
-    "url": "https://segmentfault.com/a/1190000041818633",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "4",
+    "title": "与  Google 谷歌出海创业加速器一起出发丨招募开启",
+    "description": "谷歌出海创业加速器，作为 Google for Startups Accelerator 全球项目的重要组成部分，聚焦中国出海创业企业，旨在帮助中国出海创业企业夯实基础，提升技能，融合资源，发展战略，制胜海外，为其提供开源技术、市...",
+    "url": "https://segmentfault.com/a/1190000041825371",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "改@用户功能为动态",
-    "description": "查到可以添加几个事件，上述代码为限制input输入内容为数字。onkeyup事件每当输入就会执行，我们设置一个方法，替换非数字为空。里面检测非数字用到了正则表达式。",
-    "url": "https://segmentfault.com/a/1190000041818549",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "4",
+    "title": "名单公布！24支腾讯Light战队，腾讯Light·公益创新挑战赛总决赛见！",
+    "description": "去年12月23日，在中华全国妇女联合会宣传部指导下，第二届腾讯Light·公益创新挑战赛于厦门正式启动。第二届挑战赛中，腾讯联合中国儿童中心设置「生物多样性保护/教育」、「未成年人安全保护/教育」和「素养教育...",
+    "url": "https://segmentfault.com/a/1190000041824928",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "ActivatedRoute 和 Router，以及记录后台遇到的问题",
-    "description": "ActivatedRoute 和 Router的区别前台angular使用这两个来进行路由的操作，但是好像一直不大清楚区别。这里简单记录一下。区别 {代码...} ActivatedRoute是当前组件的路由对象，包含了当前的路由信息。router是全...",
-    "url": "https://segmentfault.com/a/1190000041818528",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "4",
+    "title": "对话MVP | 清华博士马福辰：希望成为社区和生态发展强有力的“助攻”",
+    "description": "开源社区成立以来，吸引汇聚了许多热爱分享、交流的技术爱好者。为感谢大家一路以来对FISCO BCOS的支持与贡献，社区开放FISCO BCOS MVP认定，以鼓励为开源社区贡献高质量技术内容的FISCO BCOS意见先锋与意见领袖...",
+    "url": "https://segmentfault.com/a/1190000041822842",
+    "author": "FISCO_BCOS",
+    "home_url": "https://segmentfault.com/u/fisco_bcos",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "总结一下本周遇到的问题",
-    "description": "在写区域工作人员端任务管理时需要获取登陆人员所管理的居民，这时就出现了一个问题——后台要怎么实现这些功能呢?我们可以发现前台并没有把当前登录用户传给后台，所以理论上应该是直接从后台获取当前登录用户。之...",
-    "url": "https://segmentfault.com/a/1190000041815869",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "4",
+    "title": "ApacheCon Asia 2022强势来袭！16大专题等你投稿！",
+    "description": "今年七月，ApacheCon Asia 2022 强势来袭，针对亚太地区的开发者特举行 ApacheCon Asia 在线会议。足不出户，即可参加Apache技术盛宴，7 月 29 日至 31 日持续三天的Apache项目内容涵盖数十个类别，从大数据到金...",
+    "url": "https://segmentfault.com/a/1190000041821792",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "Vue注册的全局组件配置对象保存的位置",
-    "description": "有时候你想给Vue一些组件库新增一些补丁功能或者修改功能，这些库如果像ElementUI一样有暴露到全局的api，还容易运行时篡改，如果没有暴露到全局上但有注册成全局组件，但是你又不想去库的源代码，怎么办呢？其实...",
-    "url": "https://segmentfault.com/a/1190000041815526",
-    "author": "而井",
-    "home_url": "https://segmentfault.com/u/rioli",
+    "title": "特斯拉起诉前工程师：涉嫌窃取“Dojo 项目”超级计算机机密",
+    "description": "据彭博社报道，美国电动汽车及能源公司特斯拉（Tesla）正在起诉前工程师Alexander Yatskov，指控他窃取了该公司名为“Dojo 项目”的超级计算机技术有关“机密”信息。",
+    "url": "https://segmentfault.com/a/1190000041821486",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
-    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...",
-    "url": "https://segmentfault.com/a/1190000041819579",
-    "author": "阿宝哥",
-    "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "2",
+    "title": "了解Flow -- elixir的并行计算库",
+    "description": "日常编程的时候，我有时候会不自觉的把计算机当成一个人，以对人说话的方式来给计算机布置任务。然而，计算机和人类的一个主要区别就是，它会一字不差地执行程序，遇到特殊情况时不会做变通。",
+    "url": "https://segmentfault.com/a/1190000041820402",
+    "author": "Ljzn",
+    "home_url": "https://segmentfault.com/u/exunit",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "跳动的“loading”，个个都很惊艳！",
-    "description": "大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探...",
-    "url": "https://segmentfault.com/a/1190000041819357",
-    "author": "搞前端的半夏",
-    "home_url": "https://segmentfault.com/u/banxia_frontend",
-    "votes": "2",
+    "title": "并发编程之临界区\\阻塞\\非阻塞\\死锁\\饥饿\\活锁",
+    "description": "本文介绍并发编程中的若干概念，实际上在笔者之前的文章中，已经介绍过很多概念。比如：并发与并行、同步与异步、锁与信号量等等。参考《并发编程专栏》，本文计息介绍一些相对深入一些的概念",
+    "url": "https://segmentfault.com/a/1190000041826037",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "1",
     "rank": 8
   },
   {
-    "title": "分享一个我看源码时的小技巧。",
-    "description": "你好呀，我是歪歪。我在之前的文章里面不是经常叫大家拉源码，然后看代码提交记录吗。也就是看类似于这个界面：比如上面这个界面中，就可以看到 RedissonBaseLock.java 这个文件，由谁在什么时候进行过变更，以及...",
-    "url": "https://segmentfault.com/a/1190000041815888",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
+    "title": "Native Flink on Kubernetes 在小红书的实践",
+    "description": "摘要：本文整理自小红书数据流团队资深研发工程师何军在 Flink Forward Asia 2021 平台建设专场的演讲，介绍了小红书基于 K8s 管理 Flink 任务的建设过程，以及往 Native Flink on K8s 方案迁移过程的一些实践经...",
+    "url": "https://segmentfault.com/a/1190000041824263",
+    "author": "ApacheFlink",
+    "home_url": "https://segmentfault.com/u/ververica",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "用JavaScript入门函数式编程，刚入门趁热分享",
-    "description": "我们入门编程的时候，通常都是从命令式编程开始，即最简单的过程式代码。后来为了处理大型项目又接触到面向对象，也属于命令式。而函数式编程属于声明式，其实它的出现早于面向对象。",
-    "url": "https://segmentfault.com/a/1190000041819623",
-    "author": "VaporSpace",
-    "home_url": "https://segmentfault.com/u/wuyuanwuhuitianzhenwuxie",
-    "votes": "1",
+    "title": "功夫在平时",
+    "description": "事情源于一次跟CTO的交流，当时由于紧张而且距离处理这些 bug 的时间过得较长，所以当时答的一塌糊涂，所以就想着重新梳理下当时回答的问题，讲清楚问题的原由，做到功夫在平时，同时加深记忆。",
+    "url": "https://segmentfault.com/a/1190000041820664",
+    "author": "code_shuai",
+    "home_url": "https://segmentfault.com/u/code_shuai",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "React常见的面试题以及答案",
-    "description": "React常见的面试题以及答案说说对React的理解？有哪些特性？区分Real DOM和Virtual DOM什么是JSX和它的特性？类组件和函数组件之间有什么区别？了解 Virtual DOM 吗？解释一下它的工作原理。说说对 State 和 Prop...",
-    "url": "https://segmentfault.com/a/1190000041816759",
-    "author": "eraser123",
-    "home_url": "https://segmentfault.com/u/eraser",
+    "title": "哥德巴赫猜想的验证",
+    "description": "首先得声明一句，本人文学专业出身，数学确实不好，可以说完全零基础，因此这篇博客的代码花了接近一下午的时间（并不是代码有多难，而是自己数学太差，所以得查半天资料研究）",
+    "url": "https://segmentfault.com/a/1190000041824445",
+    "author": "Keen",
+    "home_url": "https://segmentfault.com/u/keen_626105e1ef632",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "首个彻底保证缓存与数据库一致性的开源方案",
-    "description": "大量的实际的项目中，都会引入 Redis 缓存来缓解数据库的查询压力，此时由于一个数据在 Redis 和数据库两处进行了存储，就会有数据一致性的问题。目前业界尚未见到成熟的能够确保最终一致性的方案，特别是当如下...",
-    "url": "https://segmentfault.com/a/1190000041815412",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "1",
+    "title": "Cephfs的MDS侧元数据池和mdcache存储数据结构分析",
+    "description": "查看名为vdb.1_1.dir（目录下有100万个文件）的目录的inode号为1099511627788，转换为16进制为1000000000C",
+    "url": "https://segmentfault.com/a/1190000041824048",
+    "author": "barrychen",
+    "home_url": "https://segmentfault.com/u/barrychen_599e6fdbdcd99",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "【校招/社招】面试字节，写了一份硬核简历！",
-    "description": "傅哥我要实习了、傅哥我要校招了、傅哥我要跳槽了，但我现在还没有啥拿的出手的项目，也不会包装简历，东拼西凑的内容在招聘网站，投了几次都石沉大海没有啥下文了！！！其实就算让我去面试，自己都感觉有虚，怎...",
-    "url": "https://segmentfault.com/a/1190000041814734",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "title": "Cephfs数据池数据对象命名规则解析",
+    "description": "众所周知，cephfs的数据和元数据是分离的，处于不同的pool池里头，而无论是rgw、cephfs、rbd底层的数据池的存储都是基于RADOS(Reliable Autonomic Distributed Object Store),Ceph存储集群的基础，RADOS层的一切...",
+    "url": "https://segmentfault.com/a/1190000041823850",
+    "author": "barrychen",
+    "home_url": "https://segmentfault.com/u/barrychen_599e6fdbdcd99",
     "votes": "3",
     "rank": 13
   },
   {
-    "title": "【面试普通人VS高手系列】说一说Mybatis里面的缓存机制",
-    "description": "一个工作了 5年的程序员，在私信里面不断向我诉苦。他说，他用了Mybatis这么久，怎么滴也算是精通Mybatis了吧。结果竟然在Mybatis这个面试题上翻车了！ 真的好烦！好吧，我们今天来看看“Mybatis里面的缓存机制”，...",
-    "url": "https://segmentfault.com/a/1190000041817208",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 系统设置 - 第一篇 系统准备",
+    "description": "使用电源键开机后，会有一个中国长城的欢迎 LOGO 页面，此页面会有提示 按 Fn+F2 进行 BIOS 设置，按 Fn+F7 进行启动引导选择。 图（补） 我们按 Fn+F7 进入选从 USB 启动，进入启动盘这里我们选择 Install Kylin...",
+    "url": "https://segmentfault.com/a/1190000041821724",
+    "author": "码上世界",
+    "home_url": "https://segmentfault.com/u/code4world",
     "votes": "2",
     "rank": 14
-  },
-  {
-    "title": "为什么 Go 用起来会难受？这 6 个细节你知道吗",
-    "description": "大家好，我是煎鱼。在做新的应用选型时，我们会进行应用编程语言的选择，这时会纠结 Java、PHP、Go...各种，会思考有没有致命的问题，不能用？可以明确的是，Go 没有非常致命的问题，否则你我他都不会在这里相遇...",
-    "url": "https://segmentfault.com/a/1190000041816069",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "2",
-    "rank": 15
-  },
-  {
-    "title": "企业级低代码 | 灵魂拷问：低代码真的安全可靠吗？ | 飞速创软",
-    "description": "在一篇题为《低代码和无代码开发的4个安全问题》的文章中，作者 Chris Hughes 表示，“通过允许企业中更多的人开发应用程序，低代码开发会产生新的漏洞，并在安全性方面隐藏问题。”",
-    "url": "https://segmentfault.com/a/1190000041815156",
-    "author": "飞速低代码平台",
-    "home_url": "https://segmentfault.com/u/dadedanta",
-    "votes": "1",
-    "rank": 16
   }
 ]

package/dist/sifou-monthly.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": "51",
-    "rank": 1
-  },
   {
     "title": "SegmentFault 思否加入 ONES",
     "description": "ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。",
     "url": "https://segmentfault.com/a/1190000041790775",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "38",
-    "rank": 2
+    "votes": "39",
+    "rank": 1
   },
   {
     "title": "10",
@@ -23,8 +14,8 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "47",
-    "rank": 3
+    "votes": "51",
+    "rank": 2
   },
   {
     "title": "JS阻塞渲染，这么多年我理解错啦？",
@@ -32,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "39",
-    "rank": 4
+    "votes": "40",
+    "rank": 3
   },
   {
     "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
@@ -42,7 +33,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "43",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
@@ -50,7 +41,16 @@
     "url": "https://segmentfault.com/a/1190000041728567",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "30",
+    "votes": "31",
+    "rank": 5
+  },
+  {
+    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
+    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
+    "url": "https://segmentfault.com/a/1190000041729491",
+    "author": "獨釣寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "27",
     "rank": 6
   },
   {
@@ -62,32 +62,23 @@
     "votes": "24",
     "rank": 7
   },
-  {
-    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
-    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
-    "url": "https://segmentfault.com/a/1190000041729491",
-    "author": "獨釣寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "26",
-    "rank": 8
-  },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
     "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
     "url": "https://segmentfault.com/a/1190000041700998",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 9
+    "votes": "25",
+    "rank": 8
   },
   {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "14",
-    "rank": 10
+    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
+    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
+    "url": "https://segmentfault.com/a/1190000041804988",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "19",
+    "rank": 9
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -95,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000041693503",
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
-    "votes": "18",
-    "rank": 11
+    "votes": "19",
+    "rank": 10
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -104,9 +95,36 @@
     "url": "https://segmentfault.com/a/1190000041725043",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "20",
+    "votes": "22",
+    "rank": 11
+  },
+  {
+    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
+    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
+    "url": "https://segmentfault.com/a/1190000041754709",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "19",
     "rank": 12
   },
+  {
+    "title": "40行代码实现React核心Diff算法",
+    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
+    "url": "https://segmentfault.com/a/1190000041706515",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "14",
+    "rank": 13
+  },
+  {
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "14",
+    "rank": 14
+  },
   {
     "title": "我做了一个在线白板！！！",
     "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
@@ -114,16 +132,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "11",
-    "rank": 13
-  },
-  {
-    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
-    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
-    "url": "https://segmentfault.com/a/1190000041804988",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "15",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "2022 PHP程序员修炼秘籍",
@@ -132,26 +141,26 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "16",
-    "rank": 15
-  },
-  {
-    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
-    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
-    "url": "https://segmentfault.com/a/1190000041754709",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "17",
     "rank": 16
   },
   {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
+    "title": "浅谈支付系统开发基本流程",
+    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
+    "url": "https://segmentfault.com/a/1190000041781215",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "16",
     "rank": 17
   },
+  {
+    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
+    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
+    "url": "https://segmentfault.com/a/1190000041730906",
+    "author": "JerryC",
+    "home_url": "https://segmentfault.com/u/jerryc",
+    "votes": "12",
+    "rank": 18
+  },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
     "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
@@ -159,7 +168,7 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "12",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
@@ -168,7 +177,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "3",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -177,7 +186,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "图说前端-送给您百张前端技术图谱",
@@ -186,7 +195,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -195,15 +204,6 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 22
-  },
-  {
-    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
-    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
-    "url": "https://segmentfault.com/a/1190000041730906",
-    "author": "JerryC",
-    "home_url": "https://segmentfault.com/u/jerryc",
-    "votes": "6",
     "rank": 23
   },
   {
@@ -212,9 +212,27 @@
     "url": "https://segmentfault.com/a/1190000041794241",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "9",
+    "votes": "10",
     "rank": 24
   },
+  {
+    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
+    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
+    "url": "https://segmentfault.com/a/1190000041806654",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "18",
+    "rank": 25
+  },
+  {
+    "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
+    "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
+    "url": "https://segmentfault.com/a/1190000041791819",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
+    "rank": 26
+  },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
     "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
@@ -222,7 +240,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "15",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(下)",
@@ -231,16 +249,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "13",
-    "rank": 26
-  },
-  {
-    "title": "浅谈支付系统开发基本流程",
-    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
-    "url": "https://segmentfault.com/a/1190000041781215",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "14",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "提高前端人效率的工具、网站和书籍",
@@ -248,16 +257,7 @@
     "url": "https://segmentfault.com/a/1190000041763788",
     "author": "playboy5566",
     "home_url": "https://segmentfault.com/u/playboy5566",
-    "votes": "8",
-    "rank": 28
-  },
-  {
-    "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
-    "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
-    "url": "https://segmentfault.com/a/1190000041791819",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "votes": "9",
     "rank": 29
   },
   {
@@ -266,7 +266,7 @@
     "url": "https://segmentfault.com/a/1190000041717742",
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "8",
+    "votes": "9",
     "rank": 30
   }
 ]