@wcj/github-rank 22.9.5 → 22.9.6

package/web/data/sifou-daily.json

@@ -1,11 +1,83 @@
 [
   {
-    "title": "如何使用 ABAP 代码解析 XML 文件",
-    "description": "正如本教程的开篇介绍文章SAP OData 开发教程 - 从入门到提高(包含 SEGW, RAP 和 CDP)所提到的，SAP OData 服务开发，从实现技术上来说，可以分为三大类。因此本教程也分为三大部分，分别进行介绍。本文是本教程...",
-    "url": "https://segmentfault.com/a/1190000042430559",
-    "author": "JerryWang_汪子熙",
-    "home_url": "https://segmentfault.com/u/jerrywangsap",
-    "votes": "1",
+    "title": "docker 和 dockerFile 介绍",
+    "description": "最近用到了dockerFIle来构建镜像。 在这之前，其实并不太清楚docker的作用，并不清楚容器和镜像的比较清晰的概念。于是在这里记录一下。",
+    "url": "https://segmentfault.com/a/1190000042435608",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 1
+  },
+  {
+    "title": "性能调优——小小的log大大的坑",
+    "description": "日志对程序的重要性不言而喻，轻巧、简单、无需费脑，程序代码中随处可见，帮助我们排查定位一个有一个问题问题。但看似不起眼的日志，却隐藏着各式各样的“坑”，如果使用不当，不仅不能帮助我们，反而会成为服务“...",
+    "url": "https://segmentfault.com/a/1190000042434642",
+    "author": "咕咕鸡",
+    "home_url": "https://segmentfault.com/u/guguji_fly",
+    "votes": "1",
+    "rank": 2
+  },
+  {
+    "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
+    "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
+    "url": "https://segmentfault.com/a/1190000042432407",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "3",
+    "rank": 3
+  },
+  {
+    "title": "精读《依赖注入简介》",
+    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
+    "url": "https://segmentfault.com/a/1190000042431264",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "用Vue.js写一个命令行贪吃蛇游戏",
+    "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
+    "url": "https://segmentfault.com/a/1190000042431217",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "2",
+    "rank": 5
+  },
+  {
+    "title": "[算法数据结构] 关于回溯算法的理解记录",
+    "description": "开始二刷回溯算法，这里对回溯法展开思考，加深对其的原理和应用场景的理解。以组合问题为例：给定两个整数 n 和 k，返回范围[1, n]中所有可能的 k 个数的组合。",
+    "url": "https://segmentfault.com/a/1190000042432948",
+    "author": "翁乐安",
+    "home_url": "https://segmentfault.com/u/wenglean",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "pip安装更换镜像",
+    "description": "原文链接使用pip来安装python包有时候安装起来会非常慢，因此需要换成国内的源来加速下载：1 单次修改源以Torch为例，常规下载方式为： {代码...} 修改为阿里源： {代码...} 2 修改默认源如果不想在每一次下载都...",
+    "url": "https://segmentfault.com/a/1190000042431518",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "高级前端进阶必修：自主打造高扩展的业务组件库含源码PPT",
+    "description": "说到设计模式，十有八九，singleton模式在面试中排名第一，这一定是大多数人从入门到面试都无法回避的基础知识。但是，singleton模式中并不只有懒惰模式和饥饿模式，大多数都是最基本的模式。如果你读过spring之...",
+    "url": "https://segmentfault.com/a/1190000042435699",
+    "author": "咆哮的上铺_ciNVTG",
+    "home_url": "https://segmentfault.com/u/paoxiaodeshangpu_cinvtg",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "没有二十年功力，写不出Thread.sleep(0)这一行“看似无用”的代码！",
+    "description": "你好呀，我是喜提七天居家隔离的歪歪。这篇文章要从一个奇怪的注释说起，就是下面这张图：我们可以不用管具体的代码逻辑，只是单单看这个 for 循环。在循环里面，专门有个变量 j，来记录当前循环次数。第一次循环...",
+    "url": "https://segmentfault.com/a/1190000042432589",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "1",
+    "rank": 9
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042325723",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
+    "votes": "28",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042283578",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
+    "votes": "24",
     "rank": 3
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042360785",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
+    "votes": "18",
     "rank": 5
   },
   {
@@ -134,6 +134,15 @@
     "votes": "6",
     "rank": 15
   },
+  {
+    "title": "巧用 transition 实现短视频 APP 点赞动画",
+    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
+    "url": "https://segmentfault.com/a/1190000042398943",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 16
+  },
   {
     "title": "从 Islands Architecture 看前端有多卷",
     "description": "大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...",
@@ -141,7 +150,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "精读《pnpm》",
@@ -150,7 +159,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "10",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -159,7 +168,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -168,7 +177,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "我做了一个在线白板（二）",
@@ -177,7 +186,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "5",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -186,15 +195,6 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "4",
-    "rank": 21
-  },
-  {
-    "title": "electron 应用开发优秀实践",
-    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
-    "url": "https://segmentfault.com/a/1190000042267983",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "8",
     "rank": 22
   },
   {
@@ -206,6 +206,15 @@
     "votes": "9",
     "rank": 23
   },
+  {
+    "title": "electron 应用开发优秀实践",
+    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
+    "url": "https://segmentfault.com/a/1190000042267983",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "8",
+    "rank": 24
+  },
   {
     "title": "PHP如何提高高并发能力",
     "description": "用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。",
@@ -213,7 +222,7 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "5",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -222,7 +231,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -231,7 +240,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "9",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
@@ -240,7 +249,7 @@
     "author": "Awbeci",
     "home_url": "https://segmentfault.com/u/awbeci",
     "votes": "7",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "Vue仿钉钉审批流程",
@@ -249,7 +258,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "7",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -258,15 +267,6 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "7",
-    "rank": 29
-  },
-  {
-    "title": "巧用 transition 实现短视频 APP 点赞动画",
-    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
-    "url": "https://segmentfault.com/a/1190000042398943",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -8,6 +8,15 @@
     "votes": "9",
     "rank": 1
   },
+  {
+    "title": "巧用 transition 实现短视频 APP 点赞动画",
+    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
+    "url": "https://segmentfault.com/a/1190000042398943",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 2
+  },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
     "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
@@ -15,15 +24,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "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": "8",
     "rank": 3
   },
   {
@@ -36,12 +36,12 @@
     "rank": 4
   },
   {
-    "title": "【三维地图】开发攻略 —— 详解“GeoJSON”技术和应用场景",
-    "description": "GeoJSON ，一个用于存储地理信息的数据格式。GoeJSON对象可以表示几何、特征或特征集合，支持：点、线、面、多点、多线、多面和几何集合。在基于平面地图，三维地图中都需要用到的一种数据类型。由于这种格式在三...",
-    "url": "https://segmentfault.com/a/1190000042394346",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
+    "description": "最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...",
+    "url": "https://segmentfault.com/a/1190000042398762",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "3",
     "rank": 5
   },
   {
@@ -50,27 +50,18 @@
     "url": "https://segmentfault.com/a/1190000042414694",
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "5",
+    "votes": "6",
     "rank": 6
   },
   {
-    "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",
+    "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": "4",
     "rank": 7
   },
