@wcj/github-rank 22.4.12 → 22.4.13

package/dist/sifou-daily.json

@@ -1,74 +1,56 @@
 [
   {
-    "title": "墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码",
-    "description": "4 月 11 日，墨菲安全正式发布了其开源软件安全检测工具——murphysec 。据悉，该项目集合了易用、专业、创新等优势，意在帮助每一位开发者更安全的使用开源代码。",
-    "url": "https://segmentfault.com/a/1190000041684916",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "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",
     "rank": 1
   },
   {
-    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
-    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
-    "url": "https://segmentfault.com/a/1190000041686261",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "7",
+    "title": "冴羽答读者问：怎么才能像你一样写文章如喝水？",
+    "description": "我想可能是这几个月，更新的速度太快了一点，自元旦起，到今天 4 月 11 日，已经过去了 101天，而我已经发了 31 篇文章，平均 3.3 天一篇，当然这只是发布的，如果不是微信公众号每天只能发一篇，以及周五、周末...",
+    "url": "https://segmentfault.com/a/1190000041693522",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "笔试算法题总结",
-    "description": "hashmap的原理这里不再讲述，不知道的小伙伴可以看这篇文章。Hash与HashMaphashmap数据结构的引入能帮助我们将O(n)的时间复杂度降低为O（1）的时间复杂度，代价是使用了O（n）的空间复杂度。这么一看好像功过参半...",
-    "url": "https://segmentfault.com/a/1190000041688073",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "4",
+    "title": "写给“未来的”基础组件库",
+    "description": "这是一篇不知道题目该是啥的竟品调研文章。最近调研了几个国外优秀的开源组件库，一个是为了之后可能做基础组件库做技术储备，另一个是为了跳出国内 antd 的“舒适圈”，看看对于组件库来说国外的团队是如何设计的。",
+    "url": "https://segmentfault.com/a/1190000041691150",
+    "author": "玩弄心里的鬼",
+    "home_url": "https://segmentfault.com/u/lizongyuan",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "异步验证器防抖的补充 以及 记录动态组件遇到的问题",
-    "description": "补充这里对上文的异步验证器防抖做一点补充。[链接] {代码...} 上文的最后提到，发现这种写法可以。经过老师的判断后，发现几种写法的关键在于一个问题：每次获得新值的时候，fromControl是否会取消对上一个数据...",
-    "url": "https://segmentfault.com/a/1190000041688103",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
-    "rank": 4
-  },
-  {
-    "title": "打造轻量级 WebIDE，看这一篇文章就够啦",
-    "description": "目前团队正在着手搭建低代码平台，该平台将支持 LowCode/ProCode 双模式在线开发，而 ProCode 场景便需要一个功能相对完备的运行在浏览器的 WebIDE。同时考虑到未来可能的一些区块代码平台的需求，将 WebIDE 模块...",
-    "url": "https://segmentfault.com/a/1190000041686221",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
+    "title": "KubeVela v1.3 多集群初体验，轻松管理应用分发和差异化配置",
+    "description": "KubeVela v1.3 在之前的多集群功能上进行了迭代，本文将为你揭示，如何使用 KubeVela 进行多集群应用的部署与管理，实现以上的业务需求。",
+    "url": "https://segmentfault.com/a/1190000041693397",
+    "author": "阿里巴巴云原生",
+    "home_url": "https://segmentfault.com/u/alixitongruanjianjishu",
     "votes": "1",
-    "rank": 5
+    "rank": 4
   },
   {
-    "title": "了解一下 ::target-text 选择器",
-    "description": "欢迎关注我的公众号：前端侦探最近在 MDN 官网看到了一个从未见过的选择器，::target-text。简单研究了一下，觉得还有点意思，也有点实际用处，现在分享一下。一、::target-text 是干什么的想必大家都用过:target...",
-    "url": "https://segmentfault.com/a/1190000041685048",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "后端学习值得收藏的一些开源电子书",
+    "description": "这是龙芯团队胡伟武老师等人编写的《计算机体系结构基础》（第三版）的开源版本。胡伟武是著名的计算机领域专家，任龙芯中科技术有限公司董事长，也是我国第一颗通用处理器龙芯的总设计师。",
+    "url": "https://segmentfault.com/a/1190000041691470",
+    "author": "LeanCloud",
+    "home_url": "https://segmentfault.com/u/leancloud",
     "votes": "2",
-    "rank": 6
+    "rank": 5
   },
   {
-    "title": "在线CSV转JSON工具",
-    "description": "CSV To JSON Converter 在线将 CSV 数据转换为 JSON。灵活的选项，允许你编辑转换后的 JSON/XML 文件。CSV To JSON Converter 在线将 CSV 数据转换为 JSON。灵活的选项，允许你编辑转换后的 JSON/XML 文件。",
-    "url": "https://segmentfault.com/a/1190000041688715",
-    "author": "入门小站",
-    "home_url": "https://segmentfault.com/u/rumenz",
+    "title": "解析分布式系统的缓存设计",
+    "description": "一、缓存简介1.1 什么是缓存缓存就是数据交换的缓冲区。缓存的本质是一个内存 Hash。缓存是一种利用空间换时间的设计，其目标就是更快、更近：极大的提高。将数据写入/读取速度更快的存储（设备）；将数据缓存到...",
+    "url": "https://segmentfault.com/a/1190000041689802",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "告别收费BI!如何自己动手做一个免费的可视化数据报表还支持文档在线预览？",
-    "description": "本人大学刚毕业目前在一家互联网公司从事产品运营工作，一季度刚过，公司需要我出一份产品运营数据报表，由于产品用户数据、订单数据等数据量太大，我希望找一款Bi产品，支持我做出一个精美的可视化报表，还可以...",
-    "url": "https://segmentfault.com/a/1190000041685816",
-    "author": "徐骏",
-    "home_url": "https://segmentfault.com/u/xujun_6253b72d8cc31",
-    "votes": "4",
-    "rank": 8
+    "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "60",
+    "votes": "62",
     "rank": 1
   },
   {
@@ -17,6 +17,15 @@
     "votes": "46",
     "rank": 2
   },
+  {
+    "title": "神奇的 CSS，让文字智能适配背景颜色",
+    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
+    "url": "https://segmentfault.com/a/1190000041556519",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "33",
+    "rank": 3
+  },
   {
     "title": "一个小厂前端 Leader 如何筛选候选人？",
     "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
@@ -24,15 +33,6 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "25",
-    "rank": 3
-  },
-  {
-    "title": "神奇的 CSS，让文字智能适配背景颜色",
-    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
-    "url": "https://segmentfault.com/a/1190000041556519",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "32",
     "rank": 4
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000041580205",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
+    "votes": "27",
     "rank": 5
   },
   {
@@ -62,14 +62,32 @@
     "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
+  },
   {
     "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": "22",
-    "rank": 8
+    "votes": "23",
+    "rank": 10
   },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
@@ -78,16 +96,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "24",
-    "rank": 9
-  },
-  {
-    "title": "我们是如何解决偶发性的502错误的",
-    "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
-    "url": "https://segmentfault.com/a/1190000041651450",
-    "author": "张京",
-    "home_url": "https://segmentfault.com/u/fengerzh",
-    "votes": "14",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "巧用 background-clip 实现超强的文字动效",
@@ -95,17 +104,17 @@
     "url": "https://segmentfault.com/a/1190000041666096",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
-    "rank": 11
+    "votes": "24",
+    "rank": 12
   },
   {
-    "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": "18",
-    "rank": 12
+    "title": "我们是如何解决偶发性的502错误的",
+    "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
+    "url": "https://segmentfault.com/a/1190000041651450",
+    "author": "张京",
+    "home_url": "https://segmentfault.com/u/fengerzh",
+    "votes": "14",
+    "rank": 13
   },
   {
     "title": "大裁员下，程序员如何做“副业”？",
@@ -114,7 +123,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "这 16 个 CSS 伪类，助你提升布局效率！",
@@ -123,7 +132,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
@@ -132,7 +141,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "17",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "Offer 提速：如何写出有亮点的简历",
@@ -140,8 +149,17 @@
     "url": "https://segmentfault.com/a/1190000041634339",
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "18",
-    "rank": 16
+    "votes": "19",
+    "rank": 17
+  },
+  {
+    "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": "2022招聘季｜如何写一份好的前端面试简历?",
@@ -150,7 +168,16 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "18",
-    "rank": 17
+    "rank": 19
+  },
+  {
+    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
+    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
+    "url": "https://segmentfault.com/a/1190000041668070",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "13",
+    "rank": 20
   },
   {
     "title": "老板让我 7 天研究一个 Plausible 统计",
@@ -159,7 +186,7 @@
     "author": "kumfo",
     "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "12",
-    "rank": 18
+    "rank": 21
   },
   {
     "title": "17 个实用的图像特效库",
@@ -168,7 +195,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
-    "rank": 19
+    "rank": 22
   },
   {
     "title": "招聘季有奖征文活动丨面试趣事等你分享",
@@ -177,7 +204,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "14",
-    "rank": 20
+    "rank": 23
   },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
