@wcj/github-rank 22.3.29 → 22.3.30

package/web/data/sifou-daily.json

@@ -1,91 +1,91 @@
 [
   {
-    "title": "2022招聘季｜从招聘方的角度理解求职",
-    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
-    "url": "https://segmentfault.com/a/1190000041617937",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "12",
+    "title": "vivo 商品中台的可视化微前端实践",
+    "description": "在电商领域内，商品是一个重要组成部分，与其对应的商品管理系统，则负责商品的新建、编辑、复制等功能。随着商品管理系统的成熟稳定和业务上的扩展需求，催化出了商品中台的诞生。它可以将现有商品功能最大效率...",
+    "url": "https://segmentfault.com/a/1190000041623387",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "关于动态表单遇到的一些问题",
-    "description": "在编写项目时，照着前几天的实验demo写，viemContainerRef.createComponent<A>(B),B是A接口的实现类，但是在这里B却报错了，一开始没仔细看报错详细信息，以为是B对A的继承关系有问题，但是检查了后并没有...",
-    "url": "https://segmentfault.com/a/1190000041621572",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "title": "VuePress 博客搭建系列 33 篇正式完结！",
+    "description": "VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。",
+    "url": "https://segmentfault.com/a/1190000041627148",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
     "rank": 2
   },
   {
-    "title": "angular异步验证器防抖",
-    "description": "背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...",
-    "url": "https://segmentfault.com/a/1190000041621553",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
+    "title": "怎么进入wgcloud导入wgcloud-PostgreSQL.sql",
+    "description": "用Navicat Premium导入",
+    "url": "https://segmentfault.com/a/1190000041626807",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "简述Python虚拟环境（图解）",
-    "description": "首先说说python命令正常工作的原理，以Windows为例，当我们的Python装好后，可执行程序是一个.exe文件（其他系统中为其他形式的可执行文件）。",
-    "url": "https://segmentfault.com/a/1190000041621884",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "title": "如何添加 babel polyfill?",
+    "description": "由于 Babel 7.4 之后不再推荐使用 @babel/polyfill，而 @babel/preset-env 和 plugin-transform-runtime 二者都可以设置 corejs 来处理 polyfill。",
+    "url": "https://segmentfault.com/a/1190000041625821",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
-    "description": "FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...",
-    "url": "https://segmentfault.com/a/1190000041619491",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "3",
+    "title": "几个 iOS 端底层网络问题",
+    "description": "典型案例1. Socket 断开后会收到 SIGPIPE 类型的信号，如果不处理会 crash同事问了我一个问题，说收到一个 crash 信息，去 mpaas 平台看到如下的 crash 信息看了代码，显示在某某文件的313行代码，代码如下Socket...",
+    "url": "https://segmentfault.com/a/1190000041623110",
+    "author": "fantasticbaby",
+    "home_url": "https://segmentfault.com/u/fantasticbaby",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "自定义hooks 同步获取useState的最新状态值",
-    "description": "背景不使用hook时，我们可以在setState回调函数获取最新值使用react hook时，最新的值只能在useEffect里面获取但我们有时候的业务场景需要我们同步拿到变量的最新变化值，以便做下一步操作；这时我们可以封装一个...",
-    "url": "https://segmentfault.com/a/1190000041618720",
-    "author": "防火防盗房师兄",
-    "home_url": "https://segmentfault.com/u/fanghuofangdaofangshixiong_5f3b9d97daada",
-    "votes": "1",
+    "title": "Nacos配置中心集群原理及源码分析",
+    "description": "Nacos作为配置中心的集群结构中，是一种无中心化节点的设计，由于没有主从节点，也没有选举机制，所以为了能够实现热备，就需要增加虚拟IP（VIP）。",
+    "url": "https://segmentfault.com/a/1190000041625660",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "Serverless Kubernetes 再升级 | 全新的网关能力增强",
-    "description": "Kubernetes 作为当今云原生业界标准，被众多开发者所拥抱。Serverless Kubernetes 基于 Kubernetes 之上，提供按需使用、节点免运维的 Serverless 能力。当前 Serverless Kubernetes 中默认提供 Nginx Ingress Co...",
-    "url": "https://segmentfault.com/a/1190000041621249",
-    "author": "阿里巴巴云原生",
-    "home_url": "https://segmentfault.com/u/alixitongruanjianjishu",
+    "title": "最新小红书数据app爬虫采集接口",
+    "description": "我们提供封装好的小红书数据采集接口，实时采集，接口稳定。长期维护使用便宜接口使用详情请参考接口地址：github 访问地址[链接]：全部支持的接口如下，并且支持定制开发获取笔记详情获取笔记评论列表获取用户个...",
+    "url": "https://segmentfault.com/a/1190000041628292",
+    "author": "平果",
+    "home_url": "https://segmentfault.com/u/pingguo_62091d03673de",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "Github Actions 实战提高生产力",
-    "description": "GitHub Action 持续集成服务推出有一段时间了，目前已经免费开放使用，由于个人项目都是放在Github上有点多，使用它来发布、测试、部署，是极大的提高了生产力。",
-    "url": "https://segmentfault.com/a/1190000041619089",
-    "author": "小弟调调",
-    "home_url": "https://segmentfault.com/u/ichu",
+    "title": "向工程腐化开炮 | 治理思路全解",
+    "description": "工程质量是任何一个产品，能够快速、高效、稳定地进行业务功能迭代的基础，也是给用户带来良好产品使用体验不可忽视的因素，更是任何一位优秀工程师的期望和卓越追求。而工程腐化，却是任何一个大型工程都不得不...",
+    "url": "https://segmentfault.com/a/1190000041625514",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "微软：.NET 5.0 将于 2022 年 5 月 8 日终止支持",
-    "description": "在 3 月 24 日发布的官方博文中，微软再次敦促 .NET 5 用户尽快升级到新版本，否则将无法获得包括安全修复和技术支持在内的服务更新。",
-    "url": "https://segmentfault.com/a/1190000041618718",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "Util: 前端 Base64 转化为 File 格式",
+    "description": "{代码...}",
+    "url": "https://segmentfault.com/a/1190000041623619",
+    "author": "OceanZH",
+    "home_url": "https://segmentfault.com/u/oceanzh",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "SVG 绘制自适应的菱形",
-    "description": "如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果",
-    "url": "https://segmentfault.com/a/1190000041618406",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "入门Flink，很简单",
+    "description": "我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为职业八股文选手最近如果拉过austin项目代码的同学，可能就会发现多了一个austin-stream模块。其实并不会意外，因为这一切都在计划当中进行。这个模块主...",
+    "url": "https://segmentfault.com/a/1190000041623041",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
     "votes": "1",
     "rank": 10
   }

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": "78",
+    "votes": "79",
     "rank": 1
   },
   {
@@ -35,21 +35,21 @@
     "votes": "41",
     "rank": 4
   },
