@wcj/github-rank 22.4.13 → 22.4.14

package/web/data/sifou-daily.json

@@ -1,56 +1,74 @@
 [
   {
-    "title": "不借助 Javascript，利用 SVG 快速构建马赛克效果",
-    "description": "之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...",
-    "url": "https://segmentfault.com/a/1190000041690130",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "4",
+    "title": "轻量迅捷时代，Vite 与Webpack 谁赢谁输",
+    "description": "Webpack是一个JavaScript应用程序的静态模块打包工具，它会对整个应用程序进行依赖关系图构建。而这也会导致一个不可避免的情况，使用Webpack启动应用程序的服务器，会花费比较长的时间——一些大型应用程序可能需...",
+    "url": "https://segmentfault.com/a/1190000041696911",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "冴羽答读者问：怎么才能像你一样写文章如喝水？",
-    "description": "我想可能是这几个月，更新的速度太快了一点，自元旦起，到今天 4 月 11 日，已经过去了 101天，而我已经发了 31 篇文章，平均 3.3 天一篇，当然这只是发布的，如果不是微信公众号每天只能发一篇，以及周五、周末...",
-    "url": "https://segmentfault.com/a/1190000041693522",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "2",
+    "title": "正则表达式提取 git 提交记录中的新增代码行",
+    "description": "最近有小伙伴提了个需求，想用正则表达式从一段 git 提交记录中提取出具体更新了哪些代码，简单来说就是 commit diff 展示的代码，需要把 代码前面带 + 和 - 的行剥离出来。",
+    "url": "https://segmentfault.com/a/1190000041697857",
+    "author": "Dushusir",
+    "home_url": "https://segmentfault.com/u/dushusir",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "写给“未来的”基础组件库",
-    "description": "这是一篇不知道题目该是啥的竟品调研文章。最近调研了几个国外优秀的开源组件库，一个是为了之后可能做基础组件库做技术储备，另一个是为了跳出国内 antd 的“舒适圈”，看看对于组件库来说国外的团队是如何设计的。",
-    "url": "https://segmentfault.com/a/1190000041691150",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
+    "title": "一个小目标的达成——Milvus 10,000 星！",
+    "description": "近日，开源项目 Milvus 在向量数据库征程上取得了新的里程碑——GitHub 10,000 星。虽然我们认为 star 数不是评价开源项目质量的唯一标准，但还是感谢每一位通过点星来支持 Milvus 项目的开发者。",
+    "url": "https://segmentfault.com/a/1190000041695335",
+    "author": "Zilliz",
+    "home_url": "https://segmentfault.com/u/zilliz",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "KubeVela v1.3 多集群初体验，轻松管理应用分发和差异化配置",
-    "description": "KubeVela v1.3 在之前的多集群功能上进行了迭代，本文将为你揭示，如何使用 KubeVela 进行多集群应用的部署与管理，实现以上的业务需求。",
-    "url": "https://segmentfault.com/a/1190000041693397",
-    "author": "阿里巴巴云原生",
-    "home_url": "https://segmentfault.com/u/alixitongruanjianjishu",
+    "title": "办公自动化：Image图片转换成PDF文档存储",
+    "description": "实现图片转换成PDF文档的操作方法有很多，综合对比以后感觉fpdf这个模块用起来比较方便而且代码量相当少。【阅读全文】安装的方式很常规，直接使用pip安装就行了。 {代码...} 将需要使用的三方模块导入进来 {代码...",
+    "url": "https://segmentfault.com/a/1190000041699415",
+    "author": "Python集中营",
+    "home_url": "https://segmentfault.com/u/kuqidequantou",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "后端学习值得收藏的一些开源电子书",
-    "description": "这是龙芯团队胡伟武老师等人编写的《计算机体系结构基础》（第三版）的开源版本。胡伟武是著名的计算机领域专家，任龙芯中科技术有限公司董事长，也是我国第一颗通用处理器龙芯的总设计师。",
-    "url": "https://segmentfault.com/a/1190000041691470",
-    "author": "LeanCloud",
-    "home_url": "https://segmentfault.com/u/leancloud",
-    "votes": "2",
+    "title": "Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹",
+    "description": "在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...",
+    "url": "https://segmentfault.com/a/1190000041696066",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "解析分布式系统的缓存设计",
-    "description": "一、缓存简介1.1 什么是缓存缓存就是数据交换的缓冲区。缓存的本质是一个内存 Hash。缓存是一种利用空间换时间的设计，其目标就是更快、更近：极大的提高。将数据写入/读取速度更快的存储（设备）；将数据缓存到...",
-    "url": "https://segmentfault.com/a/1190000041689802",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "推荐个我在用的免费翻译软件，支持多家翻译API整合",
+    "description": "前段时间发了个关于《Spring支持PHP》的视频：点击查看然后有小伙伴留言说：“你这个翻译好像很好用的样子”。的确，我自己也觉得很好用。之前视频没看过的不知道是哪个，可以通过截图简单了解下：基本操作就是选中...",
+    "url": "https://segmentfault.com/a/1190000041695503",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
     "votes": "1",
     "rank": 6
+  },
+  {
+    "title": "七天实现web框架--上下文建立",
+    "description": "在书写web应用的时候，我们使用原始的库的时候，其中接受请求信息和返回的消息体是单独的存在，然后这样就会导致我们书写很多冗余的代码，然后在返回的时候我们需要返回json这个时候如果使用原生的库这个时候我们...",
+    "url": "https://segmentfault.com/a/1190000041697526",
+    "author": "BytesLzz",
+    "home_url": "https://segmentfault.com/u/byteslzz",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "初看满头问号，看懂直接跪下！",
+    "description": "你好呀，我是歪歪。我最近在 stackoverflow 上看到一段代码，怎么说呢。就是初看一脸懵逼，看懂直接跪下！我先带你看看 stackoverflow 上的这个问题是啥，然后引出这段代码：[链接]问题特别简单，就一句话：谁能...",
+    "url": "https://segmentfault.com/a/1190000041696508",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "62",
+    "votes": "63",
     "rank": 1
   },
   {
@@ -35,14 +35,32 @@
     "votes": "25",
     "rank": 4
   },
+  {
+    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
+    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
+    "url": "https://segmentfault.com/a/1190000041679573",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "26",
+    "rank": 5
+  },
   {
     "title": "CSS 也能自动补全字符串？",
     "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
     "url": "https://segmentfault.com/a/1190000041580205",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "27",
-    "rank": 5
+    "votes": "28",
+    "rank": 6
+  },
+  {
+    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
+    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
+    "url": "https://segmentfault.com/a/1190000041661094",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "25",
+    "rank": 7
   },
   {
     "title": "5种限流算法，7种限流方式，挡住突发流量？",
@@ -51,7 +69,25 @@
     "author": "程序猿阿朗",
     "home_url": "https://segmentfault.com/u/niumoo",
     "votes": "25",
-    "rank": 6
+    "rank": 8
+  },
+  {
+    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
+    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
+    "url": "https://segmentfault.com/a/1190000041634906",
+    "author": "WonderfulSoap",
+    "home_url": "https://segmentfault.com/u/wonderfulsoap",
+    "votes": "25",
+    "rank": 9
+  },
+  {
+    "title": "巧用 background-clip 实现超强的文字动效",
+    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
+    "url": "https://segmentfault.com/a/1190000041666096",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "29",
+    "rank": 10
   },
   {
     "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
@@ -60,34 +96,16 @@
     "author": "前端私教年年",
     "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
     "votes": "23",
-    "rank": 7
-  },
-  {
-    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
-    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
-    "url": "https://segmentfault.com/a/1190000041679573",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "22",
-    "rank": 8
-  },
-  {
-    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
-    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
-    "url": "https://segmentfault.com/a/1190000041661094",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "rank": 9
+    "rank": 11
   },
   {
-    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
-    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
-    "url": "https://segmentfault.com/a/1190000041634906",
-    "author": "WonderfulSoap",
-    "home_url": "https://segmentfault.com/u/wonderfulsoap",
+    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
+    "url": "https://segmentfault.com/a/1190000041683548",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
     "votes": "23",
-    "rank": 10
+    "rank": 12
   },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
@@ -96,16 +114,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "24",
-    "rank": 11
-  },
-  {
-    "title": "巧用 background-clip 实现超强的文字动效",
-    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
-    "url": "https://segmentfault.com/a/1190000041666096",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "我们是如何解决偶发性的502错误的",
@@ -114,34 +123,16 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "14",
-    "rank": 13
-  },
-  {
-    "title": "大裁员下，程序员如何做“副业”？",
-    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
-    "url": "https://segmentfault.com/a/1190000041627230",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "19",
     "rank": 14
   },
