@wcj/github-rank 22.10.19 → 22.10.21

package/web/data/sifou-weekly.json

@@ -1,271 +1,271 @@
 [
+  {
+    "title": "CSS 绘制一只思否猫",
+    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
+    "url": "https://segmentfault.com/a/1190000042643893",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "22",
+    "rank": 1
+  },
   {
     "title": "思否猫拼接怪编辑器",
     "description": "1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的",
     "url": "https://segmentfault.com/a/1190000042632786",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "9",
-    "rank": 1
-  },
-  {
-    "title": "10分钟教你写一个数据库",
-    "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
-    "url": "https://segmentfault.com/a/1190000042613900",
-    "author": "艾小仙",
-    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
-    "votes": "5",
+    "votes": "11",
     "rank": 2
   },
   {
-    "title": "你不知道的JavaScript APIs",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042558270",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "SegmentFault 思否 Top Writer 榜单｜2022年第三季度",
+    "description": "他们是社区的基石，也是行业发展、技术发展的源动力。他们是一群活跃在 SegmentFault 思否社区的一群卓越的开发者，他们热衷于分享知识与经验，他们布道技术与未来，他们让众多开发者受益，他们叫「Top Writer」。",
+    "url": "https://segmentfault.com/a/1190000042647263",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "8",
     "rank": 3
   },
   {
-    "title": "5个常见的JavaScript内存错误",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042622557",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
+    "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
+    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
+    "url": "https://segmentfault.com/a/1190000042627779",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "8",
     "rank": 4
   },
   {
-    "title": "电子表格也能做购物车？简单三步就能实现",
-    "description": "在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...",
-    "url": "https://segmentfault.com/a/1190000042624221",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”",
+    "description": "11 月 13 日，微软年度技术大会 Ignite 2022 及 Ignite China 中国技术峰会同步开启线上直播。在 13 日的 Ignite China 北京（微软大厦）现场，众多来自业界的技术专家、嘉宾大咖以及 IT 开发者们欢聚一堂，共同...",
+    "url": "https://segmentfault.com/a/1190000042624820",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？",
-    "description": "嵌入式分析是使任何应用程序或用户更容易获得数据分析和商业智能的技术。商业智能是通过分析业务数据辅助决策获取数据背后的 0信息。商业智能软件和技术包含了报表查询，OLAP，数据挖掘及高级数据分析，最终用户...",
-    "url": "https://segmentfault.com/a/1190000042607367",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
+    "title": "利用思否猫素材实现一个连连看小游戏",
+    "description": "vue3实现一个思否猫连连看小游戏本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果，一些canvas的...",
+    "url": "https://segmentfault.com/a/1190000042643627",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "7",
     "rank": 6
   },
   {
-    "title": "云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”",
-    "description": "11 月 13 日，微软年度技术大会 Ignite 2022 及 Ignite China 中国技术峰会同步开启线上直播。在 13 日的 Ignite China 北京（微软大厦）现场，众多来自业界的技术专家、嘉宾大咖以及 IT 开发者们欢聚一堂，共同...",
-    "url": "https://segmentfault.com/a/1190000042624820",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
+    "title": "你不知道的JavaScript APIs",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042558270",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 7
   },
   {
-    "title": "一款纯 JS 实现的轻量化图片编辑器",
-    "description": "刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后再导出来复制到需要的地方, 而且导出后的图片之后可能不会再使用了还要清理.",
-    "url": "https://segmentfault.com/a/1190000042612529",
-    "author": "行知万门",
-    "home_url": "https://segmentfault.com/u/xingzhiwanmen",
-    "votes": "3",
+    "title": "电子表格也能做购物车？简单三步就能实现",
+    "description": "在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...",
+    "url": "https://segmentfault.com/a/1190000042624221",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 8
   },
   {
-    "title": "字节跳动后端面经五",
-    "description": "b+树底层是双向链表还是单向TCP为什么要第四次挥手对称加密和非对称加密介绍ARP协议工作原理？ARP攻击？如何解决？token过期机制MySQL索引使用的什么数据结构，B+树和B树的区别mysql主备分离的作用？mysql采用主...",
-    "url": "https://segmentfault.com/a/1190000042622277",
-    "author": "zydybaby",
-    "home_url": "https://segmentfault.com/u/zydybaby",
-    "votes": "2",
+    "title": "第一个可以在条件语句中使用的原生hook诞生了",
+    "description": "大家好，我卡颂。在10月13日的first-class-support-for-promises RFC中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的h...",
+    "url": "https://segmentfault.com/a/1190000042635772",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "3",
     "rank": 9
   },
   {
-    "title": "CSS 绘制一只思否猫",
-    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
-    "url": "https://segmentfault.com/a/1190000042643893",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
+    "title": "在 Kubernetes 中实现微服务应用监控",
+    "description": "KubeSphere 平台本身提供了监控功能，包括节点状态、集群资源使用率、Etcd、API Server 等监控，不过缺少了应用级别的监控。",
+    "url": "https://segmentfault.com/a/1190000042625747",
+    "author": "KubeSphere",
+    "home_url": "https://segmentfault.com/u/kubesphere",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "spring boot  文件上传和下载",
-    "description": "学习了老师写的文件上传和下载，这里学习一下。文件上传controller层从controller层开始，接受前台传的数据。1.前台调用后台接口: {代码...} 2.controller层接收数据: {代码...} 可以看到，后台接受文件是以 Mult...",
-    "url": "https://segmentfault.com/a/1190000042612264",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "4",
+    "title": "两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航",
+    "description": "通常情况下，反弹效果可以反映出是否滚动到了边界，让滚动体验更加丝滑，算是一种体验的提升，但是如果页面总有fixed定位元素，同样也会受到影响，在视觉上不是那么美观，那有没有办法阻止呢？",
+    "url": "https://segmentfault.com/a/1190000042635667",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "3",
     "rank": 11
   },
   {
-    "title": "记录一个关于 GBK 编码的问题",
-    "description": "UTF-8 是一种国际化的编码方式，包含了世界上大部分的语种文字（简体中文字、繁体中文字、英文、日文、韩文等语言），也兼容 ASCII 码。",
-    "url": "https://segmentfault.com/a/1190000042621309",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "3",
+    "title": "Go-Web基础",
+    "description": "Go-Web基础Web服务器工作原理 {代码...} URL {代码...} DNS {代码...} HTTP协议 {代码...} {代码...} {代码...} Go-搭建一个http服务器 {代码...}",
+    "url": "https://segmentfault.com/a/1190000042626100",
+    "author": "BewaterMyfriends",
+    "home_url": "https://segmentfault.com/u/bewatermyfriends",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "JSON对象转换TypeScript声明",
-    "description": "TS使开发人员能够掌握各种组件的交互方式，并使代码重构变得更加容易；但对于需要准确定义的类型，在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义，会有大量的转换和的时间成本。通过VSCode...",
-    "url": "https://segmentfault.com/a/1190000042617645",
-    "author": "兰俊秋雨",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "2",
+    "title": "ReactQuery系列文章- 1. React Query 实践",
+    "description": "当2018年GraphQL特别是Apolllo Client开始流行之后，很多人开始认为它将替代Redux，关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...",
+    "url": "https://segmentfault.com/a/1190000042629569",
+    "author": "lakb248",
+    "home_url": "https://segmentfault.com/u/kk_470661",
+    "votes": "1",
     "rank": 13
   },
   {
-    "title": "Python多进程——进程池的开启和多进程操作同一个List",
-    "description": "为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...",
-    "url": "https://segmentfault.com/a/1190000042616103",
-    "author": "ipidea",
-    "home_url": "https://segmentfault.com/u/ipidea",
+    "title": "Golang 轮子之 Supervisor",
+    "description": "Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上， Supervisor 是有非常广泛的使用场景的。例如：服务批量重启，多服务按顺序启动，服务oom后自动拉起，服务std日志收集等，甚至服务健康检查它...",
+    "url": "https://segmentfault.com/a/1190000042631207",
+    "author": "小白要生发",
+    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "votes": "1",
     "rank": 14
   },
   {
-    "title": "深入理解JavaScript——词法环境",
-    "description": "第一步：V8 引擎刚拿到 执行上下文 的时候，会把代码从上到下一行一行的先做分词/词法分析(Tokenizing/Lexing)。分词是指：比如 var a = 2; 这段代码，会被分词为：var a 2和;这样的原子符号(atomic token)；词法...",
-    "url": "https://segmentfault.com/a/1190000042621269",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "NodeJS 服务 Docker 镜像极致优化指北",
+    "description": "这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。本篇文章就将我在服务 Docker 化...",
+    "url": "https://segmentfault.com/a/1190000042623699",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
     "votes": "2",
     "rank": 15
   },
   {
-    "title": "基于 Impala 的高性能数仓实践之物化视图服务",
-    "description": "接上篇，前两篇分别讲了执行引擎和虚拟数仓，它们是让一个 SQL 又快又好地执行的关键。但如果某些 SQL 过于复杂，比如多张大表进行 Join 并有大量的聚合类操作，那么再优秀的执行引擎也无法保证能够秒级执行完成...",
-    "url": "https://segmentfault.com/a/1190000042621298",
-    "author": "网易数帆",
-    "home_url": "https://segmentfault.com/u/163yun",
+    "title": "SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？",
+    "description": "Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...",
+    "url": "https://segmentfault.com/a/1190000042636388",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "1",
     "rank": 16
   },
   {
-    "title": "vue3封装一个带动画的关闭按钮",
-    "description": "预览效果：实现源码： {代码...} {代码...} 源码说明：带有变量的样式，都写在行内了，因为这样适合用在任意场景下。 {代码...} 其他场景：vite可以直接在style标签中使用js变量 {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000042614618",
-    "author": "jsoncode",
-    "home_url": "https://segmentfault.com/u/jsoncode",
-    "votes": "1",
+    "title": "微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地",
+    "description": "大规模语言模型领域迎来新“选手”。近日，微信 AI 推出自研 NLP 大规模语言模型 WeLM ，该模型是一个尺寸合理的中文模型，能够在零样本以及少样本的情境下完成包多语言任务在内的多种 NLP 任务。",
+    "url": "https://segmentfault.com/a/1190000042632229",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
     "rank": 17
   },
   {
-    "title": "2022 最受欢迎的 CSS 类名和 ID 分别是什么",
-    "description": "CSS是用来布局和格式化网页和其他媒体的语言。它是 Web 的三种主要语言之一，与HTML(用于结构)和JavaScript(用于行为)并列。每一年，我们都看到CSS的规模在增长，2022年也不例外。",
-    "url": "https://segmentfault.com/a/1190000042606394",
+    "title": "从局部变量说起，关于一个莫得名堂的引用和一个坑！",
+    "description": "你好呀，我是歪歪。今天带大家盘一个有点意思的基础知识啊。有多基础呢，先给你上个代码：请问，上面代码中，位于 method 方法中的 object 对象，在方法执行完成之后，是否可以被垃圾回收？这还思考个啥呀，这必...",
+    "url": "https://segmentfault.com/a/1190000042631895",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "2",
+    "rank": 18
+  },
+  {
+    "title": "5个需要避免的CSS错误",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042644397",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 18
+    "rank": 19
   },
   {
-    "title": "Go-Web基础",
-    "description": "Go-Web基础Web服务器工作原理 {代码...} URL {代码...} DNS {代码...} HTTP协议 {代码...} {代码...} {代码...} Go-搭建一个http服务器 {代码...}",
-    "url": "https://segmentfault.com/a/1190000042626100",
+    "title": "go-GIN入门到....(持续更新中)",
+    "description": "go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...",
+    "url": "https://segmentfault.com/a/1190000042631567",
     "author": "BewaterMyfriends",
     "home_url": "https://segmentfault.com/u/bewatermyfriends",
     "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "NodeJS 服务 Docker 镜像极致优化指北",
-    "description": "这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。本篇文章就将我在服务 Docker 化...",
-    "url": "https://segmentfault.com/a/1190000042623699",
-    "author": "Duang",
-    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
-    "votes": "2",
     "rank": 20
   },
   {
-    "title": "【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码",
-    "description": "前面我们给大家介绍了基于LabVIEW+YOLOv3/YOLOv4的物体识别（对象检测），今天接着上次的内容再来看看YOLOv5。本次主要是和大家分享使用LabVIEW快速实现yolov5的物体识别，本博客中使用的智能工具包可到主页置顶...",
-    "url": "https://segmentfault.com/a/1190000042617569",
-    "author": "wangstoudamire",
-    "home_url": "https://segmentfault.com/u/wangstoudamire_62b438915bf66",
-    "votes": "1",
+    "title": "超强的苹果官网滚动文字特效实现",
+    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
+    "url": "https://segmentfault.com/a/1190000042653533",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 21
   },
   {
-    "title": "js时间格式封装及转换",
-    "description": "1、将毫秒，转换成时间字符串。例如说，xx 分钟 {代码...} 2、获取当前时间 timeStr 时分秒 字符串 格式为 xx:xx:xx（23:59:59） {代码...} 3、时间戳转年月日时分秒（例：Thu Sep 01 2022 08:00:00 GMT+0800 (中...",
-    "url": "https://segmentfault.com/a/1190000042620215",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "4",
+    "title": "面试官：深度不够，建议回去深挖",
+    "description": "从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...",
+    "url": "https://segmentfault.com/a/1190000042630604",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "1",
     "rank": 22
   },
   {
-    "title": "ReactQuery系列文章- 1. React Query 实践",
-    "description": "当2018年GraphQL特别是Apolllo Client开始流行之后，很多人开始认为它将替代Redux，关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...",
-    "url": "https://segmentfault.com/a/1190000042629569",
-    "author": "lakb248",
-    "home_url": "https://segmentfault.com/u/kk_470661",
-    "votes": "1",
+    "title": "js常用方法梳理",
+    "description": "1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域，顶部，底部原生的scrollTo方法没有动画，类似于锚点跳转，比较生硬，可以通过这个方法会自带平滑的过度...",
+    "url": "https://segmentfault.com/a/1190000042632971",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "3",
     "rank": 23
   },
   {
-    "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
-    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
-    "url": "https://segmentfault.com/a/1190000042627779",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "2",
+    "title": "规则引擎深度对比，LiteFlow vs Drools！",
+    "description": "Drools是一款老牌的java规则引擎框架，早在十几年前，我刚工作的时候，曾在一家第三方支付企业工作。在核心的支付路由层面我记得就是用Drools来做的。",
+    "url": "https://segmentfault.com/a/1190000042635731",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "3",
     "rank": 24
   },
   {
-    "title": "IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践",
-    "description": "1、引言本系列文章的前面几篇主要是从Electron技术本身进行了讨论（包括：第1篇初步了解Electron、第2篇进行了快速开始和技术体验、第3篇基于实际开发考虑的技术栈选型等），各位读者也应该对Electron的开发有了...",
-    "url": "https://segmentfault.com/a/1190000042615946",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
+    "title": "迟迟没学会grid，是因为你没理解flex",
+    "description": "我先问 2 个问题：你是不是用主轴-交叉轴/辅轴/副轴的概念理解 flex你是不是也用这个概念去理解 grid如果你是用这种方式理解的 flex，那听我慢慢道来今天我打破你对 flex 的理解打碎对 flex 理解display: grid 和...",
+    "url": "https://segmentfault.com/a/1190000042627871",
+    "author": "uccs",
+    "home_url": "https://segmentfault.com/u/tiantian_5ada7e81e50d7",
     "votes": "1",
     "rank": 25
   },
   {
-    "title": "从零手写react-router",
-    "description": "蛮多同学可能会觉得react-router很复杂, 说用都还没用明白, 还从0实现一个react-router, 其实router并不复杂哈, 甚至说你看了这篇博客以后, 你都会觉得router的核心原理也就那么回事",
-    "url": "https://segmentfault.com/a/1190000042615932",
-    "author": "hello_world_1024",
-    "home_url": "https://segmentfault.com/u/zhishiyuanbodexiaoyanyao",
-    "votes": "1",
+    "title": "2022前端面试总结",
+    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
+    "url": "https://segmentfault.com/a/1190000042638751",
+    "author": "fx67ll",
+    "home_url": "https://segmentfault.com/u/wensandaoshi",
+    "votes": "4",
     "rank": 26
   },
   {
-    "title": "中文输入法中光标跟随能力触发的浏览器事件探究",
-    "description": ":::tip最近在着手腾讯文档的输入体验优化，在其中有一个不起眼的小需求引起了我的注意，并顺便研究了一些事件监听机制相结合的特点，特此记录一下填坑过程。:::",
-    "url": "https://segmentfault.com/a/1190000042620447",
-    "author": "Duang",
-    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
-    "votes": "1",
+    "title": "深入理解JavaScript——闭包",
+    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
+    "url": "https://segmentfault.com/a/1190000042643748",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "铜九银十react考察点梳理",
-    "description": "React中可以在render访问refs吗？为什么？ {代码...} 不可以，render 阶段 DOM 还没有生成，无法获取 DOM。DOM 的获取需要在 pre-commit 阶段和 commit 阶段：setState 是同步异步？为什么？实现原理？1. setStat...",
-    "url": "https://segmentfault.com/a/1190000042607031",
-    "author": "紧张的大葱",
-    "home_url": "https://segmentfault.com/u/jinzhangdedacong",
-    "votes": "1",
+    "title": "vue指令总结----一次帮你学会使用",
+    "description": "指令vue 内置了一些指令，也提供了自定义指令的接口。指令的作用：可把一些可复用的逻辑封装成指令，以实现逻辑复用。指令按照使用范围看，分为全局指令和局部指令（在某个组件内部使用的）。指令和组件一样，具...",
+    "url": "https://segmentfault.com/a/1190000042628327",
+    "author": "JackZhouMine",
+    "home_url": "https://segmentfault.com/u/jackzhoumine",
+    "votes": "0",
     "rank": 28
   },
   {
-    "title": "视频中为什么需要这么多的颜色空间？",
-    "description": "导读：在视频处理中，我们经常会用到不同的色彩空间：非线性RGB，线性 RGB，YUV，XYZ……为什么需要这么多的色彩空间呢？为什么在 FFMpeg 中会有 color\\_space，color\\_transfer，color\\_primaries 等一系列的颜色...",
-    "url": "https://segmentfault.com/a/1190000042613694",
-    "author": "百度Geek说",
-    "home_url": "https://segmentfault.com/u/baidujiagoushi",
+    "title": "SegmentFault 2022 年社区周报 Vol.11",
+    "description": "hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...",
+    "url": "https://segmentfault.com/a/1190000042638725",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "Elasticsearch创建一个索引怎么也这么复杂",
-    "description": "今天是我们学习ES8.1官方搜索工程师的第一课，首先第一个问题就是根据给定的需求创建一个索引，本篇文章将采用如下（总分总）的形式分析该题目，第一部分先进行考题的分析，猜测要考的知识点大概有什么，然后第二...",
-    "url": "https://segmentfault.com/a/1190000042622274",
-    "author": "醉鱼",
-    "home_url": "https://segmentfault.com/u/17970",
+    "title": "开源云原生平台对比 KubeSphere vs Rainbond",
+    "description": "最近因为工作需要，需要找一个功能完善的云原生应用平台，经过自己筛选和朋友推荐，剩下 KubeSphere和Rainbond ，这两个产品都是基于 Kubernetes 之上构建的云原生应用平台，功能都非常强大，但产品定位和功能侧...",
+    "url": "https://segmentfault.com/a/1190000042624868",
+    "author": "Rainbond",
+    "home_url": "https://segmentfault.com/u/rainbond",
     "votes": "1",
     "rank": 30
   }