@wcj/github-rank 22.7.18 → 22.7.21

package/web/data/sifou-daily.json

@@ -1,29 +1,74 @@
 [
   {
-    "title": "4、SpringBoot嵌入式Servlet容器",
-    "description": "1、切换嵌入式Servlet容器默认支持的web服务器webServer： {代码...} 切换服务器（可以切换四种） {代码...} 原理SpringBoot应用启动发现当前是Web应用。因为导了web场景包，它里面也导入tomcatweb应用会创建一个...",
-    "url": "https://segmentfault.com/a/1190000042182923",
-    "author": "無題",
-    "home_url": "https://segmentfault.com/u/zhi_hua",
-    "votes": "1",
+    "title": "SegmentFault 思否技术周刊 -- 日常使用 Git，这些问题你遇到过吗？",
+    "description": "Git 的诞生是一个非常有趣的故事。1991年 Linus 开源了 Linux 内核，无数 Linux 爱好者在世界各地为 Linux 编写代码，那么问题来了，这些代码该如何管理呢？起初 Linus 使用 BitKeeper(BitMover 公司的版本控制软...",
+    "url": "https://segmentfault.com/a/1190000042196077",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "这些年我开源的几个小项目",
-    "description": "笔者是一个平平无奇的前端打工人，没有参与过啥热门开源项目的共建，所以每次说自己热爱开源都很心虚，充其量就是热爱使用开源项目，不过这两年来也陆续做了几个小项目，虽然只有时不时的来几个star，不过也给我...",
-    "url": "https://segmentfault.com/a/1190000042182672",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "title": "即将开幕！XDC 2022 亮点全揭晓！",
+    "description": "历经 4 个月的精心打磨，连接中外技术生态，与上百位海内外技术专家深度交流，在 120 多个充满着不确定性的日夜中找寻着确定，只为了 7 月 22、23 日 2 天的精彩绽放。如今，第二届稀土开发者大会(XDC 2022)终于...",
+    "url": "https://segmentfault.com/a/1190000042195964",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "@Transactional 四种不生效的 case 分析",
-    "description": "在我们工作中，经常会用到 @Transactional 声明事务，不正确的使用姿势会导致注解失效，下面就来分析四种最常见的@Transactional事务不生效的 Case：",
-    "url": "https://segmentfault.com/a/1190000042183343",
-    "author": "skyarthur",
-    "home_url": "https://segmentfault.com/u/skyarthur",
+    "title": "SiamRPN++：深层网络连体视觉跟踪的演变",
+    "description": "基于孪生网络的跟踪器将跟踪表述为目标模板和搜索区域之间的卷积特征互相关。然而孪生网络的算法不能利用来自深层网络（如 resnet-50或更深层）的特征，与先进的算法相比仍然有差距。",
+    "url": "https://segmentfault.com/a/1190000042195741",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "1",
     "rank": 3
+  },
+  {
+    "title": "搭建前端监控，采集用户行为的 N 种姿势",
+    "description": "上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。",
+    "url": "https://segmentfault.com/a/1190000042194426",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "插件机制，能让开源的 api 管理工具使用更简单么？",
+    "description": "API 管理工具，基本的功能是文档和测试，但如果 API 管理工具也能安装插件，任何你想要的 API 管理相关的其他功能都可以通过安装插件来满足，是不是就很酷呢？",
+    "url": "https://segmentfault.com/a/1190000042198163",
+    "author": "气势凌人的柿子",
+    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "切换测试环境而已，真的不需要那么麻烦",
+    "description": "前面我们都在讲接口测试、接口文档，这一期讲讲如何切换测试环境。设置 API 的请求地址前缀、全局变量信息。在测试时，可以一键切换测试环境而不需要手动输入域名。我们可以通过环境下拉框新增环境。我们可以通过...",
+    "url": "https://segmentfault.com/a/1190000042197403",
+    "author": "气势凌人的柿子",
+    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "写一个新的接口之前，我通常会思考这几个问题",
+    "description": "我在开始一个新的接口之前，需要进行以下判断：请求协议是不是 HTTP、https?请求体和响应格式是什么（XML、JSON、FormData、Raw）?API 是不是 RESTful 风格？如果上面三个问题的答案都清楚了，就可以开始新增一个...",
+    "url": "https://segmentfault.com/a/1190000042196021",
+    "author": "气势凌人的柿子",
+    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "搞懂虚拟 DOM 看这一篇就够了",
+    "description": "React 和 Vue 中都有虚拟 DOM，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue 就是借...",
+    "url": "https://segmentfault.com/a/1190000042195199",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "34",
+    "votes": "36",
     "rank": 1
   },
   {
@@ -14,18 +14,9 @@
     "url": "https://segmentfault.com/a/1190000042070334",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
+    "votes": "26",
     "rank": 2
   },
-  {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "22",
-    "rank": 3
-  },
   {
     "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
     "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
@@ -33,7 +24,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "20",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "如何移除你项目中99%的JS代码",
@@ -42,7 +33,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "18",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "switch 有四样写法你知道么",
@@ -51,6 +42,15 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "16",
+    "rank": 5
+  },
+  {
+    "title": "叮~您有一封Vue.js挑战邀请函,请查收",
+    "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
+    "url": "https://segmentfault.com/a/1190000042064246",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "14",
     "rank": 6
   },
   {
@@ -63,12 +63,12 @@
     "rank": 7
   },
   {
-    "title": "叮~您有一封Vue.js挑战邀请函,请查收",
-    "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
-    "url": "https://segmentfault.com/a/1190000042064246",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "13",
+    "title": "利用噪声构建美妙的 CSS 图形",
+    "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
+    "url": "https://segmentfault.com/a/1190000042103702",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
     "rank": 8
   },
   {
@@ -98,14 +98,23 @@
     "votes": "12",
     "rank": 11
   },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
+    "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
+    "url": "https://segmentfault.com/a/1190000042048392",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "11",
+    "rank": 12
+  },
   {
     "title": "动画合成小技巧！CSS 实现动感的倒计时效果",
     "description": "欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...",
     "url": "https://segmentfault.com/a/1190000042094549",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
-    "rank": 12
+    "votes": "16",
+    "rank": 13
   },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