-  {
-    "title": "BI如何实现用户身份集成自定义安全程序开发",
-    "description": "统一身份认证是整个 IT 架构的最基本的组成部分，而账号则是实现统一身份认证的基础。做好账号的规划和设计直接决定着企业整个信息系统建设的便利与难易程度，决定着系统能否足够敏捷和快速赋能，也决定了在数字...",
-    "url": "https://segmentfault.com/a/1190000042417390",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 8
-  },
   {
     "title": "Flutter 3.3 正式发布",
     "description": "Flutter 3 是我们正式为全平台提供支持的一个重量级里程碑，距离它的发布仅过去了三个月，今天让我们有请 Flutter 3.3 正式版！近三个月我们并没有放慢更新迭代的速度——自 Flutter 3 发布以来，我们已经为 Flutte...",
@@ -78,6 +69,15 @@
     "author": "Flutter",
     "home_url": "https://segmentfault.com/u/flutter",
     "votes": "4",
+    "rank": 8
+  },
+  {
+    "title": "BI如何实现用户身份集成自定义安全程序开发",
+    "description": "统一身份认证是整个 IT 架构的最基本的组成部分，而账号则是实现统一身份认证的基础。做好账号的规划和设计直接决定着企业整个信息系统建设的便利与难易程度，决定着系统能否足够敏捷和快速赋能，也决定了在数字...",
+    "url": "https://segmentfault.com/a/1190000042417390",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 9
   },
   {
@@ -99,12 +99,12 @@
     "rank": 11
   },
   {
-    "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
-    "description": "最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...",
-    "url": "https://segmentfault.com/a/1190000042398762",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "1",
+    "title": "如何使用CSS伪类选择器",
+    "description": "总览CSS选择器允许你通过类型、属性、位于HTML文档中的位置来选择元素。本教程阐述了三个新选项:is()、:where()和:has()。选择器通常在样式表中使用。下面的示例会找到所有<p>段落元素并将字重更改为粗体：...",
+    "url": "https://segmentfault.com/a/1190000042400698",
+    "author": "chuck",
+    "home_url": "https://segmentfault.com/u/chuckqu",
+    "votes": "2",
     "rank": 12
   },
   {
@@ -113,26 +113,8 @@
     "url": "https://segmentfault.com/a/1190000042426597",
     "author": "钟正楷",
     "home_url": "https://segmentfault.com/u/zhongzhengkai",
-    "votes": "2",
-    "rank": 13
-  },
-  {
-    "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": 14
-  },
-  {
-    "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": 15
+    "rank": 13
   },
   {
     "title": "在 Vue 中为什么不推荐用 index 做 key",
@@ -141,7 +123,7 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "3",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "【译】20个实用的JavaScript技巧",
@@ -150,7 +132,7 @@
     "author": "九旬",
     "home_url": "https://segmentfault.com/u/ansonznl",
     "votes": "3",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "细数实现全景图VR的几种方式（panorama/cubemap/eac）",
@@ -158,17 +140,8 @@
     "url": "https://segmentfault.com/a/1190000042417150",
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "踩坑了！0作为除数，不一定会抛出异常！",
-    "description": "你好呀，我是歪歪。踩坑了啊，又踩坑了啊！这次踩到一个特别无语的常识坑。知道真相的那一刻，人就是整个麻掉。先上个代码： {代码...} 你先别问为什么计算不用 BigDecimal，反正程序里面就是有一个类似于这样的...",
-    "url": "https://segmentfault.com/a/1190000042393981",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "1",
-    "rank": 19
+    "votes": "2",
+    "rank": 16
   },
   {
     "title": "性能优化必备——火焰图",
@@ -177,25 +150,16 @@
     "author": "咕咕鸡",
     "home_url": "https://segmentfault.com/u/guguji_fly",
     "votes": "2",
-    "rank": 20
-  },
-  {
-    "title": "Docker网络模型以及容器通信",
-    "description": "本篇接着上篇：【Docker0网络及原理探究】，继续深入探究容器网络通信原理，通过学习Docker网路驱动模型，更好地解决容器间的通信问题🎉🎉",
-    "url": "https://segmentfault.com/a/1190000042396908",
-    "author": "甜点cc",
-    "home_url": "https://segmentfault.com/u/xiaojt",
-    "votes": "1",
-    "rank": 21
+    "rank": 17
   },
   {
-    "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": 22
+    "title": "深入理解JavaScript-拷贝的秘密",
+    "description": "前文JavaScript由什么组成中讲述了JavaScript 的数据类型分为基本类型和引用类型，而区分两则的依据是基本类型是”轻量“的，它存在栈内存中，而引用类型比较重，它存在堆内存中。所以当基本类型拷贝时，能直接拷贝...",
+    "url": "https://segmentfault.com/a/1190000042418870",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "4",
+    "rank": 18
   },
   {
     "title": "聊聊如何利用管道模式来进行业务编排（上篇）",
@@ -204,25 +168,7 @@
     "author": "linyb极客之路",
     "home_url": "https://segmentfault.com/u/linybjikezhilu",
     "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "大家都能看得懂的源码 - 那些关于DOM的常见Hook封装（一）",
-    "description": "上一篇我们探讨了 ahooks 对 DOM 类 Hooks 使用规范，以及源码中是如何去做处理的。接下来我们就针对关于 DOM 的各个 Hook 封装进行解读。",
-    "url": "https://segmentfault.com/a/1190000042396771",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
-    "rank": 24
-  },
-  {
-    "title": "深入分析JVM执行引擎",
-    "description": "相信很多朋友在出国旅游，或者与外国友人沟通的过程中，都会遇到语言不通的烦恼。这时候我们就需要掌握对应的外语或者拥有一部翻译机。而笔者只会中文，所以需要借助一部翻译器才能与不懂中文的外国友人交流。咱...",
-    "url": "https://segmentfault.com/a/1190000042397518",
-    "author": "知了一笑",
-    "home_url": "https://segmentfault.com/u/cicadasmile",
-    "votes": "1",
-    "rank": 25
+    "rank": 19
   },
   {
     "title": "前后端数据接口协作提效实践",
@@ -231,16 +177,7 @@
     "author": "百度Geek说",
     "home_url": "https://segmentfault.com/u/baidujiagoushi",
     "votes": "1",
-    "rank": 26
-  },
-  {
-    "title": "elementui源码学习之仿写一个el-collapse",
-    "description": "本篇文章记录仿写一个el-collapse组件细节，从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章，后续空闲了会不断更新并仿写其他组件。源码在github上，大家可...",
-    "url": "https://segmentfault.com/a/1190000042397748",
-    "author": "水冗水孚",
-    "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "1",
-    "rank": 27
+    "rank": 20
   },
   {
     "title": "JavaScript中的可变性与不可变性",
@@ -249,7 +186,16 @@
     "author": "记得要微笑",
     "home_url": "https://segmentfault.com/u/tosmile",
     "votes": "1",
-    "rank": 28
+    "rank": 21
+  },
+  {
+    "title": "SegmentFault 2022 年社区周报 Vol.7 | 好久不见~",
+    "description": "这期间，社区发生了很多很多事情，调整了许多功能模块，当然也包含本喵的诞生，今天社区运营周报制度正式恢复啦，本喵带你了解一下这周社区都发生了什么吧~",
+    "url": "https://segmentfault.com/a/1190000042402701",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "1",
+    "rank": 22
   },
   {
     "title": "Promise 函数",
@@ -258,14 +204,68 @@
     "author": "杭州蘇小小",
     "home_url": "https://segmentfault.com/u/suhangweb",
     "votes": "2",
+    "rank": 23
+  },
+  {
+    "title": "hel-micro 模块联邦新革命-实战预告",
+    "description": "hel-microgit：[链接] （你的小星星是我们开源的最大动力）bilibili 模块联邦分享内容预告在线案例体验：[链接] （main文件修改版本号即拉取不同版本的代码）why背景模块联邦是一个最近两年诞生的一门新技术，它...",
+    "url": "https://segmentfault.com/a/1190000042405551",
+    "author": "钟正楷",
+    "home_url": "https://segmentfault.com/u/zhongzhengkai",
+    "votes": "1",
+    "rank": 24
+  },
+  {
+    "title": "微信公众号 Markdown 编辑器",
+    "description": "微信公众号文章 Markdown 在线编辑器，使用 markdown 语法创建一篇简介美观大方的微信公众号图文。由于发版本麻烦，和一些功能无法扩展停滞开发了，未来不再开发 Chrome 的插件(暂存在 chrome 分支)，通过 web 版...",
+    "url": "https://segmentfault.com/a/1190000042428168",
+    "author": "小弟调调",
+    "home_url": "https://segmentfault.com/u/ichu",
+    "votes": "2",
+    "rank": 25
+  },
+  {
+    "title": "如何使用 webpack 优化 moment.js",
+    "description": "默认情况下，当您编写var moment = require('moment')代码并使用 webpack 打包时，捆绑文件的大小会变得很重，因为webpack 会捆绑所有Moment.js 所有语言环境文件（在 Moment.js 2.18.1 中，压缩后的 KB 为 160）。",
+    "url": "https://segmentfault.com/a/1190000042425059",
+    "author": "记得要微笑",
+    "home_url": "https://segmentfault.com/u/tosmile",
+    "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "提质增效两不误，揭秘大型软件团队「价值增长飞轮」｜直播回顾",
+    "description": "8月24日，ONES 研发管理大师课第三期课程正式开课。ONES 联合创始人兼 CTO 冯斌老师，分享了《大型软件团队高效协作的方法和实践》。借助「价值增长飞轮」这一概念，他剖析了大型软件团队如何实现业务价值的飞速...",
+    "url": "https://segmentfault.com/a/1190000042409788",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
+    "votes": "1",
+    "rank": 27
+  },
+  {
+    "title": "基于 LowCodeEngine 的调试能力建设与实践",
+    "description": "低代码由于研发效能和交付的优势变得越来越普及，在降本提效的同时也带来了很多黑盒逻辑。现有的低代码平台普遍缺乏面向用户的调试能力，当用户在低代码搭建遇到问题时，排查和解决问题强依赖平台的客服答疑或浏...",
+    "url": "https://segmentfault.com/a/1190000042408426",
+    "author": "阿里巴巴终端技术",
+    "home_url": "https://segmentfault.com/u/aliterminal",
+    "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "定时任务cron",
+    "description": "原文链接1 格式{秒数} {分钟} {小时} {日期} {月份} {星期} {年份(可为空)}2 用法\"30 ? \" 每半分钟触发任务\"30 10 * ? \" 每小时的10分30秒触发任务\"30 10 1 ? \" 每天1点10分30秒触发任务\"30 10 1 20 * ? \" 每月20...",
+    "url": "https://segmentfault.com/a/1190000042421829",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "votes": "1",
     "rank": 29
   },
   {
-    "title": "SegmentFault 2022 年社区周报 Vol.7 | 好久不见~",
-    "description": "这期间，社区发生了很多很多事情，调整了许多功能模块，当然也包含本喵的诞生，今天社区运营周报制度正式恢复啦，本喵带你了解一下这周社区都发生了什么吧~",
-    "url": "https://segmentfault.com/a/1190000042402701",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "熔断原理分析与源码解读",
+    "description": "熔断机制（Circuit Breaker）指的是在股票市场的交易时间中，当价格的波动幅度达到某一个限定的目标（熔断点）时，对其暂停交易一段时间的机制。此机制如同保险丝在电流过大时候熔断，故而得名。熔断机制推出的目...",
+    "url": "https://segmentfault.com/a/1190000042406609",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "1",
     "rank": 30
   }