@wcj/github-rank 22.8.8 → 22.8.11

package/dist/sifou-daily.json

@@ -1,29 +1,128 @@
 [
   {
-    "title": "PHP如何提高高并发能力",
-    "description": "用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。",
-    "url": "https://segmentfault.com/a/1190000042280585",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "1",
+    "title": "Vue递归组件：渲染嵌套评论",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042261970",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "解读三大财务报表",
-    "description": "三张报表是一体化的报表（但在不同的报表里，概念之间有些差异，大家应该适应此情况——这是全球性的问题）三张报表实际上是站在两个不同的角度实际上，两个体系（维度）描述了同样的经济活动，但它们各自描述经济...",
-    "url": "https://segmentfault.com/a/1190000042281393",
-    "author": "无聊不谁",
-    "home_url": "https://segmentfault.com/u/jimodecuipichang",
-    "votes": "1",
+    "title": "教你如何开发一个导入/导出插件",
+    "description": "在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...",
+    "url": "https://segmentfault.com/a/1190000042298935",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "Flutter 的 6 个最有用的 VS Code扩展",
-    "description": "Pubspec Assist 是一个 Visual Studio Code 扩展，它允许您轻松地将依赖项添加到您的 Dart 和 Flutter 项目的 pubspec.yaml，所有这些都无需离开您的编辑器。",
-    "url": "https://segmentfault.com/a/1190000042280857",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "1",
+    "title": "手写一个有点意思的电梯小程序",
+    "description": "通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...",
+    "url": "https://segmentfault.com/a/1190000042298118",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "5",
     "rank": 3
+  },
+  {
+    "title": "vue3的管理端项目工程模板来了~~可直接快速开发项目，不用再考虑各种配置和优化~真香！",
+    "description": "即开即用，提供初创团队或新项目专注于快速启动和开发交易。不再考虑脚手架编译打包和优化、ESLlint统一配置、项目和编码规范等问题。 参考、借鉴vue-element-admin项目。",
+    "url": "https://segmentfault.com/a/1190000042299910",
+    "author": "马赛克就是我",
+    "home_url": "https://segmentfault.com/u/yisuan",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "屏幕截图工具哪个好？Snagit 屏幕捕捉工具分享",
+    "description": "Snagit是一款简单好用的屏幕捕捉工具，支持各种方式的屏幕截图，如全屏、滚动、部分、窗口、菜单等，可以从创建图像和视频中获取图片以及图像，捕捉您的屏幕，编辑图像并提供结果。拥有强大的视觉效果，支持屏幕...",
+    "url": "https://segmentfault.com/a/1190000042297259",
+    "author": "暖阳",
+    "home_url": "https://segmentfault.com/u/nuanyang_62ba77f74c207",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "JWT 实现登录认证 + Token 自动续期方案",
+    "description": "JWT 实现登录认证 + Token 自动续期方案，这才是正确的使用姿势！项目中基本都有用户管理模块，而用户管理模块会涉及到加密及认证流程。",
+    "url": "https://segmentfault.com/a/1190000042295563",
+    "author": "CRMEB",
+    "home_url": "https://segmentfault.com/u/crmeb",
+    "votes": "2",
+    "rank": 6
+  },
+  {
+    "title": "HarmonyOS自动化测试框架—Hypium",
+    "description": "应用开发过程中，要确保应用的功能和界面能满足预期，往往需要通过测试来验证。为此，我们研发了一套新的自动化测试框架，它支持以插件形式集成到DevEco Studio中，让开发者在应用开发的过程中可以快速编写和执行...",
+    "url": "https://segmentfault.com/a/1190000042297511",
+    "author": "HarmonyOS开发者",
+    "home_url": "https://segmentfault.com/u/harmonyos",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "那些年在Coding质量上走过的路",
+    "description": "最近接了几个项目，代码质量参差不齐。本想按照以往的实践建议每个patch都做review，但往往dead line当头。我会想，我如果对这次patch做了review、以及长期做review能给业务带来什么价值。接着本文，我还想讨论其...",
+    "url": "https://segmentfault.com/a/1190000042295108",
+    "author": "泊浮目",
+    "home_url": "https://segmentfault.com/u/camile",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "Docker使用基本命令",
+    "description": "根据镜像新建并启动容器docker run -d -p {宿主机端口}:{容器端口} -v {宿主机文件路径}:{容器文件路径} --name {容器名别名} {镜像名}:{镜像版本}-d: 后台运行",
+    "url": "https://segmentfault.com/a/1190000042297257",
+    "author": "码兔",
+    "home_url": "https://segmentfault.com/u/routu",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "并发容器线程安全应对之道-ConcurrentHashMap",
+    "description": "2 并发容器线程安全应对之道 {代码...} 2.1 并发容器总体概述目标：学习ConcurrentHashMap基本概念和认识它的数据结构ConcurrentHashMap概念：ConcurrentHashMap是J.U.C包里面提供的一个线程安全的HashMap， 在并...",
+    "url": "https://segmentfault.com/a/1190000042297220",
+    "author": "紧张的羊肉串aa",
+    "home_url": "https://segmentfault.com/u/jinzhangdeyangrouchuan",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "图扑数字孪生北京故宫，推进旅游业元宇宙进程",
+    "description": "文旅的数字化转型之路正如火如荼地开展，多家文旅景区和主题乐园开启了元宇宙的探索——张家界元宇宙研究中心挂牌，成为全国首个设立元宇宙研究中心的景区。现代化景区在吸纳了信息革命（5G/6G）、互联网革命（Web ...",
+    "url": "https://segmentfault.com/a/1190000042296125",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "2",
+    "rank": 11
+  },
+  {
+    "title": "使用CSS实现多种Noise噪点效果",
+    "description": "在插画中添加噪点肌理可以营造出一种自然的氛围。噪点肌理可以用于塑造阴影、高光、深度以及更多细节，并优化插画质感，应用噪点肌理的方式在扁平插画中广受欢迎。",
+    "url": "https://segmentfault.com/a/1190000042295231",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "Rider调试ASP.NET Core时报thread not gc-safe的解决方法",
+    "description": "新建了一个ASP.NET Core 5.0的Web API项目，当使用断点调试Host.CreateDefaultBuilder(args)时，进入该函数后查看中间变量的值，报错Evaluation is not allowed: The thread is not at a GC-safe poi...",
+    "url": "https://segmentfault.com/a/1190000042299619",
+    "author": "阿升1990",
+    "home_url": "https://segmentfault.com/u/ai408",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "负载均衡原理分析与源码解读",
+    "description": "上一篇文章一起学习了Resolver的原理和源码分析，本篇继续和大家一起学习下和Resolver关系密切的Balancer的相关内容。这里说的负载均衡主要指数据中心内的负载均衡，即RPC间的负载均衡。",
+    "url": "https://segmentfault.com/a/1190000042295402",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "1",
+    "rank": 14
   }
 ]

