@wcj/github-rank 22.4.11 → 22.4.12

package/dist/sifou-daily.json

@@ -1,65 +1,74 @@
 [
   {
-    "title": "加速Spring现代化，我们做了什么？",
-    "description": "大约3年前，在意识到开发人员、IT 运营商和 DevOps 团队在大规模运行 Spring Boot 应用程序时面临的常见挑战后，我们开始联合VMware积极寻求解决方案，推出了Azure Spring Cloud。从那时起，我们有机会与许多客户...",
-    "url": "https://segmentfault.com/a/1190000041677321",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
+    "title": "墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码",
+    "description": "4 月 11 日，墨菲安全正式发布了其开源软件安全检测工具——murphysec 。据悉，该项目集合了易用、专业、创新等优势，意在帮助每一位开发者更安全的使用开源代码。",
+    "url": "https://segmentfault.com/a/1190000041684916",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "一些关于react的keep-alive功能相关知识在这里(下)",
-    "description": "比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。",
-    "url": "https://segmentfault.com/a/1190000041683421",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "1",
+    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
+    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
+    "url": "https://segmentfault.com/a/1190000041686261",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "7",
     "rank": 2
   },
   {
-    "title": "一些关于react的keep-alive功能相关知识在这里(上)",
-    "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
-    "url": "https://segmentfault.com/a/1190000041683300",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "1",
+    "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",
     "rank": 3
   },
   {
-    "title": "【Go进阶—基础特性】panic 和 recover",
-    "description": "panic 和 recover 也是常用的关键字，这两个关键字与上一篇提到的 defer 联系很紧密。用一句话总结就是：调用 panic 后会立刻停止执行当前函数的剩余代码，并在当前 Goroutine 中递归执行调用方的 defer；而 reco...",
-    "url": "https://segmentfault.com/a/1190000041682877",
-    "author": "与昊",
-    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
-    "votes": "1",
+    "title": "异步验证器防抖的补充 以及 记录动态组件遇到的问题",
+    "description": "补充这里对上文的异步验证器防抖做一点补充。[链接] {代码...} 上文的最后提到，发现这种写法可以。经过老师的判断后，发现几种写法的关键在于一个问题：每次获得新值的时候，fromControl是否会取消对上一个数据...",
+    "url": "https://segmentfault.com/a/1190000041688103",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "Uint8Array 我TM谢谢你不报错哦",
-    "description": "为了节约内存, 对参数化数据的typedArray进行了判断选择 {代码...} 在进行合批操作时，合并所有的顶点、索引和Uv数据 {代码...} OK, 这时候就出现了问题，反正就是绘制不对，很奇怪的形状在索引、顶点、法线中，...",
-    "url": "https://segmentfault.com/a/1190000041682087",
-    "author": "undefined",
-    "home_url": "https://segmentfault.com/u/chendongyuan",
+    "title": "打造轻量级 WebIDE，看这一篇文章就够啦",
+    "description": "目前团队正在着手搭建低代码平台，该平台将支持 LowCode/ProCode 双模式在线开发，而 ProCode 场景便需要一个功能相对完备的运行在浏览器的 WebIDE。同时考虑到未来可能的一些区块代码平台的需求，将 WebIDE 模块...",
+    "url": "https://segmentfault.com/a/1190000041686221",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "实现一个自己的语法解析器与执行引擎",
-    "description": "项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...",
-    "url": "https://segmentfault.com/a/1190000041681791",
-    "author": "辣子鸡",
-    "home_url": "https://segmentfault.com/u/laziji",
-    "votes": "1",
+    "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",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "几个一看就会的实用JavaScript优雅小技巧🌟",
-    "description": "☀️ 前言大家好我是小卢，在工作中我们经常可以通过一些小细节来增加代码可读性，让代码看起来更加优雅。这次我就给大家分享一些一看就会的实用JavaScript优雅小技巧。难度：🌟 推荐阅读时长:5min😎 正片减少if...el...",
-    "url": "https://segmentfault.com/a/1190000041681009",
-    "author": "快跑啊小卢_",
-    "home_url": "https://segmentfault.com/u/_61f73c54062fa",
+    "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",
     "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
   }
 ]

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": "58",
+    "votes": "60",
     "rank": 1
   },
   {
@@ -14,9 +14,18 @@
     "url": "https://segmentfault.com/a/1190000041549883",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "45",
+    "votes": "46",
     "rank": 2
   },
