@wcj/github-rank 22.4.27 → 22.4.30

package/web/data/sifou-weekly.json

@@ -1,137 +1,137 @@
 [
   {
-    "title": "JS阻塞渲染，这么多年我理解错啦？",
-    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
-    "url": "https://segmentfault.com/a/1190000041729574",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "33",
+    "title": "🔥 2022 前端性能优化最佳实践",
+    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
+    "url": "https://segmentfault.com/a/1190000041753539",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
-    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
-    "url": "https://segmentfault.com/a/1190000041729491",
-    "author": "獨釣寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "24",
+    "title": "初级程序员的SQL拾遗（增删改查）",
+    "description": "虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...",
+    "url": "https://segmentfault.com/a/1190000041753021",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "9",
     "rank": 2
   },
   {
-    "title": "2022 PHP程序员修炼秘籍",
-    "description": "前言Hi , 各位大佬、小佬们，我是CrazyCodes，本来打算在年初奉上本篇，但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...",
-    "url": "https://segmentfault.com/a/1190000041734354",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "9",
+    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
+    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
+    "url": "https://segmentfault.com/a/1190000041761117",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 3
   },
   {
-    "title": "130 行代码搞定核酸统计，程序员在抗疫期间的大能量",
-    "description": "前几日看到一则新闻，人民日报给我们程序员点了个赞。事情原由是这样的：自三月来，但凡完成核酸检测，复旦大学的校辅导员要挨个检查学生“健康云”核酸结果截图并进行登记，确保每一个人都不会遗漏。而我们都知道...",
-    "url": "https://segmentfault.com/a/1190000041729768",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "7",
+    "title": "我做了一个在线白板！！！",
+    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
+    "url": "https://segmentfault.com/a/1190000041769612",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "3",
     "rank": 4
   },
   {
-    "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": "7",
+    "title": "从计算机网络开始，分析ftp报文内容",
+    "description": "前言最近计网老师要求参照课本中的PPPoE协议，分析自己用wireShark抓取的ftp用户名报文，分析帧结构，解析报文内容。计算机网络体系结构分析报文，我们就需要回头认真地了解计算机网络体系结构。（主要是因为忘了...",
+    "url": "https://segmentfault.com/a/1190000041752525",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "9",
     "rank": 5
   },
   {
-    "title": "数据传输POST心法分享，做前端的你还解决不了这个bug？",
-    "description": "随时随地给大家提供技术支持的葡萄又来了。这次的事情是这样的，提供demo属于是常规操作，但是前两天客户突然反馈压缩传输模块抛出异常，具体情况是压缩内容传输到服务端后无法解压。",
-    "url": "https://segmentfault.com/a/1190000041731045",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "CSS 绘制一个时钟",
+    "description": "欢迎关注微信公众号：前端侦探练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？你也可以访问这个 CSS clock查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运...",
+    "url": "https://segmentfault.com/a/1190000041754537",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "6",
     "rank": 6
   },
   {
-    "title": "🔥 2022 前端性能优化最佳实践",
-    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
-    "url": "https://segmentfault.com/a/1190000041753539",
-    "author": "佩奇烹饪家",
-    "home_url": "https://segmentfault.com/u/cloudyttt",
-    "votes": "6",
+    "title": "招聘季征文活动获奖名单公布，快来领奖~",
+    "description": "哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单江辰：5年经验(专升本)入职B站分享范文杰：Offer 提速：如何写出有亮点的简历杨成功：一个小厂前端 Lea...",
+    "url": "https://segmentfault.com/a/1190000041757846",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 7
   },
   {
-    "title": "初级程序员的SQL拾遗（增删改查）",
-    "description": "虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...",
-    "url": "https://segmentfault.com/a/1190000041753021",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "8",
+    "title": "5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站",
+    "description": "自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...",
+    "url": "https://segmentfault.com/a/1190000041753907",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "3",
     "rank": 8
   },
-  {
-    "title": "从计算机网络开始，分析ftp报文内容",
-    "description": "前言最近计网老师要求参照课本中的PPPoE协议，分析自己用wireShark抓取的ftp用户名报文，分析帧结构，解析报文内容。计算机网络体系结构分析报文，我们就需要回头认真地了解计算机网络体系结构。（主要是因为忘了...",
-    "url": "https://segmentfault.com/a/1190000041752525",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "8",
-    "rank": 9
-  },
   {
     "title": "Spring中多线程的使用及问题",
     "description": "由于本周大部分时间都在写原型，主要遇到的问题就是对实际功能理解不准确导致多次修改原型浪费了很多时间，这也就告诉我们一定要明确实际要求再去下手。因为之前会议中也多次提到了线程，而我本人对线程没有什么...",
     "url": "https://segmentfault.com/a/1190000041746919",
     "author": "李明",
     "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "2",
+    "votes": "4",
+    "rank": 9
+  },
+  {
+    "title": "提高前端人效率的工具、网站和书籍",
+    "description": "提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...",
+    "url": "https://segmentfault.com/a/1190000041763788",
+    "author": "playboy5566",
+    "home_url": "https://segmentfault.com/u/playboy5566",
+    "votes": "7",
     "rank": 10
   },
   {
-    "title": "每个开发者都应该知道的33个JavaScript概念",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041686462",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "面试官：Vue3响应式系统都不会写，还敢说精通？",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言都说今年是最惨工作年，大厂裁员，小厂跟风，简历投了几百封回信的寥寥无几，金三银四怕是成了铜三铁四，冷冷清清，凄凄惨惨。但是今天的主角，小帅同学...",
+    "url": "https://segmentfault.com/a/1190000041753659",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "5",
     "rank": 11
   },
   {
-    "title": "js 截取文件后缀名",
-    "description": "方法一: {代码...} 方法二: {代码...} 方法三: {代码...}",
-    "url": "https://segmentfault.com/a/1190000041744218",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "3",
+    "title": "面试算法题记录",
+    "description": "问：一个数组，先递增后递减，要返回最大的一个数，怎么实现？答：依次遍历第i个数，如果第i个数大于第i + 1个数，那么返回第i个数，这个数就是最大值。（这么简单，大一学生都会）问：还能优化吗？答：啊。。。...",
+    "url": "https://segmentfault.com/a/1190000041758099",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站",
-    "description": "自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...",
-    "url": "https://segmentfault.com/a/1190000041753907",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "4",
+    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
+    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
+    "url": "https://segmentfault.com/a/1190000041754709",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "7",
     "rank": 13
   },
   {
-    "title": "CSS 绘制一个时钟",
-    "description": "欢迎关注微信公众号：前端侦探练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？你也可以访问这个 CSS clock查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运...",
-    "url": "https://segmentfault.com/a/1190000041754537",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "3",
-    "rank": 14
-  },
-  {
-    "title": "AI 视频云 VS 窄带高清，谁是视频时代的宠儿",
-    "description": "随着网络技术的逐渐改善，各类视频消息成为媒体传播的主要选择手段。但其实支撑着视频传播的并不单单是网络技术，还有视频转码与压缩技术。这类技术下分很多，比如曾经被频繁提到的 H.265，比如时下热门的窄带高...",
-    "url": "https://segmentfault.com/a/1190000041735598",
+    "title": "游戏出海浪潮下，这些技术难点该如何攻克",
+    "description": "《App Annie x Google 2021年移动游戏出海洞察报告》中提到 2021 年上半年最新数据显示，中国游戏开发商在海外游戏市场份额从四年前的 10% 增长到今年的超过 23% ，已超越美国、日本开发商，第一次跃升海外游戏市...",
+    "url": "https://segmentfault.com/a/1190000041767627",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "4",
+    "rank": 14
+  },
+  {
+    "title": "使用 CSS 绘制带有动画效果的 React Logo",
+    "description": "原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面...",
+    "url": "https://segmentfault.com/a/1190000041767393",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "3",
     "rank": 15
   },
   {
@@ -144,95 +144,104 @@
     "rank": 16
   },
   {
-    "title": "面试算法题记录",
-    "description": "问：一个数组，先递增后递减，要返回最大的一个数，怎么实现？答：依次遍历第i个数，如果第i个数大于第i + 1个数，那么返回第i个数，这个数就是最大值。（这么简单，大一学生都会）问：还能优化吗？答：啊。。。...",
-    "url": "https://segmentfault.com/a/1190000041758099",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "1",
+    "title": "angular 拖动功能",
+    "description": "写到表单功能的时候，就考虑如果表单能够拖动式地添加，无疑能够加强用户的使用体验感。所以就尝试着实现拖动功能。如下图，能够将一个表单拖动到另一个表单。",
+    "url": "https://segmentfault.com/a/1190000041757995",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "6",
     "rank": 17
   },
   {
-    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
-    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
-    "url": "https://segmentfault.com/a/1190000041754709",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "6",
+    "title": "【前端干货】别再羡慕别人的Excel啦，教你点击按钮直接打开侧边栏！",
+    "description": "负责技术支持的葡萄又来啦。三日不见，我们的客户又为我们发来新的问题。这次我们需要实现的场景是在前端表格环境中，像模板按钮那样，点击之后弹出一个侧边栏，然后通过点击不同的单元格显示不同的内容。挤接下...",
+    "url": "https://segmentfault.com/a/1190000041767241",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "面试官：Vue3响应式系统都不会写，还敢说精通？",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言都说今年是最惨工作年，大厂裁员，小厂跟风，简历投了几百封回信的寥寥无几，金三银四怕是成了铜三铁四，冷冷清清，凄凄惨惨。但是今天的主角，小帅同学...",
-    "url": "https://segmentfault.com/a/1190000041753659",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "3",
+    "title": "有奖调研 | 即时消息服务的产品需求规划就交给你了！",
+    "description": "截至2021年6月，我国即时通信用户规模达到9.83亿，以97%的网民使用占比，在用户量级之巅一览众山小。今天就来聊聊这个“如空气般存在”的能力——IM（Instant Messaging）即时消息。（数据来自中国互联网络信息中心（...",
+    "url": "https://segmentfault.com/a/1190000041762309",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 19
   },
   {
-    "title": "招聘季征文活动获奖名单公布，快来领奖~",
-    "description": "哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单江辰：5年经验(专升本)入职B站分享范文杰：Offer 提速：如何写出有亮点的简历杨成功：一个小厂前端 Lea...",
-    "url": "https://segmentfault.com/a/1190000041757846",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
+    "title": "js手写题梳理汇总",
+    "description": "1、实现原生 AJAX 封装 {代码...} 2、实现 new 过程 {代码...} 3、打乱一个数组 {代码...} 4、防抖函数 {代码...} 5、节流函数 {代码...} 6、数组去重 {代码...} 7、setTimeout 实现 setInterval {代码...} 8、se...",
+    "url": "https://segmentfault.com/a/1190000041768636",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "4",
     "rank": 20
   },
   {
-    "title": "原来，这才是开发者打开世界读书日的正确姿势！",
-    "description": "“独阅乐不如众阅乐”。什么意思？就是独自快乐阅读，不如让更多人能够快乐阅读。这就是程序员阿强朴素的阅读观。作为外文图书爱好者，阿强想尽情享受外文原版书的原汁原味，却总被不时出现的陌生词汇整得磕磕绊绊...",
-    "url": "https://segmentfault.com/a/1190000041741329",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
+    "title": "create-react-app 初始化 React 工程，配置工具链，以及如何改多页应用",
+    "description": "然而事实上create-react-app大多数还是帮我们简化了webpack的配置，对于一个稍微大型的工程，或者需要多人协作的工程来说，工具链的配置也是必不可少的。比如提交代码前格式化验证，git提交信息的验证，已经保存...",
+    "url": "https://segmentfault.com/a/1190000041764959",
+    "author": "sky124380729",
+    "home_url": "https://segmentfault.com/u/sky124380729",
+    "votes": "3",
     "rank": 21
   },
   {
-    "title": "angular 拖动功能",
-    "description": "写到表单功能的时候，就考虑如果表单能够拖动式地添加，无疑能够加强用户的使用体验感。所以就尝试着实现拖动功能。如下图，能够将一个表单拖动到另一个表单。",
-    "url": "https://segmentfault.com/a/1190000041757995",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "6",
+    "title": "JavaScript 有趣的冷知识：模板字符串",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041753869",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "淘宝小程序体验优化：数据分析和优化实践",
-    "description": "作者：莫绪旻(向屿)淘宝小程序已经走过若干个双十一，淘宝开放业务有序铺开。体验优化是个老生常谈的话题，如何让小程序跑得又稳又快，成了我们最大的挑战之一。写在前面如何定义好的体验过去我们定义这个问题，...",
-    "url": "https://segmentfault.com/a/1190000041732101",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
+    "title": "冴羽答读者问：钱和成长，哪个更重要？",
+    "description": "如果只是抽象的回答这个问题，那毫无疑问是“成长”重要，因为我认为“成长”就意味着你有能力拿到更匹配的职位，拿到更高的薪酬，实现更自由的财务，否则你连这些也没有做到，“成长”不就只是一句美好的自我幻想吗？",
+    "url": "https://segmentfault.com/a/1190000041763709",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
     "rank": 23
   },
   {
-    "title": "MetaWork：拜托，这样远程结对编程超酷的！",
-    "description": "众所周知，结对编程（英语：Pair programming）是一种敏捷软件开发的方法，两个程序员在一个计算机上共同工作。一个人输入代码，而另一个人审查他输入的每一行代码。",
-    "url": "https://segmentfault.com/a/1190000041743990",
-    "author": "前端劝退师",
-    "home_url": "https://segmentfault.com/u/xiaowangbingpbingp_5f16ba8c72a4b",
-    "votes": "2",
+    "title": "工程师们看过来｜这是我见过的IT圈最“潮”的产品发布会了！",
+    "description": "近年来，“可观测性”话题在全球技术圈掀起一轮轮热度后，国内IT圈也终于沸腾了！2022年，国内各家云服务商、监控运维软件服务商纷纷跟进，推出新一代基于可观测性能力的工具或产品，一时间百花齐放。国内IT工程师...",
+    "url": "https://segmentfault.com/a/1190000041763964",
+    "author": "观测云",
+    "home_url": "https://segmentfault.com/u/zhuyundataflux",
+    "votes": "1",
     "rank": 24
   },
   {
-    "title": "跨Mysql、Redis、Mongo的分布式事务",
-    "description": "Mysql、Redis、Mongo都是非常流行的存储，并且各自有自己的优势。在实际的应用中，常常会同时使用多种存储，也会遇见在多种存储中保证数据一致性的需求，例如保证数据库中的库存和Redis中的库存一致等。",
-    "url": "https://segmentfault.com/a/1190000041743706",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "3",
+    "title": "冴羽答读者问：除代码外，就没别的优先级很高的爱好了吗？",
+    "description": "纵观我所有的文章，在「冴羽答读者问」系列之前，我从来不写非技术类的文章。而在技术文章中，我写作的一个标准是：不写废话，所以我不会像一些作者在技术文章中，还写一点生活的情况或者最近在干的事情。当然，...",
+    "url": "https://segmentfault.com/a/1190000041752122",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "3D 沙盒游戏之人物的点击行走移动",
-    "description": "那当我们想要实现一个“点击地面，人物移动到点击处”的功能，需要什么前置条件，并且具体怎么实现呢？本文带大家一步步实现人物行走移动，同时进行状态改变的功能。",
-    "url": "https://segmentfault.com/a/1190000041739286",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
+    "title": "全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验",
+    "description": "移动互联网的发展给人们的社交和娱乐方式带来了很大的改变，以vlog、短视频等为代表的新兴文化样态正受到越来越多人的青睐。同时，随着AI智能、美颜修图等功能在图像视频编辑App中的应用，促使视频编辑效率和视频...",
+    "url": "https://segmentfault.com/a/1190000041776588",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
     "rank": 26
   },
+  {
+    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
+    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
+    "url": "https://segmentfault.com/a/1190000041771296",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "4",
+    "rank": 27
+  },
   {
     "title": "Java on Visual Studio Code 4月更新",
     "description": "大家好，欢迎来到 Visual Studio Code Java 的 4 月更新。这次我们为您带来了许多关于基础开发体验的令人激动的更新，包括 Java 18 支持、参数名称的嵌入提示、新的Java语言服务器状态交互、更好的 lambda 表达式...",
@@ -240,24 +249,15 @@
     "author": "微软技术栈",
     "home_url": "https://segmentfault.com/u/mstech",
     "votes": "1",
-    "rank": 27
-  },
-  {
-    "title": "petite-vue源码剖析-沙箱模型",
-    "description": "在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式，而且能够读取当前作用域上的属性。而evaluate的实现如下：",
-    "url": "https://segmentfault.com/a/1190000041731589",
-    "author": "肥仔John",
-    "home_url": "https://segmentfault.com/u/fsjohnhuang",
-    "votes": "2",
     "rank": 28
   },
   {
-    "title": "ApacheCon Asia 2022 演讲征集开始了！",
-    "description": "ApacheCon 组委会以及Apache 软件基金会很高兴地宣布，ApacheCon Asia 大会将于2022 年 7 月 29 日至 31 日在线举行。我们将再次展示来自基金会的几十个项目相关的内容，以及关于我们的社区、Apache 如何运作、围...",
-    "url": "https://segmentfault.com/a/1190000041737977",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "title": "【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！",
+    "description": "了解更多详情>>访问华为开发者联盟官网 获取开发指导文档 华为移动服务开源仓库地址：GitHub、Gitee关注我们，第一时间了解 HMS Core 最新技术资讯~",
+    "url": "https://segmentfault.com/a/1190000041765370",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 29
   },
   {
@@ -266,7 +266,7 @@
     "url": "https://segmentfault.com/a/1190000041754201",
     "author": "前端有猫腻",
     "home_url": "https://segmentfault.com/u/maoduolikuaipao",
-    "votes": "2",
+    "votes": "3",
     "rank": 30
   }
 ]