package/dist/sifou-monthly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "title": "提升web输入体验！JS 如何自动配对标点符号？",
+    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
+    "url": "https://segmentfault.com/a/1190000042251637",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
+    "rank": 1
+  },
   {
     "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
     "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
@@ -6,15 +15,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "22",
-    "rank": 1
-  },
-  {
-    "title": "提升web输入体验！JS 如何自动配对标点符号？",
-    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
-    "url": "https://segmentfault.com/a/1190000042251637",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042184211",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
+    "votes": "22",
     "rank": 3
   },
   {
@@ -32,26 +32,35 @@
     "url": "https://segmentfault.com/a/1190000042094549",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "21",
+    "votes": "23",
     "rank": 4
   },
+  {
+    "title": "CSS color-scheme 和夜间模式",
+    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
+    "url": "https://segmentfault.com/a/1190000042184163",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "19",
+    "rank": 5
+  },
   {
     "title": "高阶切图技巧！基于单张图片的任意颜色转换",
     "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
     "url": "https://segmentfault.com/a/1190000042093361",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 5
+    "votes": "15",
+    "rank": 6
   },
   {
-    "title": "CSS color-scheme 和夜间模式",
-    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
-    "url": "https://segmentfault.com/a/1190000042184163",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
-    "rank": 6
+    "title": "妙用 CSS 构建花式透视背景效果",
+    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
+    "url": "https://segmentfault.com/a/1190000042267425",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "20",
+    "rank": 7
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -59,8 +68,17 @@
     "url": "https://segmentfault.com/a/1190000042103702",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
-    "rank": 7
+    "votes": "13",
+    "rank": 8
+  },
+  {
+    "title": "使用 CSS 构建强大且酷炫的粒子动画",
+    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
+    "url": "https://segmentfault.com/a/1190000042283578",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "17",
+    "rank": 9
   },
   {
     "title": "社区维基：将你的问答捐赠给社区",
@@ -69,7 +87,25 @@
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
     "votes": "12",
-    "rank": 8
+    "rank": 10
+  },
+  {
+    "title": "防御式CSS是什么？这几点属性重点防御！",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042272755",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "17",
+    "rank": 11
+  },
+  {
+    "title": "前端构建效率优化之路",
+    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
+    "url": "https://segmentfault.com/a/1190000042256837",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
+    "rank": 12
   },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
