@wcj/github-rank 22.8.11 → 22.8.14

package/dist/sifou-daily.json

@@ -1,128 +1,29 @@
 [
   {
-    "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/1190000042298935",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
-    "rank": 2
-  },
-  {
-    "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",
+    "title": "MyBatis-Plus结合Spring Boot实现数据权限",
+    "description": "在开发过程中很多时候我们需要根据某些条件去做数据权限，比如：A组织只能看见A组织及其下属组织的数据，B部门只能看见自己的数据、等等，此时如果每次都去自己写SQL进行校验就会显得代码非常臃肿，因为就产生了...",
+    "url": "https://segmentfault.com/a/1190000042315187",
+    "author": "Pursuer丶",
+    "home_url": "https://segmentfault.com/u/pursuer_5f597f2fe0a0d",
     "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
+    "rank": 1
   },
   {
-    "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",
+    "title": "JS系列1-布尔陷阱以及如何避免",
+    "description": "reload 函数在接收了一个布尔参数时，在参数为false情况下我们一般认为不会重新加载，但是事实并非如此，有可能他表示的不会立即重载（例如：immediate）。",
+    "url": "https://segmentfault.com/a/1190000042313879",
+    "author": "星星在线",
+    "home_url": "https://segmentfault.com/u/dengshangxing",
     "votes": "1",
-    "rank": 13
+    "rank": 2
   },
   {
-    "title": "负载均衡原理分析与源码解读",
-    "description": "上一篇文章一起学习了Resolver的原理和源码分析，本篇继续和大家一起学习下和Resolver关系密切的Balancer的相关内容。这里说的负载均衡主要指数据中心内的负载均衡，即RPC间的负载均衡。",
-    "url": "https://segmentfault.com/a/1190000042295402",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
+    "title": "【Java面试】Java有几种文件拷贝方式，哪一种效率最高？",
+    "description": "“Java有几种文件拷贝方式，哪一种效率最高？”这个问题是京东一面的时候，针对4年经验的同学的一个面试题。大家好，我是Mic，一个工作了14年的Java程序员。关于这个问题的回答，我把文字版本整理到了15W字的面试文...",
+    "url": "https://segmentfault.com/a/1190000042315304",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "1",
-    "rank": 14
+    "rank": 3
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042251637",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "22",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
+    "votes": "23",
     "rank": 2
   },
   {
@@ -26,15 +26,6 @@
     "votes": "22",
     "rank": 3
   },
-  {
-    "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
-    "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
-    "url": "https://segmentfault.com/a/1190000042094549",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "rank": 4
-  },
   {
     "title": "CSS color-scheme 和夜间模式",
     "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
@@ -42,16 +33,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "19",
-    "rank": 5
+    "rank": 4
   },
   {
-    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
-    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
-    "url": "https://segmentfault.com/a/1190000042093361",
+    "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": "15",
-    "rank": 6
+    "votes": "18",
+    "rank": 5
   },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
@@ -60,25 +51,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 7
-  },
-  {
-    "title": "利用噪声构建美妙的 CSS 图形",
-    "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
-    "url": "https://segmentfault.com/a/1190000042103702",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "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
+    "rank": 6
   },
   {
     "title": "社区维基：将你的问答捐赠给社区",
@@ -86,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000042203704",
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
-    "votes": "12",
-    "rank": 10
+    "votes": "13",
+    "rank": 7
   },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
@@ -95,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000042272755",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
-    "rank": 11
+    "votes": "18",
+    "rank": 8
   },
   {
     "title": "前端构建效率优化之路",
@@ -104,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000042256837",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
-    "rank": 12
+    "votes": "18",
+    "rank": 9
   },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
