@wcj/github-rank 22.8.30 → 22.9.2

package/web/data/sifou-weekly.json

@@ -1,38 +1,38 @@
 [
-  {
-    "title": "妙啊！纯 CSS 实现拼图游戏",
-    "description": "本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...",
-    "url": "https://segmentfault.com/a/1190000042361223",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 1
-  },
   {
     "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
     "description": "开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。",
     "url": "https://segmentfault.com/a/1190000042386997",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "8",
-    "rank": 2
+    "votes": "10",
+    "rank": 1
   },
   {
-    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
-    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
-    "url": "https://segmentfault.com/a/1190000042360785",
+    "title": "如何让CSS计数器支持小数的动态变化？",
+    "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
+    "url": "https://segmentfault.com/a/1190000042397184",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
+    "votes": "7",
+    "rank": 2
+  },
+  {
+    "title": "巧用 transition 实现短视频 APP 点赞动画",
+    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
+    "url": "https://segmentfault.com/a/1190000042398943",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
     "rank": 3
   },
   {
-    "title": "拒绝加班:巧用前端电子表格中构建公式树",
-    "description": "还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？",
-    "url": "https://segmentfault.com/a/1190000042377267",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "title": "盘点一些好用的 JS 单行代码",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042391998",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "7",
     "rank": 4
   },
   {
@@ -44,24 +44,6 @@
     "votes": "3",
     "rank": 5
   },
-  {
-    "title": "怎么防止同事用 Evil.js 的代码投毒",
-    "description": "视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...",
-    "url": "https://segmentfault.com/a/1190000042360645",
-    "author": "前端小菜鸟",
-    "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
-    "votes": "5",
-    "rank": 6
-  },
-  {
-    "title": "数字化转型“角力战”，这款低代码平台助力企业火力全开",
-    "description": "最近几年，我们经常会听到“低代码”这个词，特别是对于科技圈的朋友来说，大家聚在一起都会谈论关于低代码相关的技术话题。我们知道，如今全球数字化进程的推进，企业数字化转型需求也在不断升级，特别是多技术栈...",
-    "url": "https://segmentfault.com/a/1190000042362522",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "4",
-    "rank": 7
-  },
   {
     "title": "有意思的方向裁切 overflow: clip",
     "description": "本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。",
@@ -69,16 +51,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "4",
-    "rank": 8
+    "rank": 6
   },
   {
-    "title": "你不知道的 console，让 JS 调试更简单",
-    "description": "对于前端的各位工程师，肯定不会对console陌生，但是，你又能了解多少呢，今天就让小鹏来一窥大前世界。Chrome控制台-开发者工具windows按F12， MAC按Command + Option + C或Command + Option + J, 即可打开控制...",
-    "url": "https://segmentfault.com/a/1190000042367660",
-    "author": "高志鹏",
-    "home_url": "https://segmentfault.com/u/gaozhipeng",
-    "votes": "6",
-    "rank": 9
+    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
+    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
+    "url": "https://segmentfault.com/a/1190000042416590",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "【三维地图】开发攻略 —— 详解“GeoJSON”技术和应用场景",
+    "description": "GeoJSON ，一个用于存储地理信息的数据格式。GoeJSON对象可以表示几何、特征或特征集合，支持：点、线、面、多点、多线、多面和几何集合。在基于平面地图，三维地图中都需要用到的一种数据类型。由于这种格式在三...",
+    "url": "https://segmentfault.com/a/1190000042394346",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
+    "rank": 8
   },
   {
     "title": "人工智能、云原生、边缘计算趋势洞察｜“2022 智能云边开源峰会”圆满举办",
@@ -87,44 +78,44 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "BI如何实现用户身份集成自定义安全程序开发",
+    "description": "统一身份认证是整个 IT 架构的最基本的组成部分，而账号则是实现统一身份认证的基础。做好账号的规划和设计直接决定着企业整个信息系统建设的便利与难易程度，决定着系统能否足够敏捷和快速赋能，也决定了在数字...",
+    "url": "https://segmentfault.com/a/1190000042417390",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 10
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- 程序员如何用编程展现艺术？",
-    "description": "点击楼层，催动电梯上升或者下降电梯到达对应楼层，电梯左右门打开门打开之后，里面的美女就出来啦提示信息: 本美女就要出来了，请速速来迎接按钮会有一个点击选中的效果根据以上的分析，我们就可以很好的实现电...",
-    "url": "https://segmentfault.com/a/1190000042363888",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "2",
+    "title": "Flutter 3.3 正式发布",
+    "description": "Flutter 3 是我们正式为全平台提供支持的一个重量级里程碑，距离它的发布仅过去了三个月，今天让我们有请 Flutter 3.3 正式版！近三个月我们并没有放慢更新迭代的速度——自 Flutter 3 发布以来，我们已经为 Flutte...",
+    "url": "https://segmentfault.com/a/1190000042407155",
+    "author": "Flutter",
+    "home_url": "https://segmentfault.com/u/flutter",
+    "votes": "4",
     "rank": 11
   },
   {
-    "title": "这次我设计了一款TPS百万级别的分布式、高性能、可扩展的RPC框架",
-    "description": "没错，这次冰河又要搞事情了，这次准备下手的是RPC框架项目。为什么要对RPC框架项目下手呢，因为在如今分布式、微服务乃至云原生不断发展的过程中，RPC作为底层必不可少的通信组件，被广泛应用在分布式、微服务和...",
-    "url": "https://segmentfault.com/a/1190000042371161",
-    "author": "冰河",
-    "home_url": "https://segmentfault.com/u/binghe001",
-    "votes": "1",
+    "title": "精读《SolidJS》",
+    "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
+    "url": "https://segmentfault.com/a/1190000042392152",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "Mysql和Redis数据如何保持一致",
-    "description": "先阐明一下 Mysql 和 Redis 的关系：Mysql 是数据库，用来持久化数据，一定程度上保证数据的可靠性；Redis 是用来当缓存，用来提升数据访问的性能。",
-    "url": "https://segmentfault.com/a/1190000042363253",
-    "author": "京东云开发者",
-    "home_url": "https://segmentfault.com/u/jdcdevloper",
-    "votes": "2",
+    "title": "换了vue3+alova后，老板被我整笑了",
+    "description": "老板又来了BT的需求😳我们公司最近开发一款todo管理产品，vue3+axios，事情是这样的。老板：我们的产品测试版我试用了，整体实现的不错，不过……我：😨😨😨老板：体验上有待优化一下，比如……todo列表页翻页的时候能不...",
+    "url": "https://segmentfault.com/a/1190000042387248",
+    "author": "JOU_amjs",
+    "home_url": "https://segmentfault.com/u/jou_icejs",
+    "votes": "4",
     "rank": 13
   },
-  {
-    "title": "spring接口多实现类，该依赖注入哪一个？",
-    "description": "一、问题的描述在实际的系统应用开发中我经常会遇到这样的一类需求，相信大家在工作中也会经常遇到：同一个系统在多个省份部署。一个业务在北京是一种实现方式，是基于北京用户的需求。同样的业务在上海是另外一...",
-    "url": "https://segmentfault.com/a/1190000042366375",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
-    "votes": "3",
-    "rank": 14
-  },
   {
     "title": "检查原生 JavaScript 函数是否被覆盖",
     "description": "在JavaScript中，原生函数指的是其源代码已经被编译进原生机器码的函数。原生函数可以在JavaScript 标准内置对象（比如说eval(), parseInt()等等），以及浏览器Web API（比如说fetch(), localStorage.getItem()等...",
@@ -132,16 +123,7 @@
     "author": "chuck",
     "home_url": "https://segmentfault.com/u/chuckqu",
     "votes": "2",
-    "rank": 15
-  },
-  {
-    "title": "你不应该依赖CSS 100vh，这就是原因!",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042343159",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "常见的 Monorepo 框架大比较",
@@ -150,123 +132,141 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 17
+    "rank": 15
   },
   {
-    "title": "Golang 中变量定义的坑",
-    "description": "首先，文件结构如下： {代码...} a.go: {代码...} b.go: {代码...} main.go: {代码...} 这里主要的问题表现在b.go中，本身以我的想法，在main中实例化程序的时候，首先实例化a，然后我再实例化b，那么是有个先后...",
-    "url": "https://segmentfault.com/a/1190000042369450",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
+    "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
+    "description": "最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...",
+    "url": "https://segmentfault.com/a/1190000042398762",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "1",
-    "rank": 18
+    "rank": 16
   },
   {
-    "title": "django + celery + redis 实现定时任务",
-    "description": "前段时间，工作中有个要求，是将原本的定时任务，改成使用celery实现。原本项目中的定时任务是使用的apscheduler。但是django与celery做定时的教程，网上比较少，且版本对应不上，最后根据网上的教程+仔仔细细看...",
-    "url": "https://segmentfault.com/a/1190000042378638",
-    "author": "葉",
-    "home_url": "https://segmentfault.com/u/_61c08dfa324df",
+    "title": "免费线上讲习班：使用 vue3 开发扫雷游戏",
+    "description": "好了伤疤忘了痛，我又想搞 Workshop 了。这次想做一次 Vue3 相关的，考虑了一下，觉得扫雷游戏比较合适：界面简单，操作简单覆盖全面，布局、JS、交互都有需求不需要前后端数据交互，控制学习范围和难度本身有一...",
+    "url": "https://segmentfault.com/a/1190000042414694",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "5",
+    "rank": 17
+  },
+  {
+    "title": "实体关系图 (ERD)",
+    "description": "ERD, 即 entity Relationship diagram, 实体关系图。使用一组定义的符号，如矩形、菱形、椭圆和连接线来描述实体、关系及其属性的相互联系。",
+    "url": "https://segmentfault.com/a/1190000042396742",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "2",
+    "rank": 18
+  },
+  {
+    "title": "深入理解JavaScript-Object.create",
+    "description": "2006年，Douglas Grockford 写了一篇文章：《JavaScript 中的原型式继承》（”Prototypal Inheritance in JavaScript“）。这篇文章介绍了一种不涉及严格意义上构造函数的继承方法。他的出发点是即使不自定义类型也...",
+    "url": "https://segmentfault.com/a/1190000042404696",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "3",
     "rank": 19
   },
   {
-    "title": "理想汽车 x JuiceFS：从 Hadoop 到云原生的演进与思考",
-    "description": "第一个时期： 2006 年到 2008 年。2008 年左右，Hadoop 成为了 Apache 顶级项目，并正式发布了 1.0 版本，它的基础主要是基于谷歌的三驾马车，GFS、MapReduce、BigTable 去定义的。",
-    "url": "https://segmentfault.com/a/1190000042370647",
-    "author": "JuiceFS",
-    "home_url": "https://segmentfault.com/u/juicefs",
+    "title": "【译】20个实用的JavaScript技巧",
+    "description": "JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新“成为技术怪才”打开了大门。（真假的啊？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论您是JavaScript的新...",
+    "url": "https://segmentfault.com/a/1190000042399644",
+    "author": "九旬",
+    "home_url": "https://segmentfault.com/u/ansonznl",
     "votes": "3",
     "rank": 20
   },
   {
-    "title": "深入理解JavaScript-Object（对象）",
-    "description": "先回顾下之前一节所讲知识引用类型指的是 objectobject 包括内置对象、宿主对象、自定义对象内置对象中有 Object、Function、Array、String、Number、Boolean 等原生对象构造函数在 JavaScript 中，一切皆对象（...",
-    "url": "https://segmentfault.com/a/1190000042363833",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "渗透攻防Web篇-深入浅出SQL注入",
+    "description": "京东SRC(Security Response Center)收录大量外部白帽子提交的sql注入漏洞，漏洞发生的原因多为sql语句拼接和Mybatis使用不当导致。",
+    "url": "https://segmentfault.com/a/1190000042379218",
+    "author": "京东云开发者",
+    "home_url": "https://segmentfault.com/u/jdcdevloper",
     "votes": "1",
     "rank": 21
   },
   {
-    "title": "jsonp 原理详解及 jsonp-pro 源码解析",
-    "description": "由于浏览器同源策略，一般来说位于server1.a.com的网页无法与 server2.a.com的服务器沟通，而HTML的 <script>元素是一个例外。利用 <script>元素的这个开放策略，网页可以得到从其他来源动态产生的JS...",
-    "url": "https://segmentfault.com/a/1190000042354982",
-    "author": "淡紫色的风鹏",
-    "home_url": "https://segmentfault.com/u/danzisedefengpeng",
+    "title": "Docker网络模型以及容器通信",
+    "description": "本篇接着上篇：【Docker0网络及原理探究】，继续深入探究容器网络通信原理，通过学习Docker网路驱动模型，更好地解决容器间的通信问题🎉🎉",
+    "url": "https://segmentfault.com/a/1190000042396908",
+    "author": "甜点cc",
+    "home_url": "https://segmentfault.com/u/xiaojt",
     "votes": "1",
     "rank": 22
   },
   {
-    "title": "5个常见的JavaScript内存错误",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042366651",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "使用 Webpack 构建 JavaScript 工具库",
+    "description": "最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...",
+    "url": "https://segmentfault.com/a/1190000042386526",
+    "author": "hwjfqr",
+    "home_url": "https://segmentfault.com/u/hwjfqr",
     "votes": "1",
     "rank": 23
   },
   {
-    "title": "Prometheus+Grafana监控-基于docker-compose搭建",
-    "description": "Prometheus 是有 SoundCloud 开发的开源监控系统和时序数据库，基于 Go 语言开发。通过基于 HTTP 的 pull 方式采集时序数据，通过服务发现或静态配置去获取要采集的目标服务器，支持多节点工作，支持多种可视化图...",
-    "url": "https://segmentfault.com/a/1190000042371302",
-    "author": "MaxFang",
-    "home_url": "https://segmentfault.com/u/maxfang",
+    "title": "一次SSL握手异常，我发现JDK还有发行版区别",
+    "description": "原创：扣钉日记（微信公众号ID：codelogs），欢迎分享，转载请保留出处。简介最近，我们一个多机房部署的服务，调用方反馈有问题，在调用新加坡机房时正常，而调用印度机房则报SSL握手异常。 排查花了一些时间，...",
+    "url": "https://segmentfault.com/a/1190000042391138",
+    "author": "打码日志",
+    "home_url": "https://segmentfault.com/u/codelogs",
     "votes": "1",
     "rank": 24
   },
   {
-    "title": "换了vue3+alova后，老板被我整笑了",
-    "description": "老板又来了BT的需求😳我们公司最近开发一款todo管理产品，vue3+axios，事情是这样的。老板：我们的产品测试版我试用了，整体实现的不错，不过……我：😨😨😨老板：体验上有待优化一下，比如……todo列表页翻页的时候能不...",
-    "url": "https://segmentfault.com/a/1190000042387248",
-    "author": "JOU_amjs",
-    "home_url": "https://segmentfault.com/u/jou_icejs",
-    "votes": "2",
+    "title": "我是咖啡师，在软件公司上班｜ONES 人物",
+    "description": "了解一座城市的最佳方法就是从咖啡开始。你可以找一家好的咖啡馆，买点喝的，然后与咖啡师闲聊几句，他甚至会为你量身定制你的去处。聊天中，你会发现，他们可能为这座城市最好的厨师、调酒师、店主和画廊老板煮...",
+    "url": "https://segmentfault.com/a/1190000042385702",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "渗透攻防Web篇-深入浅出SQL注入",
-    "description": "京东SRC(Security Response Center)收录大量外部白帽子提交的sql注入漏洞，漏洞发生的原因多为sql语句拼接和Mybatis使用不当导致。",
-    "url": "https://segmentfault.com/a/1190000042379218",
-    "author": "京东云开发者",
-    "home_url": "https://segmentfault.com/u/jdcdevloper",
-    "votes": "1",
+    "title": "前端高频面试题（附答案）",
+    "description": "流量控制、传输可靠性功能：QUIC在UDP的基础上增加了一层来保证数据传输可靠性，它提供了数据包重传、拥塞控制、以及其他一些TCP中的特性。",
+    "url": "https://segmentfault.com/a/1190000042397147",
+    "author": "hello_world_1024",
+    "home_url": "https://segmentfault.com/u/zhishiyuanbodexiaoyanyao",
+    "votes": "0",
     "rank": 26
   },
   {
-    "title": "面试官：HTTP/2 有什么优点？别再说 Server Push 了",
-    "description": "2022年8月18日，Chrome 开发团队博客发布了“Removing HTTP/2 Server Push from Chrome”一文，表示 Chrome 106 和之后的版本将默认禁用 HTTP/2 Server Push 特性",
-    "url": "https://segmentfault.com/a/1190000042375015",
-    "author": "Showonne",
-    "home_url": "https://segmentfault.com/u/showonne",
+    "title": "对思否笔记功能的认识和感想",
+    "description": "关于思否的笔记功能，前几天有幸和几位官方私信沟通过，考虑到提的几个建议过于零散（容易有遗忘），加上最近两天的体验，打算通过提问的方式，在一个博客里列举。",
+    "url": "https://segmentfault.com/a/1190000042388579",
+    "author": "瞿小凯",
+    "home_url": "https://segmentfault.com/u/keen_626105e1ef632",
     "votes": "1",
     "rank": 27
   },
   {
-    "title": "如何批量生成快递地址",
-    "description": "成果展示批量生成快递地址的网址：[链接]我们公司经常需要生成快递地址，我把这个功能单独提取了出来，做成了一个网站（查询免费，下载收费，介意勿点）。这样我们以后再需要生成快递地址，只需要下载就可以了，...",
-    "url": "https://segmentfault.com/a/1190000042378698",
-    "author": "郭邯",
-    "home_url": "https://segmentfault.com/u/qiangdada",
+    "title": "前后端数据接口协作提效实践",
+    "description": "导读：在大部分场景中，前后端可以在开发前约定好数据接口，双方能够围绕约定并行地完成开发和自测 。然而在大型系统中一些后端模块有时并非直连前端，在它们之间可能包含一些其它模块的处理过程，为了保证数据真...",
+    "url": "https://segmentfault.com/a/1190000042398799",
+    "author": "百度Geek说",
+    "home_url": "https://segmentfault.com/u/baidujiagoushi",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "编程语言中索引签名是什么？",
-    "description": "撰稿：宗喆原文：[链接]KusionStack: [链接]KCLVM: [链接]1. 背景最近在参与 KusionStack 内置的领域语言 —— KCL配置语言编译器 的开发，语言的语法中包括一个“索引签名”的概念，在参与社区讨论的时候发现很多小...",
-    "url": "https://segmentfault.com/a/1190000042367592",
-    "author": "chai2010",
-    "home_url": "https://segmentfault.com/u/chai2010",
+    "title": "聊聊如何利用管道模式来进行业务编排（上篇）",
+    "description": "管道模式不属于我们常说的23种设计模式中的一种，它可以看成是责任链模式的一种变体。所谓的管道模式用技术话来说，就是把数据传递给一个任务队列，由任务队列按次序依次对数据进行加工处理。",
+    "url": "https://segmentfault.com/a/1190000042398701",
+    "author": "linyb极客之路",
+    "home_url": "https://segmentfault.com/u/linybjikezhilu",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "最小二乘拟合（原理+python代码）",
-    "description": "拟合在数学建模中应用普遍，而最小二乘拟合又是常用的拟合方法。 数据拟合又称曲线拟合，俗称拉曲线，是一种把现有数据透过数学方法来代入一条数式的表示方式。科学和工程问题可以通过诸如采样、实验等方法获得若...",
-    "url": "https://segmentfault.com/a/1190000042372417",
-    "author": "答案",
-    "home_url": "https://segmentfault.com/u/daan_6305ef957796f",
-    "votes": "0",
+    "title": "2022年的前端面试都问些什么？",
+    "description": "自从离职后，除了稍微放松一下，休息了几天，准备面试也成了日常中的一环，距离上一次面试已经有超过五年的时间了，所以系统性的准备还是有必要的，这阵子也陆陆续续投了不少的简历，参加了不少面试，如今的面试...",
+    "url": "https://segmentfault.com/a/1190000042388235",
+    "author": "Showonne",
+    "home_url": "https://segmentfault.com/u/showonne",
+    "votes": "4",
     "rank": 30
   }
 ]