@@ -185,8 +212,8 @@
     "url": "https://segmentfault.com/a/1190000041573314",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
-    "rank": 21
+    "votes": "16",
+    "rank": 24
   },
   {
     "title": "3D 沙盒游戏之避障踩坑和实现之旅",
@@ -195,7 +222,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "13",
-    "rank": 22
+    "rank": 25
   },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
@@ -204,7 +231,7 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "15",
-    "rank": 23
+    "rank": 26
   },
   {
     "title": "搭建 VuePress 站点必做的 10 个优化",
@@ -213,7 +240,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "13",
-    "rank": 24
+    "rank": 27
   },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
@@ -222,7 +249,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 25
+    "rank": 28
   },
   {
     "title": "什么是 LRU 算法？",
@@ -231,7 +258,7 @@
     "author": "Shenfq",
     "home_url": "https://segmentfault.com/u/shenfq",
     "votes": "10",
-    "rank": 26
+    "rank": 29
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -240,33 +267,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 27
-  },
-  {
-    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
-    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
-    "url": "https://segmentfault.com/a/1190000041668070",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "10",
-    "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": "10",
-    "rank": 29
-  },
-  {
-    "title": "数据库与缓存双写一致性",
-    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
-    "url": "https://segmentfault.com/a/1190000041576417",
-    "author": "超大只乌龟",
-    "home_url": "https://segmentfault.com/u/chenwugui",
-    "votes": "13",
     "rank": 30
   }
 ]