@@ -114,7 +87,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 13
+    "rank": 10
+  },
+  {
+    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
+    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
+    "url": "https://segmentfault.com/a/1190000042282658",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "12",
+    "rank": 11
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -123,7 +105,7 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "12",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "一步步带你搞懂虚拟 DOM 的工作原理",
@@ -132,25 +114,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "16",
-    "rank": 15
-  },
-  {
-    "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
-    "description": "先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...",
-    "url": "https://segmentfault.com/a/1190000042093955",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "8",
-    "rank": 16
-  },
-  {
-    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042092852",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "12",
-    "rank": 17
+    "rank": 13
   },
   {
     "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
@@ -159,7 +123,7 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "12",
-    "rank": 18
+    "rank": 14
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -168,16 +132,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "12",
-    "rank": 19
-  },
-  {
-    "title": "如何提出一个高质量的问题？",
-    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
-    "url": "https://segmentfault.com/a/1190000042182354",
-    "author": "唯一丶",
-    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
-    "votes": "11",
-    "rank": 20
+    "rank": 15
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -186,7 +141,16 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 21
+    "rank": 16
+  },
+  {
+    "title": "如何提出一个高质量的问题？",
+    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
+    "url": "https://segmentfault.com/a/1190000042182354",
+    "author": "唯一丶",
+    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
+    "votes": "11",
+    "rank": 17
   },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
@@ -195,7 +159,16 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "9",
-    "rank": 22
+    "rank": 18
+  },
+  {
+    "title": "Wuzzle，进行基于 webpack 的 JS 转译",
+    "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
+    "url": "https://segmentfault.com/a/1190000042306044",
+    "author": "乌柏木",
+    "home_url": "https://segmentfault.com/u/wubomu",
+    "votes": "14",
+    "rank": 19
   },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
@@ -204,16 +177,16 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 23
+    "rank": 20
   },
   {
-    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
-    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
-    "url": "https://segmentfault.com/a/1190000042282658",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "10",
-    "rank": 24
+    "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": "9",
+    "rank": 21
   },
   {
     "title": "梳理 Webpack 知识体系与学习资源推荐",
@@ -222,25 +195,7 @@
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
     "votes": "14",
-    "rank": 25
-  },
-  {
-    "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": "详聊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
+    "rank": 22
   },
   {
     "title": "通向架子工的前端开发利器推荐",
@@ -249,7 +204,7 @@
     "author": "shanyue",
     "home_url": "https://segmentfault.com/u/xiange",
     "votes": "9",
-    "rank": 28
+    "rank": 23
   },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
@@ -258,15 +213,60 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
+    "rank": 24
+  },
+  {
+    "title": "我有 7种 实现web实时消息推送的方案，7种！",
+    "description": "技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...",
+    "url": "https://segmentfault.com/a/1190000042192378",
+    "author": "程序员小富",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "14",
+    "rank": 25
+  },
+  {
+    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042238526",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "8",
+    "rank": 26
+  },
+  {
+    "title": "markdown 编辑器实现双屏同步滚动",
+    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
+    "url": "https://segmentfault.com/a/1190000042290360",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "6",
+    "rank": 27
+  },
+  {
+    "title": "Shopee在React Native 架构方面的探索",
+    "description": "React Native（下文简称 RN）是混合应用领域流行的跨端开发框架。RN 非常适合灵活多变的电商领域业务，由于 RN 是基于客户端渲染的技术，所以相较于 H5 页面，它在用户体验方面有一定优势。",
+    "url": "https://segmentfault.com/a/1190000042183220",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "6",
+    "rank": 28
+  },
+  {
+    "title": "低代码是开发的未来吗？浅谈低代码平台",
+    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
+    "url": "https://segmentfault.com/a/1190000042229850",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "11",
     "rank": 29
   },
   {
-    "title": "Redis 内存优化神技，小内存保存大数据",
-    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
-    "url": "https://segmentfault.com/a/1190000042103541",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "10",
+    "title": "面向推荐的汽车知识图谱构建",
+    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
+    "url": "https://segmentfault.com/a/1190000042287137",
+    "author": "之家技术",
+    "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "11",
     "rank": 30
   }
 ]