@wcj/github-rank 22.2.7 → 22.2.11

package/web/data/sifou-daily.json

@@ -1,20 +1,137 @@
 [
   {
-    "title": "​北京冬奥会开幕式震撼刷屏；GitHub 推出赞助功能；Flutter 2.10 发布 | 思否周刊",
-    "description": "40s 新闻速递北京冬奥会开幕式震撼刷屏微软禁用 MSIX AppX 安装程序工信部：冬奥会开幕式保障任务圆满完成，封堵恶意程序发送端 IP 地址 4000 余个英特尔称其 CPU Bug 只有 AMD 的一半Google Chrome 浏览器徽标8 ...",
-    "url": "https://segmentfault.com/a/1190000041366705",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "wgcloud-server程序未启动，这个是什么意思",
+    "description": "这个可能是server所在的linux主机没有设置JDK1.8环境变量导致的或者server/config/application.yml有错误，一般是配置项冒号后没有保留一个空格导致的，因为yml文件规则就是冒号后保留一个空格，但是大家容易忽略...",
+    "url": "https://segmentfault.com/a/1190000041386439",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "1",
+    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
+    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
+    "url": "https://segmentfault.com/a/1190000041384720",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "2",
     "rank": 2
+  },
+  {
+    "title": "60%的人都不知道 package-lock.json 有啥用吧？简单讲讲",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。背景不知道大家平时在开发中有没有注意到，你的项目中有两个文件： package.json package-lock.json 应该很...",
+    "url": "https://segmentfault.com/a/1190000041384291",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "2",
+    "rank": 3
+  },
+  {
+    "title": "Jest 单元测试疑难点入门",
+    "description": "文章基调介绍概念及思考的过程，不提供代码（具体代码写法可参考jest 官网）延伸：信息大爆炸时代，各类资源很丰富，具体教程网上有很多资料详细不过官网，不重复制造相同的信息，造成额外的心智负担大脑只是搜索...",
+    "url": "https://segmentfault.com/a/1190000041386455",
+    "author": "momo707577045",
+    "home_url": "https://segmentfault.com/u/momo707577045",
+    "votes": "3",
+    "rank": 4
+  },
+  {
+    "title": "CSS画冰墩墩~",
+    "description": "抢不上冰墩墩就自己画一个！代码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041385432",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "3",
+    "rank": 5
+  },
+  {
+    "title": "幂等最佳实践",
+    "description": "分布式场景下，多个业务系统间实现强一致的协议是极其困难的。一个最简单和可实现的假设就是保证最终一致性，这要求服务端在处理一个重复的请求时需要给出相同的回应，同时不会对持久化数据产生副作用（即多次操...",
+    "url": "https://segmentfault.com/a/1190000041382689",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "2",
+    "rank": 6
+  },
+  {
+    "title": "GIF 格式解析之表情包是如何动起来的",
+    "description": "作为破除人类交流困境的神器，没有什么场景是一张表情包不能表达的。想像一下，当你正同时打开 N 个 VSCode 疯狂打码的时候，DING~ 的一声脆响，产品经理发来一条消息：昨天提的那几个 bug 修复好了吗？​",
+    "url": "https://segmentfault.com/a/1190000041386355",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "文件流方式导出Excel表格",
+    "description": "之前做的项目都是在不调用后台接口的情况下，将json数据导出到excel表格，纯前端去实现导出Excel最近做的项目，需要向后台传递不同的参数值，后台查询出符合条件的数据，以文档流的格式返回前端，前端再导出为Exc...",
+    "url": "https://segmentfault.com/a/1190000041385828",
+    "author": "前端小可爱",
+    "home_url": "https://segmentfault.com/u/survivor_61d65fb5edf0d",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "Spring Security过滤器链体系",
+    "description": "以下摘自胖哥分享的 2022开工福利教程。在学习Spring Security的时候你有没有下面这两个疑问：Spring Security的登录是怎么配置的？Spring Security的访问控制是什么机制？SpringBootWebSecurityConfiguration上...",
+    "url": "https://segmentfault.com/a/1190000041384901",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "向工程腐化开炮 | proguard治理",
+    "description": "工程腐化是app迭代过程中，一个非常棘手的问题，涉及到广泛而细碎的具体细节，对研发效能&体验、工程&产物质量、稳定性、包大小、性能，都有相对“隐蔽”而间接的影响。一般不会造成不可承受的障碍，却时常蹦出来导...",
+    "url": "https://segmentfault.com/a/1190000041384471",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "Network Kit与三七游戏共创流畅游戏体验，无惧网络延迟",
+    "description": "三七游戏拥有《斗罗大陆·魂师对决》、《代号魔幻M》等多款全球化游戏产品，主打精品化、多元化战略，并非常注重玩家的游戏体验。在接入HMS Core Network Kit后，《斗罗大陆·魂师对决》开始支持游戏资源包后台下载...",
+    "url": "https://segmentfault.com/a/1190000041384426",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "tsc、babel、webpack对模块导入导出的处理",
+    "description": "如果直接在 TS 里改成 JS 一样的写法，在安装了 @types/react 的情况下，编辑器会抛出一个错误：此模块是使用 \"export =\" 声明的，在使用 \"esModuleInterop\" 标志时只能与默认导入一起使用。",
+    "url": "https://segmentfault.com/a/1190000041384332",
+    "author": "记得要微笑",
+    "home_url": "https://segmentfault.com/u/tosmile",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "Flink SQL 在快手的扩展和实践",
+    "description": "摘要：本文整理自快手实时计算团队技术专家张静、张芒在 Flink Forward Asia 2021 的分享。主要内容包括：Flink SQL 在快手功能扩展性能优化稳定性提升未来展望",
+    "url": "https://segmentfault.com/a/1190000041384030",
+    "author": "ApacheFlink",
+    "home_url": "https://segmentfault.com/u/ververica",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "「CodeFever保姆级教程」手把手教你搭建自己的代码托管服务器",
+    "description": "熟练的使用GIthub和Git已经成为每个程序员必备的技能，Github作为一款免费好用的代码托管平台，在很大程度上对开源社区的发展起到非常积极的作用，Git也可以使程序员们更好的管理和维护自己的代码，使团队成员之...",
+    "url": "https://segmentfault.com/a/1190000041382956",
+    "author": "星河水手",
+    "home_url": "https://segmentfault.com/u/xingheshuishou_61f2043b8aebc",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "etcd分布式锁的实现",
+    "description": "etcd分布式锁并不是etcd server对外提供一个功能api，而是基于etcd的各种特性（lease、watch、mvcc等）集成的一个工具。",
+    "url": "https://segmentfault.com/a/1190000041382029",
+    "author": "郭朝",
+    "home_url": "https://segmentfault.com/u/guochao_5f6f02dda5f0e",
+    "votes": "1",
+    "rank": 15
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "深入浅出 CSS 动画",
-    "description": "本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CS...",
-    "url": "https://segmentfault.com/a/1190000041275359",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "65",
+    "title": "Three.js 实现2022冬奥主题3D趣味页面 🐼",
+    "description": "迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry 圆环面...",
+    "url": "https://segmentfault.com/a/1190000041363089",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "82",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041306193",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "32",
+    "votes": "33",
     "rank": 2
   },
   {
@@ -23,53 +23,35 @@
     "url": "https://segmentfault.com/a/1190000041311954",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "22",
+    "votes": "25",
     "rank": 3
   },
-  {
-    "title": "SegmentFault 思否 2021 年度 Top Writer",
-    "description": "日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。",
-    "url": "https://segmentfault.com/a/1190000041253109",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "15",
-    "rank": 4
-  },
   {
     "title": "神器 Nginx 的学习手册 ( 建议收藏 )",
     "description": "无论是运维、开发、测试，Nginx技术栈的学习总是必不可少的，只是不同的岗位掌握的深度与广度不同而已。所以，民工哥利用周末休息时间，将往期推送的Nginx文章给大家重新整理出来，整理出成体系的Nginx知识体系，...",
     "url": "https://segmentfault.com/a/1190000041298011",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "29",
-    "rank": 5
-  },
-  {
-    "title": "不会一致性hash算法，劝你简历别写搞过负载均衡",
-    "description": "这两天看到技术群里，有小伙伴在讨论一致性hash算法的问题，正愁没啥写的题目就来了，那就简单介绍下它的原理。下边我们以分布式缓存中经典场景举例，面试中也是经常提及的一些话题，看看什么是一致性hash算法以...",
-    "url": "https://segmentfault.com/a/1190000041268497",
-    "author": "程序员内点事",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "23",
-    "rank": 6
+    "votes": "31",
+    "rank": 4
   },
   {
-    "title": "【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~",
-    "description": "亲爱的小伙伴们，2021思否年度有奖征文活动截至1月10日晚上12点已经结束啦！我们很高兴看到大家这一年来有不少喜悦和收获，也真心为每一位努力耕耘、积极向上的朋友而点赞、喝彩！虽然进取的路上总伴有失意与挫折...",
-    "url": "https://segmentfault.com/a/1190000041262311",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "13",
-    "rank": 7
+    "title": "60行代码实现React的事件系统",
+    "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
+    "url": "https://segmentfault.com/a/1190000041355419",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "16",
+    "rank": 5
   },
   {
-    "title": "Three.js 实现2022冬奥主题3D趣味页面 🐼",
-    "description": "迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry 圆环面...",
-    "url": "https://segmentfault.com/a/1190000041363089",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "21",
-    "rank": 8
+    "title": "17 个实用 shell 脚本，建议收藏！",
+    "description": "1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...",
+    "url": "https://segmentfault.com/a/1190000041370811",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "17",
+    "rank": 6
   },
   {
     "title": "Serverless 背景下，一部分“前端工程师”会转变为“应用交付工程师”",
@@ -78,25 +60,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "18",
-    "rank": 9
-  },
-  {
-    "title": "Three.js 实现虎年春节3D创意页面",
-    "description": "虎年 🐅 春节将至，本文使用 React + Three.js 技术栈，实现趣味 3D 创意页面。本文包含的知识点主要包括：ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、Orbit...",
-    "url": "https://segmentfault.com/a/1190000041261707",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "16",
-    "rank": 10
-  },
-  {
-    "title": "权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物",
-    "description": "在本土，“开源”作为国家战略被首次写入国家“五年规划”，新锐开源商业公司如雨后春笋一般诞生并获得资本青睐，中国首个明确GPL 3.0协议法律效力的判决案例尘埃落定。",
-    "url": "https://segmentfault.com/a/1190000041270720",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
-    "rank": 11
+    "rank": 7
   },
   {
     "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
@@ -105,7 +69,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "13",
-    "rank": 12
+    "rank": 8
   },
   {
     "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
@@ -114,16 +78,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 13
-  },
-  {
-    "title": "权威发布 | SegmentFault 思否 2021 年度技术团队",
-    "description": "日新月异的技术革命，数字经济的新一轮爆发，背后是无数开发者夜以继日的付出。他们信奉技术力量，敢于技术创新，践行技术信仰，他们是技术先锋，探索改变世界的方向。",
-    "url": "https://segmentfault.com/a/1190000041253145",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "10",
-    "rank": 14
+    "rank": 9
   },
   {
     "title": "线程池如何观测？这个方案让你对线程池的运行情况了如指掌！",
@@ -132,25 +87,34 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "13",
-    "rank": 15
+    "rank": 10
   },
   {
-    "title": "60行代码实现React的事件系统",
-    "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
-    "url": "https://segmentfault.com/a/1190000041355419",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
-    "rank": 16
+    "title": "两年经验前端：字节跳动系—石墨文档面经",
+    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
+    "url": "https://segmentfault.com/a/1190000041355537",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "16",
+    "rank": 11
   },
   {
-    "title": "⚡️ 省钱 90%！我是这样优化网站图片的",
-    "description": "2021 年一直没有怎么更文，2022 准备开个好头，所以先挑些简单的内容写一写，记录一下我是如何把个人站点的文件存储资费降低 90% 的。",
-    "url": "https://segmentfault.com/a/1190000041268389",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "17",
-    "rank": 17
+    "title": "什么样的问题应该使用动态规划",
+    "description": "说起动态规划，我不知道你有没有这样的困扰，在掌握了一些基础算法和数据结构之后，碰到一些较为复杂的问题还是无从下手，面试时自然也是胆战心惊。如果我说动态规划是个玄幻的问题其实也不为过。究其原因，我觉...",
+    "url": "https://segmentfault.com/a/1190000041300090",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "14",
+    "rank": 12
+  },
+  {
+    "title": "2022，每个 Leaper 都会有好未来",
+    "description": "我是郑庆鑫，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已...",
+    "url": "https://segmentfault.com/a/1190000041350991",
+    "author": "LeapFE",
+    "home_url": "https://segmentfault.com/u/leapfe",
+    "votes": "28",
+    "rank": 13
   },
   {
     "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
@@ -159,7 +123,7 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "10",
-    "rank": 18
+    "rank": 14
   },
   {
     "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
@@ -168,16 +132,25 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "15",
-    "rank": 19
+    "rank": 15
   },
   {
-    "title": "2022，每个 Leaper 都会有好未来",
-    "description": "我是郑庆鑫，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已...",
-    "url": "https://segmentfault.com/a/1190000041350991",
-    "author": "LeapFE",
-    "home_url": "https://segmentfault.com/u/leapfe",
-    "votes": "26",
-    "rank": 20
+    "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
+    "description": "Vercel 是由 Guillermo Rauch 创立的云服务公司，以拥有数个知名开源项目为大众所知，随着 2021 年在融资、招聘、产品等方面的高调亮相，Vercel 的商业逻辑也愈发清晰。",
+    "url": "https://segmentfault.com/a/1190000041341813",
+    "author": "aryu",
+    "home_url": "https://segmentfault.com/u/aryu",
+    "votes": "11",
+    "rank": 16
+  },
+  {
+    "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
+    "description": "作为目前世界上最先进的分布式版本控制系统（没有之一），Git 是一个开源的分布式版本控制软件,用以有效、高速的处理从很小到非常大的项目版本管理。 Git 最初是由Linus Torvalds设计开发的，用于管理Linux内核开...",
+    "url": "https://segmentfault.com/a/1190000041330870",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "12",
+    "rank": 17
   },
   {
     "title": "2 天！Google Cloud 2022 中国出海数字峰会进入倒计时",
@@ -186,7 +159,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "绝对是讲的最清楚的-NodeJS模块系统",
@@ -195,43 +168,43 @@
     "author": "云中歌",
     "home_url": "https://segmentfault.com/u/yunzhongge_584ccbede2cb7",
     "votes": "12",
-    "rank": 22
+    "rank": 19
   },
   {
-    "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
-    "description": "Vercel 是由 Guillermo Rauch 创立的云服务公司，以拥有数个知名开源项目为大众所知，随着 2021 年在融资、招聘、产品等方面的高调亮相，Vercel 的商业逻辑也愈发清晰。",
-    "url": "https://segmentfault.com/a/1190000041341813",
-    "author": "aryu",
-    "home_url": "https://segmentfault.com/u/aryu",
-    "votes": "10",
-    "rank": 23
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 20
   },
   {
-    "title": "给前端的docker 10分钟真 · 快速入门指南",
-    "description": "2022年了，咱前端花点时间学点docker，不吃亏不上当还没有了解过docker吗，没关系，咱模拟几个场景，两分钟就给你搞明白它是什么，我们什么时候需要它接着我们拿剩下的七八分钟用docker来同时部署vue2、vue3两个...",
-    "url": "https://segmentfault.com/a/1190000041269318",
-    "author": "Eric_long",
-    "home_url": "https://segmentfault.com/u/longming_5732dced2bfb7",
-    "votes": "12",
-    "rank": 24
+    "title": "Suspense对React的意义在哪里？",
+    "description": "大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...",
+    "url": "https://segmentfault.com/a/1190000041372960",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "8",
+    "rank": 21
   },
   {
-    "title": "新一代的编译工具 SWC",
-    "description": "最近前端圈掀起了一阵 rust 风，凡是能用 rust 重写的前端工具就用 rust 重写，今天介绍的工具就是通过 rust 实现的 babel：swc，一个将 ES6 转化为 ES5 的工具。",
-    "url": "https://segmentfault.com/a/1190000041279795",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
+    "title": "清除 useEffect 副作用",
+    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
+    "url": "https://segmentfault.com/a/1190000041351344",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "10",
-    "rank": 25
+    "rank": 22
   },
   {
-    "title": "2021，17个 最流行的 Vue 插件",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041233013",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
-    "rank": 26
+    "title": "能用js实现的最终用js实现，Shell脚本也不例外",
+    "description": "大家好，我是秋风。今天来讨论一个牛逼的项目 ——zx ，1个月增长15000 star， 成为了2021年度明星项目排行榜第一。zx 到底是什么呢？我们可以从官网的介绍看到，一个能更方便地写脚本的工具。（A tool for writing...",
+    "url": "https://segmentfault.com/a/1190000041295297",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "11",
+    "rank": 23
   },
   {
     "title": "Vue3默认版本了！我准备学这五个东西了。",
@@ -240,7 +213,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "11",
-    "rank": 27
+    "rank": 24
   },
   {
     "title": "基础很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？🐶",
@@ -249,16 +222,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "12",
-    "rank": 28
-  },
-  {
-    "title": "两年经验前端：字节跳动系—石墨文档面经",
-    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
-    "url": "https://segmentfault.com/a/1190000041355537",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "13",
-    "rank": 29
+    "rank": 25
   },
   {
     "title": "2021 中国开源码力榜启动，寻找开源世界的超级码丽",
@@ -267,6 +231,42 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
+    "rank": 26
+  },
+  {
+    "title": "断点调试之压缩引发的血案",
+    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
+    "url": "https://segmentfault.com/a/1190000041370583",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
+    "votes": "10",
+    "rank": 27
+  },
+  {
+    "title": "SegmentFault D-Day 2021 年度总结报告",
+    "description": "关于 D-Day：这里的 D-Day 不是军事术语，而是开发者（Developer）的抢滩登陆之日！SegmentFault D-Day 全称 SegmentFault Developer Day，是由 SegmentFault 思否发起主办的系列技术沙龙。自 2014 年启动，D-Day...",
+    "url": "https://segmentfault.com/a/1190000041297667",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "8",
+    "rank": 28
+  },
+  {
+    "title": "跨域了？ 装个插件就够了！",
+    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
+    "url": "https://segmentfault.com/a/1190000041367088",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "7",
+    "rank": 29
+  },
+  {
+    "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
+    "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
+    "url": "https://segmentfault.com/a/1190000041353909",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "7",
     "rank": 30
   }
 ]