@wcj/github-rank 22.9.10 → 22.9.11

package/web/data/sifou-daily.json

@@ -1,47 +1 @@
-[
-  {
-    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
-    "url": "https://segmentfault.com/a/1190000042453662",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 1
-  },
-  {
-    "title": "在 JavaScript 中，什么时候使用 Map 或胜过 Object",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042366094",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "高阶 CSS 技巧在复杂动效中的应用",
-    "description": "最近我在 CodePen 上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了 SVG PATH 实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里 -- CodePen DEMO -- to the future 🍻 ...",
-    "url": "https://segmentfault.com/a/1190000042454840",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "3",
-    "rank": 3
-  },
-  {
-    "title": "2022 Google 谷歌开发者大会亮点抢先看",
-    "description": "2022 Google 开发者大会还有 5 天即将盛大开幕！技术演讲，精彩各异大咖云集，交流探讨科技互动，趣味体验大会亮点剧透提前看来找找你最期待的内容吧！ 观看视频，亮点先睹为快[链接]9 月 14 日大会主旨演讲闪亮...",
-    "url": "https://segmentfault.com/a/1190000042454231",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "初探Groovy",
-    "description": "Groovy 是动态语言，引入很多有意思的特性。如果将Java比喻为楷书，则Groovy是行书，开发效率很高。而且Groovy JDK中包含很多实用工具，开发舒适。",
-    "url": "https://segmentfault.com/a/1190000042453985",
-    "author": "骚铭科技",
-    "home_url": "https://segmentfault.com/u/saoming_zhang",
-    "votes": "1",
-    "rank": 5
-  }
-]
+[]

package/web/data/sifou-monthly.json

@@ -62,15 +62,6 @@
     "votes": "12",
     "rank": 7
   },
-  {
-    "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": 8
-  },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
     "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
@@ -78,7 +69,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -87,7 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -96,7 +87,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -105,6 +96,15 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
+    "rank": 11
+  },
+  {
+    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
+    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
+    "url": "https://segmentfault.com/a/1190000042447341",
+    "author": "dreamapplehappy",
+    "home_url": "https://segmentfault.com/u/dreamapplehappy",
+    "votes": "9",
     "rank": 12
   },
   {
@@ -188,15 +188,6 @@
     "votes": "4",
     "rank": 21
   },
-  {
-    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
-    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
-    "url": "https://segmentfault.com/a/1190000042447341",
-    "author": "dreamapplehappy",
-    "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "8",
-    "rank": 22
-  },
   {
     "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
     "description": "我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：",
@@ -204,16 +195,7 @@
     "author": "Awbeci",
     "home_url": "https://segmentfault.com/u/awbeci",
     "votes": "7",
-    "rank": 23
-  },
-  {
-    "title": "Vue仿钉钉审批流程",
-    "description": "workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...",
-    "url": "https://segmentfault.com/a/1190000042300972",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "7",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "在阿里做前端程序员，我是这样规划的",
@@ -222,7 +204,7 @@
     "author": "大淘宝技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "9",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "精读《SolidJS》",
@@ -231,7 +213,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -240,16 +222,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 27
-  },
-  {
-    "title": "🔬 一文搞懂前端兼容问题",
-    "description": "对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...",
-    "url": "https://segmentfault.com/a/1190000042301384",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "5",
-    "rank": 28
+    "rank": 25
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -258,7 +231,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 29
+    "rank": 26
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -267,6 +240,33 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "3",
+    "rank": 27
+  },
+  {
+    "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": "5",
+    "rank": 28
+  },
+  {
+    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042318628",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
+    "rank": 29
+  },
+  {
+    "title": "拒绝加班:巧用前端电子表格中构建公式树",
+    "description": "还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？",
+    "url": "https://segmentfault.com/a/1190000042377267",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042447341",
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "8",
+    "votes": "9",
     "rank": 1
   },
   {
@@ -17,21 +17,21 @@
     "votes": "5",
     "rank": 2
   },
-  {
-    "title": "CSS transform、transition、animation 指南",
-    "description": "transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...",
-    "url": "https://segmentfault.com/a/1190000042443684",
-    "author": "散一群逗逼",
-    "home_url": "https://segmentfault.com/u/sanyiqundoubi",
-    "votes": "5",
-    "rank": 3
-  },
   {
     "title": "使用 SVG 生成带标识的 favicon",
     "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
     "url": "https://segmentfault.com/a/1190000042435536",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "6",
+    "rank": 3
+  },
+  {
+    "title": "CSS transform、transition、animation 指南",
+    "description": "transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...",
+    "url": "https://segmentfault.com/a/1190000042443684",
+    "author": "散一群逗逼",
+    "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "5",
     "rank": 4
   },
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042432407",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "6",
+    "votes": "7",
     "rank": 5
   },
   {
@@ -50,18 +50,9 @@
     "url": "https://segmentfault.com/a/1190000042443056",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "4",
+    "votes": "5",
     "rank": 6
   },