@@ -78,7 +114,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 9
+    "rank": 13
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -86,17 +122,8 @@
     "url": "https://segmentfault.com/a/1190000042194285",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "11",
-    "rank": 10
-  },
-  {
-    "title": "妙用 CSS 构建花式透视背景效果",
-    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
-    "url": "https://segmentfault.com/a/1190000042267425",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 11
+    "votes": "12",
+    "rank": 14
   },
   {
     "title": "一步步带你搞懂虚拟 DOM 的工作原理",
@@ -104,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000042195199",
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "15",
-    "rank": 12
+    "votes": "16",
+    "rank": 15
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -113,8 +140,8 @@
     "url": "https://segmentfault.com/a/1190000042093955",
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "7",
-    "rank": 13
+    "votes": "8",
+    "rank": 16
   },
   {
     "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
@@ -122,8 +149,17 @@
     "url": "https://segmentfault.com/a/1190000042092852",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
-    "rank": 14
+    "votes": "12",
+    "rank": 17
+  },
+  {
+    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
+    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
+    "url": "https://segmentfault.com/a/1190000042183733",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "12",
+    "rank": 18
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -131,17 +167,8 @@
     "url": "https://segmentfault.com/a/1190000042200631",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "11",
-    "rank": 15
-  },
-  {
-    "title": "前端构建效率优化之路",
-    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
-    "url": "https://segmentfault.com/a/1190000042256837",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 16
+    "votes": "12",
+    "rank": 19
   },
   {
     "title": "如何提出一个高质量的问题？",
@@ -150,7 +177,7 @@
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
     "votes": "11",
-    "rank": 17
+    "rank": 20
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -159,16 +186,16 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 18
+    "rank": 21
   },
   {
-    "title": "防御式CSS是什么？这几点属性重点防御！",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042272755",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "使用前端技术实现静态图片局部流动效果 🌊",
+    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
+    "url": "https://segmentfault.com/a/1190000042261453",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "9",
-    "rank": 19
+    "rank": 22
   },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
@@ -177,41 +204,14 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 20
-  },
-  {
-    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
-    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
-    "url": "https://segmentfault.com/a/1190000042183733",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "10",
-    "rank": 21
-  },
-  {
-    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
-    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
-    "url": "https://segmentfault.com/a/1190000042094334",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "6",
-    "rank": 22
-  },
-  {
-    "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
-    "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
-    "url": "https://segmentfault.com/a/1190000042216817",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "6",
     "rank": 23
   },
   {
-    "title": "Redis 内存优化神技，小内存保存大数据",
-    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
-    "url": "https://segmentfault.com/a/1190000042103541",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
+    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
+    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
+    "url": "https://segmentfault.com/a/1190000042282658",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "10",
     "rank": 24
   },
@@ -221,52 +221,52 @@
     "url": "https://segmentfault.com/a/1190000042232699",
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "13",
+    "votes": "14",
     "rank": 25
   },
   {
-    "title": "我有 7种 实现web实时消息推送的方案，7种！",
-    "description": "技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...",
-    "url": "https://segmentfault.com/a/1190000042192378",
-    "author": "程序员小富",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "14",
+    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
+    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
+    "url": "https://segmentfault.com/a/1190000042094334",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "6",
     "rank": 26
   },
   {
-    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
-    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
-    "url": "https://segmentfault.com/a/1190000042083758",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
+    "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
+    "description": "immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。",
+    "url": "https://segmentfault.com/a/1190000042282263",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "8",
     "rank": 27
   },
   {
-    "title": "使用前端技术实现静态图片局部流动效果 🌊",
-    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
-    "url": "https://segmentfault.com/a/1190000042261453",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "8",
+    "title": "通向架子工的前端开发利器推荐",
+    "description": "01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，...",
+    "url": "https://segmentfault.com/a/1190000042204295",
+    "author": "shanyue",
+    "home_url": "https://segmentfault.com/u/xiange",
+    "votes": "9",
     "rank": 28
   },
   {
-    "title": "低代码是开发的未来吗？浅谈低代码平台",
-    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
-    "url": "https://segmentfault.com/a/1190000042229850",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "10",
+    "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
+    "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
+    "url": "https://segmentfault.com/a/1190000042216817",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "6",
     "rank": 29
   },
   {
-    "title": "基于 Next.js实现在线Excel",
-    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
-    "url": "https://segmentfault.com/a/1190000042268783",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "Redis 内存优化神技，小内存保存大数据",
+    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
+    "url": "https://segmentfault.com/a/1190000042103541",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "10",
     "rank": 30
   }
 ]