@wcj/github-rank 22.6.22 → 22.6.23

package/web/data/sifou-daily.json

@@ -1,47 +1,38 @@
 [
   {
-    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
-    "url": "https://segmentfault.com/a/1190000042012599",
+    "title": "SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~",
+    "description": "哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【问答打卡】的中奖小伙伴 😍ps：有效回答的标准如下具备活动资格：已填写报名表链接[链接]回答时间符合要...",
+    "url": "https://segmentfault.com/a/1190000042020576",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "3",
     "rank": 1
   },
   {
-    "title": "如何移除你项目中99%的JS代码",
-    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
-    "url": "https://segmentfault.com/a/1190000042011578",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "3",
+    "title": "关于 GIN 的路由树",
+    "description": "GIN 是一个 golang 常用的 Web 框架，它对 API 比较友好，源码注释也很明确明确，使用起来快速灵活，还有极高的容错率。标题中的路由我们可以简单理解为在浏览器中输入的页面地址，而“树”则是 一种优化的数据结构...",
+    "url": "https://segmentfault.com/a/1190000042018336",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "带你精通防抖与节流",
-    "description": "本文将介绍防抖与节流的概念、应用场景、代码实现，其中代码实现参考了 lodash 的源码，剔除了其中参数类型与运行环境的检测，使代码更简洁易懂，方便学习理解。",
-    "url": "https://segmentfault.com/a/1190000042015119",
-    "author": "清隆",
-    "home_url": "https://segmentfault.com/u/qinglong_62898aa51988d",
-    "votes": "2",
+    "title": "【Java面试】@Resource 和 @Autowired 的区别",
+    "description": "Hi，大家好，我是Mic。一个工作2年的粉丝，问我一个Spring里面的问题。希望我能从不同的视角去分析，然后碾压面试官。这个问题是： “@Resource和@Autowired”的区别。下面看看普通人和高手的回答",
+    "url": "https://segmentfault.com/a/1190000042019958",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "有意思的鼠标指针交互探究",
-    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
-    "url": "https://segmentfault.com/a/1190000042012558",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "2",
+    "title": "物联网开源开发平台 Shifu 开放内测！第一版技术文档发布",
+    "description": "Shifu 是由边无际Edgenesis自主研发的物联网开源开发和管理平台，开发者通过Shifu可以轻松实现连接、监控和控制任何物联网设备。",
+    "url": "https://segmentfault.com/a/1190000042019700",
+    "author": "亚马逊云开发者",
+    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "votes": "1",
     "rank": 4
-  },
-  {
-    "title": "混合开发UIwebview遇到的坑",
-    "description": "混合开发时，UIwebview不支持H5视图中overflow属性为scroll的盒子超出视图宽度（图片渲染的情况）现象：滚动区域会变空白解决：1、雪碧图，利用图片定位方式更新图片2、利用better scroll或者iscroll模拟overflow...",
-    "url": "https://segmentfault.com/a/1190000042014570",
-    "author": "ZekiHoo",
-    "home_url": "https://segmentfault.com/u/zekihoo",
-    "votes": "0",
-    "rank": 5
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "38",
+    "votes": "39",
     "rank": 2
   },
   {
@@ -41,16 +41,16 @@
     "url": "https://segmentfault.com/a/1190000041974425",
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "23",
+    "votes": "24",
     "rank": 5
   },
   {
-    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
-    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
-    "url": "https://segmentfault.com/a/1190000041885333",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "22",
+    "title": "CSS 实现头像名称首字符自动占位",
+    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
+    "url": "https://segmentfault.com/a/1190000041940807",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "24",
     "rank": 6
   },
   {
@@ -62,15 +62,6 @@
     "votes": "19",
     "rank": 7
   },
-  {
-    "title": "CSS 实现头像名称首字符自动占位",
-    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
-    "url": "https://segmentfault.com/a/1190000041940807",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "rank": 8
-  },
   {
     "title": "CSS 穿墙术！太强了",
     "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
@@ -78,7 +69,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "23",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
@@ -87,6 +78,15 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "19",
+    "rank": 9
+  },
+  {
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
     "rank": 10
   },
   {
@@ -99,12 +99,12 @@
     "rank": 11
   },
   {
-    "title": "CSS实现可拉伸调整尺寸的分栏布局",
-    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
-    "url": "https://segmentfault.com/a/1190000042006775",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "18",
     "rank": 12
   },
   {
@@ -125,6 +125,15 @@
     "votes": "17",
     "rank": 14
   },
+  {
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "12",
+    "rank": 15
+  },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
     "description": "Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：",
@@ -132,7 +141,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "JS实现将文本或JSON内容下载到文件中",
@@ -141,7 +150,7 @@
     "author": "十方",
     "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
     "votes": "10",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -150,24 +159,15 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 17
-  },
-  {
-    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
-    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
-    "url": "https://segmentfault.com/a/1190000041943100",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "11",
     "rank": 18
   },
   {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "16",
+    "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
+    "description": "一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。",
+    "url": "https://segmentfault.com/a/1190000042010573",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "11",
     "rank": 19
   },
   {
@@ -188,6 +188,15 @@
     "votes": "9",
     "rank": 21
   },
+  {
+    "title": "CSS 变量自动变色技术",
+    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
+    "url": "https://segmentfault.com/a/1190000041914954",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 22
+  },
   {
     "title": "Base64 编码知识，一文打尽！",
     "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
@@ -195,7 +204,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "12",
-    "rank": 22
+    "rank": 23
+  },
+  {
+    "title": "前端性能监测，Runtime Performance Debug 技巧",
+    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
+    "url": "https://segmentfault.com/a/1190000041990709",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "10",
+    "rank": 24
   },
   {
     "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
@@ -204,16 +222,25 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "12",
-    "rank": 23
+    "rank": 25
   },
   {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
-    "rank": 24
+    "title": "全球顶级交易所前端二面",
+    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
+    "url": "https://segmentfault.com/a/1190000041934586",
+    "author": "Peter谭老师",
+    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "votes": "8",
+    "rank": 26
+  },
+  {
+    "title": "Redis都有哪些使用场景",
+    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
+    "url": "https://segmentfault.com/a/1190000041985101",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
+    "votes": "7",
+    "rank": 27
   },
   {
     "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
@@ -222,16 +249,16 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 25
+    "rank": 28
   },
   {
-    "title": "前端性能监测，Runtime Performance Debug 技巧",
-    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
-    "url": "https://segmentfault.com/a/1190000041990709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
-    "rank": 26
+    "title": "11个常用JS小小技巧",
+    "description": "在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，...",
+    "url": "https://segmentfault.com/a/1190000041923141",
+    "author": "前端荣耀",
+    "home_url": "https://segmentfault.com/u/lengxing",
+    "votes": "12",
+    "rank": 29
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -240,33 +267,6 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "8",
-    "rank": 27
-  },
-  {
-    "title": "全球顶级交易所前端二面",
-    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
-    "url": "https://segmentfault.com/a/1190000041934586",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "7",
-    "rank": 28
-  },
-  {
-    "title": "CSS 变量自动变色技术",
-    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
-    "url": "https://segmentfault.com/a/1190000041914954",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 29
-  },
-  {
-    "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": "9",
     "rank": 30
   }
 ]