-  {
-    "title": "开源 api 管理工具 V 1.6.0 发布：切换 Tab 不再担心数据丢失！",
-    "description": "之前有用户反馈为啥我在测试页面想看看文档的字段，回测试数据全给我清空了，是的我承认这体验很差，考虑到后续还要支持多协议，Tab 优化被提上了日程～",
-    "url": "https://segmentfault.com/a/1190000042434013",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
-    "rank": 7
-  },
   {
     "title": "内卷时代下的前端技术-使用JavaScript在浏览器中生成PDF文档",
     "description": "在计量领域中，计量检定是一种重要形式，主要用于评定计量器具的计量性能，确定其量值是否准确一致，实现手段包括计量检验、出具检定证书和加封盖印等。在检定证书这一环节，存在一个难点，就是无法在线预览以及...",
@@ -69,8 +60,26 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "AI数字绘画 stable-diffusion 保姆级教程",
+    "description": "简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...",
+    "url": "https://segmentfault.com/a/1190000042450560",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "3",
     "rank": 8
   },
+  {
+    "title": "开源 api 管理工具 V 1.6.0 发布：切换 Tab 不再担心数据丢失！",
+    "description": "之前有用户反馈为啥我在测试页面想看看文档的字段，回测试数据全给我清空了，是的我承认这体验很差，考虑到后续还要支持多协议，Tab 优化被提上了日程～",
+    "url": "https://segmentfault.com/a/1190000042434013",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
+    "rank": 9
+  },
   {
     "title": "SegmentFault 2022 年社区周报 Vol.8",
     "description": "叮咚，思否喵上线，汇报下本周社区运营情况~本周重点活动：极客观点本轮打卡活动于8月31日正式结束啦，一起来看下优秀奖都有哪些获得者吧~昵称打卡数量极客飞兔111瞿小凯86Gomi79bucai79hevily79完整中奖名单在这...",
@@ -78,15 +87,6 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
-    "rank": 9
-  },
-  {
-    "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": 10
   },
   {
@@ -99,11 +99,11 @@
     "rank": 11
   },
   {
-    "title": "Dockerfile的初次使用",
-    "description": "比如我们在同时编写两个web项目，一个使用数据库为mysql：5.7，另一个使用的数据库为mysql：8.0，但是mysql并不支持同时在本地运行多个版本，那么当我们每次更换项目时都需要删除当前mysql=》安装所需mysql=》重...",
-    "url": "https://segmentfault.com/a/1190000042430705",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "title": "在 Vue 中如何避免在动态绑定 类 出现空 类 的情况?",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042442924",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
     "rank": 12
   },
@@ -117,32 +117,50 @@
     "rank": 13
   },
   {
-    "title": "微信公众号 Markdown 编辑器",
-    "description": "微信公众号文章 Markdown 在线编辑器，使用 markdown 语法创建一篇简介美观大方的微信公众号图文。由于发版本麻烦，和一些功能无法扩展停滞开发了，未来不再开发 Chrome 的插件(暂存在 chrome 分支)，通过 web 版...",
-    "url": "https://segmentfault.com/a/1190000042428168",
-    "author": "小弟调调",
-    "home_url": "https://segmentfault.com/u/ichu",
-    "votes": "2",
+    "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": 14
   },
   {
-    "title": "都2022年了，实时更新数据你还只会用短轮询?",
-    "description": "在我们的日常工作中，我们往往会遇到客户端需要实时获取服务端最新数据的场景，例如聊天系统(WeChat/Telegram)，股票行情查看软件(同花顺/富途)，feed推送系统(Twitter/微博)等等。在实现这些需求的时候，我们的...",
-    "url": "https://segmentfault.com/a/1190000042431528",
-    "author": "进击的大葱",
-    "home_url": "https://segmentfault.com/u/jinjidedacong",
-    "votes": "1",
+    "title": "Dockerfile的初次使用",
+    "description": "比如我们在同时编写两个web项目，一个使用数据库为mysql：5.7，另一个使用的数据库为mysql：8.0，但是mysql并不支持同时在本地运行多个版本，那么当我们每次更换项目时都需要删除当前mysql=》安装所需mysql=》重...",
+    "url": "https://segmentfault.com/a/1190000042430705",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "3",
     "rank": 15
   },
   {
-    "title": "K8S 生态周报| Kubernetes v1.25.0 正式发布，新特性一览",
-    "description": "大家好，我是张晋涛。Kubernetes 正式发布了，包含了 40 项目增强更新。本次 LOGO 的主要表达的意思是 尊重协作和开放的精神 ，这种精神将我们凝聚到一起转变为能改变世界的力量。其实我每期的 「k8s生态周报」都...",
-    "url": "https://segmentfault.com/a/1190000042437197",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "1",
+    "title": "终于实现了一门属于自己的编程语言",
+    "description": "都说程序员的三大浪漫是：操作系统、编译原理、图形学；最后的图形学确实是特定的专业领域，我们几乎接触不到，所以对我来说换成网络更合适一些，最后再加上一个数据库。",
+    "url": "https://segmentfault.com/a/1190000042442712",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "2",
     "rank": 16
   },
