@wcj/github-rank 22.6.6 → 22.6.7

package/web/data/sifou-daily.json

@@ -1,47 +1,74 @@
 [
   {
-    "title": "Mini Canvas Lib 核心交互实现原理",
-    "description": "背景：需要使用 Canvas 实现添加图片、文字、摄像头画面，并且支持拖拽、缩放、旋转等功能。但成熟 Canvas 库（比如 Sprite.js Fabric.js ）一般都比较庞大（300kb+），所以自己实现精简版本，减少体积。",
-    "url": "https://segmentfault.com/a/1190000041940370",
-    "author": "hughfenghen",
-    "home_url": "https://segmentfault.com/u/hughfenghen",
-    "votes": "1",
+    "title": "CSS 实现头像名称首字符自动占位",
+    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
+    "url": "https://segmentfault.com/a/1190000041940807",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "2022最新版阿里开发手册发布！！！",
-    "description": "《Java 开发手册》是阿里巴巴集团技术团队的集体智慧结晶和经验总结，经历了多次大规模一线实战的检验及不断完善，公开到业界后，众多社区开发者踊跃参与，共同打磨完善，系统化地整理成册，当前的版本是【黄山版...",
-    "url": "https://segmentfault.com/a/1190000041941354",
-    "author": "甜甜",
-    "home_url": "https://segmentfault.com/u/tiantian_612502cc06094",
+    "title": "微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF",
+    "description": "每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA + iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问...",
+    "url": "https://segmentfault.com/a/1190000041942759",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "JavaScript精度丢失原因以及解决方案",
-    "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
-    "url": "https://segmentfault.com/a/1190000041941297",
-    "author": "沉静地闪光",
-    "home_url": "https://segmentfault.com/u/007008",
-    "votes": "1",
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "就这一篇！计算机网络基础知识总结",
-    "description": "如果说计算机把我们从工业时代带到了信息时代，那么计算机网络就可以说把我们带到了网络时代。随着使用计算机人数的不断增加，计算机也经历了一系列的发展，从大型通用计算机-超级计算机-小型机-个人电脑 -工作站...",
-    "url": "https://segmentfault.com/a/1190000041940992",
-    "author": "Java架构师",
-    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
-    "votes": "1",
+    "title": "Spring是如何支持多数据源的",
+    "description": "上篇介绍了数据源基础，并实现了基于两套DataSource，两套mybatis配置的多数据源，从基础知识层面阐述了多数据源的实现思路。不了解的同学请戳→同学，你的多数据源事务失效了！",
+    "url": "https://segmentfault.com/a/1190000041935752",
+    "author": "Java课代表",
+    "home_url": "https://segmentfault.com/u/zhengxl5566",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "最牛逼的集群监控系统，它始终位列第一！",
-    "description": "在本文中，我们将看到Prometheus监控技术栈的局限性，以及为什么移动到基于Thanos的技术栈可以提高指标留存率并降低总体基础设施成本。",
-    "url": "https://segmentfault.com/a/1190000041940202",
-    "author": "Java架构师",
-    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
+    "title": "Anaconda jupyter notebook路径读取错误，提示路径不存在解决方案",
+    "description": "本次报错最重要的是最后一行，这其实是在说明，系统读取到的路径与我们自己输入的路径并不一样，所以才没有读取到相应的文件，那么为什么不一样呢？我觉得大概是因为\\v ,\\t,\\s这样的字眼本身有其特殊的意义，放在...",
+    "url": "https://segmentfault.com/a/1190000041945122",
+    "author": "奇天大郑",
+    "home_url": "https://segmentfault.com/u/qitiandazheng",
     "votes": "1",
     "rank": 5
+  },
+  {
+    "title": "github使用技巧",
+    "description": "github使用技巧快捷键1、首页使用s直接focus搜索框2、仓库中使用t键直接搜索文件3、仓库文件里，使用L键直接跳转到对应行数，点击该行前面的3个点即可复制该行4、在仓库里点击。 可以直接用网页内嵌版的vscode进...",
+    "url": "https://segmentfault.com/a/1190000041942982",
+    "author": "奇天大郑",
+    "home_url": "https://segmentfault.com/u/qitiandazheng",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "提取coco datasets 2017单一类别生成新的标注文件",
+    "description": "如何提取coco datasets 2017单一类别生成新的标注文件？例如从原来json文件中的80个类别只提取出person类。非常简单，使用github上2个大佬写的coco manager附上github链接",
+    "url": "https://segmentfault.com/a/1190000041942738",
+    "author": "奇天大郑",
+    "home_url": "https://segmentfault.com/u/qitiandazheng",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "延时队列我在项目里是怎么实现的？",
+    "description": "我看到这个问题之后，稍微思考了下，觉得确实也是austin平台所需要实现的功能。对于前端而言，只要让业务方在创建模板的时候填选屏蔽类型，后端根据这个字段增添一点点细节，这个需求就做完了，简单！",
+    "url": "https://segmentfault.com/a/1190000041941550",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041925065",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "40",
+    "votes": "41",
     "rank": 2
   },
   {
@@ -35,15 +35,6 @@
     "votes": "24",
     "rank": 4
   },
-  {
-    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
-    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
-    "url": "https://segmentfault.com/a/1190000041804988",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "34",
-    "rank": 5
-  },
   {
     "title": "妙啊！动画还可以这样控制？",
     "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
@@ -51,16 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "27",
-    "rank": 6
-  },
-  {
-    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
-    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
-    "url": "https://segmentfault.com/a/1190000041806654",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "32",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
@@ -69,7 +51,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "22",
-    "rank": 8
+    "rank": 6
+  },
+  {
+    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
+    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
+    "url": "https://segmentfault.com/a/1190000041925107",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "23",
+    "rank": 7
   },
   {
     "title": "浅谈逻辑选择器 -- 父选择器它来了！",
@@ -78,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -87,16 +78,7 @@
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
     "votes": "25",
-    "rank": 10
-  },
-  {
-    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
-    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
-    "url": "https://segmentfault.com/a/1190000041925107",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "22",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -105,7 +87,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "23",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -114,7 +96,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "关于代码评审(CodeReview)那些不得不说的事儿",
@@ -123,7 +105,7 @@
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "18",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -132,7 +114,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "21",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "如何做新人引导功能？",
@@ -141,7 +123,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -150,7 +132,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "实现聚焦效果",
@@ -158,8 +140,17 @@
     "url": "https://segmentfault.com/a/1190000041804137",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
+    "votes": "14",
+    "rank": 16
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
+    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
+    "url": "https://segmentfault.com/a/1190000041921498",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "13",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -167,8 +158,8 @@
     "url": "https://segmentfault.com/a/1190000041892645",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "10",
-    "rank": 19
+    "votes": "11",
+    "rank": 18
   },
   {
     "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
@@ -177,16 +168,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 20
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
-    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
-    "url": "https://segmentfault.com/a/1190000041921498",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "12",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "python又搞事情 想一统天下？",
@@ -195,7 +177,7 @@
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
     "votes": "11",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -204,7 +186,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "9",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "移动端常见适配方案",
@@ -213,7 +195,16 @@
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
     "votes": "11",
-    "rank": 24
+    "rank": 22
+  },
+  {
+    "title": "云原生时代 PHP/Golang 项目如何实现微服务",
+    "description": "在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...",
+    "url": "https://segmentfault.com/a/1190000041905055",
+    "author": "韩天峰",
+    "home_url": "https://segmentfault.com/u/hantianfeng",
+    "votes": "9",
+    "rank": 23
   },
   {
     "title": "它来了！Flutter3.0发布全解析",
@@ -222,16 +213,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "6",
-    "rank": 25
-  },
-  {
-    "title": "云原生时代 PHP/Golang 项目如何实现微服务",
-    "description": "在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...",
-    "url": "https://segmentfault.com/a/1190000041905055",
-    "author": "韩天峰",
-    "home_url": "https://segmentfault.com/u/hantianfeng",
-    "votes": "8",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -240,7 +222,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "如何自定义 drag 样式",
@@ -249,7 +231,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "js面试题(进阶)梳理",
@@ -258,7 +240,16 @@
     "author": "墨城",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "13",
-    "rank": 29
+    "rank": 27
+  },
+  {
+    "title": "全球顶级交易所前端二面",
+    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
+    "url": "https://segmentfault.com/a/1190000041934586",
+    "author": "Peter谭老师",
+    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "votes": "6",
+    "rank": 28
   },
   {
     "title": "Redis 为何使用近似 LRU 算法淘汰数据，而不是真实 LRU？",
@@ -267,6 +258,15 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
+    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
+    "url": "https://segmentfault.com/a/1190000041921943",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "10",
     "rank": 30
   }
 ]