@wcj/github-rank 22.3.19 → 22.3.20

package/web/data/sifou-daily.json

@@ -1,83 +1,56 @@
 [
   {
-    "title": "欢迎体验 | Android 13 开发者预览版 2",
-    "description": "上个月，我们 发布了 Android 13 的首个开发者预览版。Android 13 围绕我们的核心主题打造，即隐私和安全、开发者生产力，以及支持平板电脑和 大屏幕设备。今天，我们为大家带来了 Android 13 开发者预览版 2，提...",
-    "url": "https://segmentfault.com/a/1190000041567908",
-    "author": "Android开发者",
-    "home_url": "https://segmentfault.com/u/androiddevs",
-    "votes": "2",
+    "title": "5年经验(专升本)入职B站分享",
+    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
+    "url": "https://segmentfault.com/a/1190000041572883",
+    "author": "江辰",
+    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
+    "votes": "10",
     "rank": 1
   },
   {
-    "title": "老板让我 7 天研究一个 Plausible 统计",
-    "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
-    "url": "https://segmentfault.com/a/1190000041570390",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "7",
+    "title": "商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT",
+    "description": "今日小编在刷微博的时候看到涛思数据创始人陶建辉老师在微博上控诉一家厚脸皮公司，居然把涛思数据的 PPT 一页一页的拷贝去融资，标题、文字、图标都懒得改。在后续的推文中我们可以看到这家公司的产品名为“Sourc...",
+    "url": "https://segmentfault.com/a/1190000041573584",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "一个格子衫女孩的成长史——面试篇",
-    "description": "说到面试这个事情，那我就想跟大家一起讨论一下了。但是吧！作为一个毕业还不到一年的“伪”应届生来说，社会经验必然是很弱的。所以确实无法给各位大佬带来一些有用，有价值的经验，我只能来谈一谈我自己的感受吧！",
-    "url": "https://segmentfault.com/a/1190000041570503",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
-    "votes": "8",
+    "title": "LeetCode-089-格雷编码",
+    "description": "题目描述：格雷编码是一个二进制数字系统，在该系统中，两个连续的数值仅有一个位数的差异。给定一个代表编码总位数的非负整数 n，打印其格雷编码序列。即使有多个不同答案，你也只需要返回其中一种。格雷编码序...",
+    "url": "https://segmentfault.com/a/1190000041574073",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "一款开源的服务接口API健康状态监测工具（支持告警防篡改）",
-    "description": "WGCLOUD是一款开源运维监控项目，它具备服务接口的健康监测能力，并支持GET和POST接口，以及对返回的内容进行校验，支持告警通知，比如邮件、钉钉、微信等，这样可以有效防止我们的网站被篡改",
-    "url": "https://segmentfault.com/a/1190000041567220",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "JavaScript keydown事件总结",
+    "description": "最近在开发过程中遇到了一个问题，感觉可以通过监听keydown事件来解决。但是，在实践的过程中发现，我原先对于keydown事件的理解并不是很正确。所以，在详细了解过keydown事件之后，在此做个总结。",
+    "url": "https://segmentfault.com/a/1190000041568137",
+    "author": "luckness",
+    "home_url": "https://segmentfault.com/u/luckness",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "编程中常用的加密算法",
-    "description": "前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...",
-    "url": "https://segmentfault.com/a/1190000041569757",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "3",
+    "title": "从区块链到 NFT 到元宇宙",
+    "description": "以比特币白皮书来说，区块链的本质是一个 P2P（点对点）的分布式账本，节点发出交易时需要向周围节点广播，全节点（还有轻节点等，轻节点一般只保存和自己有关的数据）将收到的交易信息写入区块体中，在共识机制...",
+    "url": "https://segmentfault.com/a/1190000041574252",
+    "author": "toBeTheLight",
+    "home_url": "https://segmentfault.com/u/tobethelight",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "电科申泰加入龙蜥社区并成为理事单位，共创基础软硬件生态新未来",
-    "description": "近日，经龙蜥社区理事会表决通过，中电科申泰信息科技有限公司（以下简称“电科申泰”）正式加入龙蜥社区并成为理事单位。电科申泰是一家具备核心集成电路研发及产业化能力、基础软硬件自主开发能力、基础软硬件深...",
-    "url": "https://segmentfault.com/a/1190000041568641",
-    "author": "龙蜥社区",
-    "home_url": "https://segmentfault.com/u/openanolis",
+    "title": "Docker Desktop 4.6 全新功能：大幅降低文件操作时间达 98%",
+    "description": "近日 Docker Desktop for Mac 发布了全新的 4.6 版本，加入了许多新的更新。其中最值得引人注目的是引入了一项名为 virtiofs 的实验性功能，该功能明显提高macOS 用户的文件共享性能，还改进了 macOS 主机和 Dock...",
+    "url": "https://segmentfault.com/a/1190000041572878",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 6
-  },
-  {
-    "title": "SUSE 发布面向本土化的 Rancher 企业版 2.6",
-    "description": "Rancher 企业版最早始于 “Rancher 中国” 时期，在 SUSE 完成对 Rancher 的收购之后，SUSE 的本土化倾向也使得这一策略得到延续，本土客户也相对青睐这种开源产品的落地模式。和其他 SUSE 产品相比，Rancher 企业...",
-    "url": "https://segmentfault.com/a/1190000041568142",
-    "author": "Rancher",
-    "home_url": "https://segmentfault.com/u/rancher",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "百度交易中台之账房系统架构浅析",
-    "description": "导读：百度交易中台作为集团移动生态战略的基础设施，面向收银交易与清分结算场景，为赋能业务提供高效交易生态搭建。目前支持百度体系内多个产品线，主要包含：小程序，地图打车，百家号，招财猫，好看视频等。...",
-    "url": "https://segmentfault.com/a/1190000041567097",
-    "author": "百度Geek说",
-    "home_url": "https://segmentfault.com/u/baidujiagoushi",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "纯后端如何写前端？我用了低代码平台",
-    "description": "我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为优质八股文选手花了几天搭了个后台管理页面，今天分享下我的搭建过程，全文非技术向，就当跟大家吹吹水吧。1、我的前端技术老读者可能知道我是上了大学...",
-    "url": "https://segmentfault.com/a/1190000041566768",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
-    "votes": "2",
-    "rank": 9
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "70",
+    "votes": "72",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041457245",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "44",
+    "votes": "46",
     "rank": 2
   },
   {
@@ -23,18 +23,9 @@
     "url": "https://segmentfault.com/a/1190000041517764",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "35",
+    "votes": "36",
     "rank": 3
   },
-  {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "32",
-    "rank": 4
-  },
   {
     "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
     "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
@@ -42,7 +33,7 @@
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "31",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
@@ -51,6 +42,15 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "27",
+    "rank": 5
+  },
+  {
+    "title": "CSS 实现透明方格的 3 种方式",
+    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
+    "url": "https://segmentfault.com/a/1190000041504985",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "27",
     "rank": 6
   },
   {
@@ -62,15 +62,6 @@
     "votes": "29",
     "rank": 7
   },
-  {
-    "title": "CSS 实现透明方格的 3 种方式",
-    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
-    "url": "https://segmentfault.com/a/1190000041504985",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
-    "rank": 8
-  },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
     "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
@@ -78,8 +69,26 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "24",
+    "rank": 8
+  },
+  {
+    "title": "手把手教你写一个简易的微前端框架",
+    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
+    "url": "https://segmentfault.com/a/1190000041467802",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "22",
     "rank": 9
   },