+  {
+    "title": "package.json中的字段详解(来自于官方文档)",
+    "description": "module //定义主要入口点，专门为esm 提供，目的时 tree-shaking，没有时，找mainmain //定义主要入口点， esm和cjs提供。exports //定义多个入口点（推荐使用），优先级比上面两个高。为esm和cjs提供，在引入exp...",
+    "url": "https://segmentfault.com/a/1190000042435553",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "2",
+    "rank": 17
+  },
+  {
+    "title": "深入理解JavaScript-原型",
+    "description": "这篇文章将尝试回答这些问题：原型是什么为什么要有原型prototype 和 __proto__ 有什么区别原型链又是什么原型是如何实现继承的原型和原型链的关系如何概述首先，JavaScript 是基于原型继承（Prototypal inherita...",
+    "url": "https://segmentfault.com/a/1190000042441112",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "3",
+    "rank": 18
+  },
   {
     "title": "手把手教你 Spring Boot 整合 Reactor",
     "description": "Reactor 是一个完全非阻塞的 JVM 响应式编程基础，有着高效的需求管理（背压的形式）。它直接整合 Java8 的函数式 API，尤其是 CompletableFuture， Stream，还有 Duration 。提供了可组合的异步化序列 API — Flu...",
@@ -150,25 +168,25 @@
     "author": "六七十三",
     "home_url": "https://segmentfault.com/u/prepared",
     "votes": "1",
-    "rank": 17
+    "rank": 19
   },
   {
-    "title": "在 Vue 中如何避免在动态绑定 类 出现空 类 的情况?",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042442924",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 18
+    "title": "都2022年了，实时更新数据你还只会用短轮询?",
+    "description": "在我们的日常工作中，我们往往会遇到客户端需要实时获取服务端最新数据的场景，例如聊天系统(WeChat/Telegram)，股票行情查看软件(同花顺/富途)，feed推送系统(Twitter/微博)等等。在实现这些需求的时候，我们的...",
+    "url": "https://segmentfault.com/a/1190000042431528",
+    "author": "进击的大葱",
+    "home_url": "https://segmentfault.com/u/jinjidedacong",
+    "votes": "1",
+    "rank": 20
   },
   {
-    "title": "精读《依赖注入简介》",
-    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
-    "url": "https://segmentfault.com/a/1190000042431264",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "K8S 生态周报| Kubernetes v1.25.0 正式发布，新特性一览",
+    "description": "大家好，我是张晋涛。Kubernetes 正式发布了，包含了 40 项目增强更新。本次 LOGO 的主要表达的意思是 尊重协作和开放的精神 ，这种精神将我们凝聚到一起转变为能改变世界的力量。其实我每期的 「k8s生态周报」都...",
+    "url": "https://segmentfault.com/a/1190000042437197",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
     "votes": "1",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "PHP-Parser 应用之扫描发现代码中的打印、输出结构语句",
@@ -177,16 +195,7 @@
     "author": "guanguans",
     "home_url": "https://segmentfault.com/u/guanguans",
     "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "字节跳动：不会大规模裁员；黑客窃取 LastPass 源代码；GitHub 即将下线 Trending 趋势功能｜ 思否周刊",
-    "description": "40s 新闻速递字节跳动全员会：没有上市计划，不会大规模裁员苹果面向开发者推出 Xcode Cloud 订阅服务，每月 49.99 美元起微软将优化 Win11 SMB 压缩，减少文件传输时间黑客窃取 LastPass 源代码微软“砍刀部”动手...",
-    "url": "https://segmentfault.com/a/1190000042424962",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "2",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "最新抖音数据分析app爬虫",
@@ -195,7 +204,16 @@
     "author": "平果",
     "home_url": "https://segmentfault.com/u/pingguo_62091d03673de",
     "votes": "1",
-    "rank": 22
+    "rank": 23
+  },
+  {
+    "title": "精读《依赖注入简介》",
+    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
+    "url": "https://segmentfault.com/a/1190000042431264",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
+    "rank": 24
   },
   {
     "title": "为什么Vue（默认情况下）比React性能更好",
@@ -204,16 +222,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "package.json中的字段详解(来自于官方文档)",
-    "description": "module //定义主要入口点，专门为esm 提供，目的时 tree-shaking，没有时，找mainmain //定义主要入口点， esm和cjs提供。exports //定义多个入口点（推荐使用），优先级比上面两个高。为esm和cjs提供，在引入exp...",
-    "url": "https://segmentfault.com/a/1190000042435553",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "1",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "TypeScript 中  unknown 与 any 有啥区别",
@@ -222,16 +231,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 25
+    "rank": 26
   },
   {
-    "title": "使用Jenkins优雅部署Java项目【超级详细的实战教程】",
-    "description": "环境准备centos 7Java 1.8Maven 3.6.3Docker 20.10.17Gitlab gitlab-ce:14.0.5-ce.0Jenkins 2.60.3（强烈建议，其他版本有坑）Jenkins相关依赖环境安装Java环境安装虽然我们是采用docker的方式安装Jenkins，所有...",
-    "url": "https://segmentfault.com/a/1190000042430957",
-    "author": "李博帅",
-    "home_url": "https://segmentfault.com/u/liboshuai",
-    "votes": "1",
-    "rank": 26
+    "title": "CommonJS模块 和 ECMAScript模块（来自官方文档）",
+    "description": "CommonJS模块(下面简称 cjs) 是为Node.js打包JavaScript代码的原始方法。使用 require 和 exports（module.exports的简写） 语句定义模块。 参见 nodejs cjsECMAScript模块(下面简称 esm)是ecma262标准下封装的Ja...",
+    "url": "https://segmentfault.com/a/1190000042443391",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "2",
+    "rank": 27
   },
   {
     "title": "pip安装更换镜像",
@@ -240,32 +249,23 @@
     "author": "代码的路",
     "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "1",
-    "rank": 27
-  },
-  {
-    "title": "深入理解JavaScript-原型",
-    "description": "这篇文章将尝试回答这些问题：原型是什么为什么要有原型prototype 和 __proto__ 有什么区别原型链又是什么原型是如何实现继承的原型和原型链的关系如何概述首先，JavaScript 是基于原型继承（Prototypal inherita...",
-    "url": "https://segmentfault.com/a/1190000042441112",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
     "rank": 28
   },
   {
-    "title": "elementui源码学习之仿写一个el-switch",
-    "description": "本篇文章记录仿写一个el-switch组件细节，从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章，后续空闲了会不断更新并仿写其他组件。源码在github上，大家可以...",
-    "url": "https://segmentfault.com/a/1190000042428063",
-    "author": "水冗水孚",
-    "home_url": "https://segmentfault.com/u/shuirongshui",
+    "title": "使用Jenkins优雅部署Java项目【超级详细的实战教程】",
+    "description": "环境准备centos 7Java 1.8Maven 3.6.3Docker 20.10.17Gitlab gitlab-ce:14.0.5-ce.0Jenkins 2.60.3（强烈建议，其他版本有坑）Jenkins相关依赖环境安装Java环境安装虽然我们是采用docker的方式安装Jenkins，所有...",
+    "url": "https://segmentfault.com/a/1190000042430957",
+    "author": "李博帅",
+    "home_url": "https://segmentfault.com/u/liboshuai",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "好家伙！核酸系统崩溃，整个成都都在等东软！",
-    "description": "好家伙，我直呼好家伙，今天晚上，成都核酸系统崩溃，东软直接冲到热搜第一！虽然后面好像被撤掉了，然后又被成都的兄弟们给喷上了热搜。你问我为什么核酸系统崩了，东软冲上热搜了，别怀疑，你猜的是对的！系统...",
-    "url": "https://segmentfault.com/a/1190000042427105",
-    "author": "Java架构师",
-    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
+    "title": "大家都能看得懂的源码之 ahooks useVirtualList 封装虚拟滚动列表",
+    "description": "本文是深入浅出 ahooks 源码系列文章的第十八篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。简介提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题...",
+    "url": "https://segmentfault.com/a/1190000042447474",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "1",
     "rank": 30
   }