+  {
+    "title": "一个小厂前端 Leader 如何筛选候选人？",
+    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
+    "url": "https://segmentfault.com/a/1190000041592141",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "25",
+    "rank": 3
+  },
   {
     "title": "神奇的 CSS，让文字智能适配背景颜色",
     "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
@@ -24,15 +33,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "32",
-    "rank": 3
-  },
-  {
-    "title": "一个小厂前端 Leader 如何筛选候选人？",
-    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
-    "url": "https://segmentfault.com/a/1190000041592141",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "24",
     "rank": 4
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000041580205",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "25",
+    "votes": "26",
     "rank": 5
   },
   {
@@ -62,6 +62,15 @@
     "votes": "23",
     "rank": 7
   },
+  {
+    "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
+  },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
     "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
@@ -69,15 +78,6 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "24",
-    "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": "21",
     "rank": 9
   },
   {
@@ -89,6 +89,24 @@
     "votes": "14",
     "rank": 10
   },
+  {
+    "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": "21",
+    "rank": 11
+  },
+  {
+    "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": "大裁员下，程序员如何做“副业”？",
     "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
@@ -96,7 +114,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "这 16 个 CSS 伪类，助你提升布局效率！",
@@ -105,16 +123,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 12
-  },
-  {
-    "title": "Gitlab  CI/CD教程及npm包构建发布实战",
-    "description": "!!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...",
-    "url": "https://segmentfault.com/a/1190000041537651",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "19",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
@@ -123,15 +132,6 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "17",
-    "rank": 14
-  },
-  {
-    "title": "2022招聘季｜如何写一份好的前端面试简历?",
-    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
-    "url": "https://segmentfault.com/a/1190000041542431",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "18",
     "rank": 15
   },
   {
@@ -140,9 +140,18 @@
     "url": "https://segmentfault.com/a/1190000041634339",
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "17",
+    "votes": "18",
     "rank": 16
   },
+  {
+    "title": "2022招聘季｜如何写一份好的前端面试简历?",
+    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
+    "url": "https://segmentfault.com/a/1190000041542431",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "18",
+    "rank": 17
+  },
   {
     "title": "老板让我 7 天研究一个 Plausible 统计",
     "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细致化的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
@@ -150,7 +159,7 @@
     "author": "kumfo",
     "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "12",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "17 个实用的图像特效库",
@@ -159,7 +168,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "招聘季有奖征文活动丨面试趣事等你分享",
@@ -168,7 +177,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "14",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
@@ -177,7 +186,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "3D 沙盒游戏之避障踩坑和实现之旅",
@@ -186,7 +195,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "13",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
@@ -195,16 +204,16 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "15",
-    "rank": 22
+    "rank": 23
   },
   {
-    "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",
+    "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": 23
+    "rank": 24
   },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
@@ -213,7 +222,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "什么是 LRU 算法？",
@@ -222,7 +231,7 @@
     "author": "Shenfq",
     "home_url": "https://segmentfault.com/u/shenfq",
     "votes": "10",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -231,7 +240,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 26
+    "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",
@@ -240,7 +258,7 @@
     "author": "Asheng",
     "home_url": "https://segmentfault.com/u/ashengtan",
     "votes": "10",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "数据库与缓存双写一致性",
@@ -249,24 +267,6 @@
     "author": "超大只乌龟",
     "home_url": "https://segmentfault.com/u/chenwugui",
     "votes": "13",
-    "rank": 28
-  },
-  {
-    "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041592406",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "8",
-    "rank": 29
-  },
-  {
-    "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": "15",
     "rank": 30
   }
 ]