-  {
-    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041559888",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
-    "rank": 15
-  },
   {
     "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
     "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
     "url": "https://segmentfault.com/a/1190000041586984",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "17",
-    "rank": 16
+    "votes": "19",
+    "rank": 15
   },
   {
     "title": "Offer 提速：如何写出有亮点的简历",
@@ -149,26 +140,26 @@
     "url": "https://segmentfault.com/a/1190000041634339",
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "19",
-    "rank": 17
+    "votes": "21",
+    "rank": 16
   },
   {
-    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
-    "url": "https://segmentfault.com/a/1190000041683548",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "20",
-    "rank": 18
+    "title": "大裁员下，程序员如何做“副业”？",
+    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
+    "url": "https://segmentfault.com/a/1190000041627230",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "19",
+    "rank": 17
   },
   {
-    "title": "2022招聘季｜如何写一份好的前端面试简历?",
-    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
-    "url": "https://segmentfault.com/a/1190000041542431",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
+    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041559888",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
@@ -176,8 +167,8 @@
     "url": "https://segmentfault.com/a/1190000041668070",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "13",
-    "rank": 20
+    "votes": "15",
+    "rank": 19
   },
   {
     "title": "老板让我 7 天研究一个 Plausible 统计",
@@ -186,7 +177,7 @@
     "author": "kumfo",
     "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "12",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "17 个实用的图像特效库",
@@ -195,6 +186,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
+    "rank": 21
+  },
+  {
+    "title": "搭建 VuePress 站点必做的 10 个优化",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
+    "url": "https://segmentfault.com/a/1190000041593877",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "14",
     "rank": 22
   },
   {
@@ -233,15 +233,6 @@
     "votes": "15",
     "rank": 26
   },
-  {
-    "title": "搭建 VuePress 站点必做的 10 个优化",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
-    "url": "https://segmentfault.com/a/1190000041593877",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "13",
-    "rank": 27
-  },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
     "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
@@ -249,16 +240,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 28
-  },
-  {
-    "title": "什么是 LRU 算法？",
-    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
-    "url": "https://segmentfault.com/a/1190000041542627",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
-    "votes": "10",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -267,6 +249,24 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
+    "rank": 28
+  },
+  {
+    "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
+    "description": "现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。",
+    "url": "https://segmentfault.com/a/1190000041640722",
+    "author": "Asheng",
+    "home_url": "https://segmentfault.com/u/ashengtan",
+    "votes": "12",
+    "rank": 29
+  },
+  {
+    "title": "数据库与缓存双写一致性",
+    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
+    "url": "https://segmentfault.com/a/1190000041576417",
+    "author": "超大只乌龟",
+    "home_url": "https://segmentfault.com/u/chenwugui",
+    "votes": "13",
     "rank": 30
   }
 ]