+  {
+    "title": "5种限流算法，7种限流方式，挡住突发流量？",
+    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
+    "url": "https://segmentfault.com/a/1190000041548601",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
+    "votes": "22",
+    "rank": 10
+  },
   {
     "title": "前端生成PDF，让后端刮目相看",
     "description": "PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...",
@@ -87,16 +96,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "22",
-    "rank": 10
+    "rank": 11
   },
   {
-    "title": "手把手教你写一个简易的微前端框架",
-    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
-    "url": "https://segmentfault.com/a/1190000041467802",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "21",
-    "rank": 11
+    "title": "革命性创新，动画杀手锏 @scroll-timeline",
+    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
+    "url": "https://segmentfault.com/a/1190000041505045",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "20",
+    "rank": 12
   },
   {
     "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
@@ -105,34 +114,16 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "13",
-    "rank": 12
-  },
-  {
-    "title": "革命性创新，动画杀手锏 @scroll-timeline",
-    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
-    "url": "https://segmentfault.com/a/1190000041505045",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
     "rank": 13
   },
-  {
-    "title": "5种限流算法，7种限流方式，挡住突发流量？",
-    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
-    "url": "https://segmentfault.com/a/1190000041548601",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "20",
-    "rank": 14
-  },
   {
     "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
     "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
     "url": "https://segmentfault.com/a/1190000041455457",
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "15",
-    "rank": 15
+    "votes": "16",
+    "rank": 14
   },
   {
     "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
@@ -141,7 +132,7 @@
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
     "votes": "15",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -150,7 +141,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "15",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
@@ -159,7 +150,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "14",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -167,17 +158,8 @@
     "url": "https://segmentfault.com/a/1190000041436294",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "13",
-    "rank": 19
-  },
-  {
-    "title": "urlcat：JavaScript的URL构建器库",
-    "description": "urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......",
-    "url": "https://segmentfault.com/a/1190000041417062",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "12",
-    "rank": 20
+    "votes": "14",
+    "rank": 18
   },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
@@ -186,16 +168,16 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 21
+    "rank": 19
   },
   {
-    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
-    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
-    "url": "https://segmentfault.com/a/1190000041413541",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "16",
-    "rank": 22
+    "title": "Go 设计哲学：少即是多，哪里来的？",
+    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
+    "url": "https://segmentfault.com/a/1190000041524988",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "14",
+    "rank": 20
   },
   {
     "title": "突破限制，CSS font-variation 可变字体的魅力",
@@ -204,7 +186,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -213,16 +195,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 24
-  },
-  {
-    "title": "Go 设计哲学：少即是多，哪里来的？",
-    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
-    "url": "https://segmentfault.com/a/1190000041524988",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "14",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "小程序实现手写签名",
@@ -231,7 +204,16 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "14",
-    "rank": 26
+    "rank": 23
+  },
+  {
+    "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": "17",
+    "rank": 24
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -240,7 +222,7 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "16",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
@@ -249,7 +231,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "14",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
@@ -258,7 +240,7 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "28张图助我学废TS",
@@ -267,6 +249,24 @@
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
     "votes": "17",
+    "rank": 28
+  },
+  {
+    "title": "从业务组件库看前端工程化",
+    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
+    "url": "https://segmentfault.com/a/1190000041480003",
+    "author": "玩弄心里的鬼",
+    "home_url": "https://segmentfault.com/u/lizongyuan",
+    "votes": "13",
+    "rank": 29
+  },
+  {
+    "title": "什么是 LRU 算法？",
+    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
+    "url": "https://segmentfault.com/a/1190000041542627",
+    "author": "Shenfq",
+    "home_url": "https://segmentfault.com/u/shenfq",
+    "votes": "10",
     "rank": 30
   }
 ]