@@ -114,26 +123,8 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 13
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
-    "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
-    "url": "https://segmentfault.com/a/1190000042048392",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "9",
     "rank": 14
   },
-  {
-    "title": "利用噪声构建美妙的 CSS 图形",
-    "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
-    "url": "https://segmentfault.com/a/1190000042103702",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "9",
-    "rank": 15
-  },
   {
     "title": "PHP后端面试85问",
     "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
@@ -141,6 +132,15 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "9",
+    "rank": 15
+  },
+  {
+    "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
+    "description": "Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。",
+    "url": "https://segmentfault.com/a/1190000042059652",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
+    "votes": "12",
     "rank": 16
   },
   {
@@ -153,32 +153,23 @@
     "rank": 17
   },
   {
-    "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
-    "description": "Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。",
-    "url": "https://segmentfault.com/a/1190000042059652",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "10",
+    "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
+    "description": "先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...",
+    "url": "https://segmentfault.com/a/1190000042093955",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
+    "votes": "6",
     "rank": 18
   },
   {
-    "title": "Sass应用之实现主题切换",
-    "description": "实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。",
-    "url": "https://segmentfault.com/a/1190000042003368",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "7",
+    "title": "CSS color-scheme 和夜间模式",
+    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
+    "url": "https://segmentfault.com/a/1190000042184163",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "10",
     "rank": 19
   },
-  {
-    "title": "玩转 AbortController 控制器",
-    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
-    "url": "https://segmentfault.com/a/1190000042001788",
-    "author": "jump__jump",
-    "home_url": "https://segmentfault.com/u/jump_and_jump",
-    "votes": "6",
-    "rank": 20
-  },
   {
     "title": "esbuild 构建油猴脚本",
     "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
@@ -186,6 +177,15 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "6",
+    "rank": 20
+  },
+  {
+    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
+    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
+    "url": "https://segmentfault.com/a/1190000042094334",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "5",
     "rank": 21
   },
   {
@@ -206,15 +206,6 @@
     "votes": "7",
     "rank": 23
   },
-  {
-    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
-    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
-    "url": "https://segmentfault.com/a/1190000042094334",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "5",
-    "rank": 24
-  },
   {
     "title": "几百行代码实现一个 JSON 解析器",
     "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
@@ -222,7 +213,7 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "5",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
@@ -231,16 +222,7 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "7",
-    "rank": 26
-  },
-  {
-    "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
-    "description": "先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...",
-    "url": "https://segmentfault.com/a/1190000042093955",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "5",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
@@ -249,6 +231,24 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
+    "rank": 26
+  },
+  {
+    "title": "Nginx部署配置",
+    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
+    "url": "https://segmentfault.com/a/1190000042089218",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "5",
+    "rank": 27
+  },
+  {
+    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042092852",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "8",
     "rank": 28
   },
   {