-  {
-    "title": "CSS 实现透明方格的 3 种方式",
-    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
-    "url": "https://segmentfault.com/a/1190000041504985",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "29",
-    "rank": 5
-  },
   {
     "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": "30",
+    "rank": 5
+  },
+  {
+    "title": "CSS 实现透明方格的 3 种方式",
+    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
+    "url": "https://segmentfault.com/a/1190000041504985",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "29",
     "rank": 6
   },
@@ -62,6 +62,15 @@
     "votes": "25",
     "rank": 7
   },
+  {
+    "title": "CSS 也能自动补全字符串？",
+    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
+    "url": "https://segmentfault.com/a/1190000041580205",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "21",
+    "rank": 8
+  },
   {
     "title": "革命性创新，动画杀手锏 @scroll-timeline",
     "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
@@ -69,7 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "手把手教你写一个简易的微前端框架",
@@ -78,7 +87,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "25",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
@@ -87,7 +96,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 10
+    "rank": 11
+  },
+  {
+    "title": "一个小厂前端 Leader 如何筛选候选人？",
+    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
+    "url": "https://segmentfault.com/a/1190000041592141",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "20",
+    "rank": 12
   },
   {
     "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
@@ -96,7 +114,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "14",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
@@ -105,7 +123,7 @@
     "author": "前端私教年年",
     "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
     "votes": "20",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -114,24 +132,6 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 13
-  },
-  {
-    "title": "一个小厂前端 Leader 如何筛选候选人？",
-    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
-    "url": "https://segmentfault.com/a/1190000041592141",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
-    "rank": 14
-  },
-  {
-    "title": "CSS 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
     "rank": 15
   },
   {
@@ -140,7 +140,7 @@
     "url": "https://segmentfault.com/a/1190000041560515",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "23",
+    "votes": "24",
     "rank": 16
   },
   {
@@ -161,6 +161,15 @@
     "votes": "15",
     "rank": 18
   },
+  {
+    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
+    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
+    "url": "https://segmentfault.com/a/1190000041586984",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "16",
+    "rank": 19
+  },
   {
     "title": "2022招聘季｜如何写一份好的前端面试简历?",
     "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
@@ -168,7 +177,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "17",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
@@ -177,7 +186,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "18",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
@@ -186,7 +195,7 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "Go 设计哲学：少即是多，哪里来的？",
@@ -195,15 +204,6 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "15",
-    "rank": 22
-  },
-  {
-    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
-    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
-    "url": "https://segmentfault.com/a/1190000041586984",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "15",
     "rank": 23
   },
   {
@@ -233,6 +233,15 @@
     "votes": "19",
     "rank": 26
   },
+  {
+    "title": "老板让我 7 天研究一个 Plausible 统计",
+    "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
+    "url": "https://segmentfault.com/a/1190000041570390",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "11",
+    "rank": 27
+  },
   {
     "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
     "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
@@ -240,7 +249,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "15",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "从业务组件库看前端工程化",
@@ -249,15 +258,6 @@
     "author": "玩弄心里的鬼",
     "home_url": "https://segmentfault.com/u/lizongyuan",
     "votes": "14",
-    "rank": 28
-  },
-  {
-    "title": "老板让我 7 天研究一个 Plausible 统计",
-    "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
-    "url": "https://segmentfault.com/a/1190000041570390",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "10",
     "rank": 29
   },
   {